বেশ কয়েক দিন ধরেই লেখা লেখি করা হচ্ছে না। এই দিকে ডিজাইন আবার SSC এর চাপ। তাই সময় করে ঠিক উঠতে পারছি না। যাই হক বহুদিন থেকে টিউটোরিয়াল বিডিতে লগ ইন করতেই ভুলে গেছি যেন। তো আজ আর আমার প্রাণ মানল না। একটা টিউটোরিয়াল তাই লিখেই ফেললাম। তাহলে আজকের কাজ শুরু করি কি বলেন।
আজকের কাজ প্রজেক্ট হল ফটোশপে ওয়েব রেজিস্টার ফর্ম ডিজাইন।
শুরু করি এবং ব্যাকগ্রাউন্ড:
সবার আগে নতুন একটা ডকুমেন্ট্রি নিন। নিচের সাইজ অনুসরণ করুন।
Rectangle Tool (U) এর এর সাহায্য নিচের মত একটা চতুর্ভুজ তৈরি করুন এটাই আমাদের ওয়েব রেজিস্টার ফর্ম এর ব্যাকগ্রাউন্ড।
এবার নিচের লেয়ার স্টাইলটা ফলো করে একটাকে আসল রূপ প্রদান করি।
ব্যাস সব কিছু ঠিকঠাক মত করতে পারলে আপনার ব্যাকগ্রাউন্ড এর ফাইনাল অবস্থা নিচের মত হবে।
হেডার তৈরি:
এবার বার পেন টুল ব্যাবহার করে নিচের মত একটা হেডার ব্যাকগ্রাউন্ড তৈরি করুন।
এবার নিচের লেয়ার স্টাইল অনুসরণ করুন।
এবার ডার্ক-গ্লো যোগ করবো! এবার Ctrl key চেপে ধরে আপনার হেডার ব্যাকগ্রাউন্ড এর সেইপ লেয়ারে ক্লিক করুন তাহলে ঐটার এরিয়া সিলেক্ট হয়ে যাবে।
এবার Gradient Tool ব্যাবহার করে স্ক্রিন সট এর মত করে পাশে ড্রাগ করুন। Gradient এর Option বার এর সেটিং স্ক্রিনশট এ লক্ষ্য করুন।
এবার Later>Layer Styles> Blending Options: Custom যান নিচের স্ক্রিন সট অনুসরণ করুন।
হেডারের টাইটেল দিন। আমি এখানে Vintage ফন্ট ব্যাবহার করেছি।
ফরম ডিজাইন:
এইবার Horizontal Type Tool (T)ব্যাবহার করে নিচের মত টেক্সটা এবং Rounded Rectangle Tool (U) ফর্ম তৈরি করুন। টেক্সটার রং হবে #363636।
এবার ফর্ম গুলার লেয়ার স্টাইল নিচের মত হবে।
সব কিছু যদি ঠিকঠাক মত সারতে পারেন তাহলে আপনার প্রজেক্ট এর অবস্থা নিচের মতন হবে।
বাটন যোগ:
বাটন এর বিশেষ কোন পরিবর্তন হবে না। শুধু Drop Shadow যৎ সামান্য পরিবর্তন ঘটবে। তারপর একই ভাবে ডার্ক-গ্লো ও টেক্সটা যোগ করুন। Drop Shadow পরিবর্তনটা নিম্নরূপ।
তাহলে অবস্থা নিচের মত
আরও কিছু:
মূল কাজ তো শেষ করলাম এবার আরও কিছু যোগ করি। নিচের মত টেক্সটা যোগ করতে পারেন।
একটা ক্রস বাটনও যোগ করা যেতে পারে। এটার ব্যাকগ্রাউন্ড লেয়ার স্টাইল নিচের মতন। আর X টা (ফাইনাল প্রজেক্টে লক্ষ্য করুন) আপনাদের দায়িত্বে ছেড়ে দিলাম।
ব্যাস ফাইনাল প্রজেক্ট হবে নিচের মতন।
টিউটোরিয়াল টি লেখার জন্য তোমাকে অনেক অনেক ধন্যবাদ শিবলি ভাইয়া। আরো টিওটোরিয়াল চাই।
khuv vhalo tutorial.
Bookmark kore nilam…
Many many thanks for nice tutorial web site.
Babla
টিওটোরিয়াল টি ভাল লেগেছে………………….
আমি ফটোশপ এর ক্লিপিং পাথ, মাস্কিং এর বিস্তারিত কাজ জানতে চাই। আমাকে কি এর কোন টিউটোরিয়াল শেখান যাবে? তাহলে খুব উপকৃত হতাম।
বংালাদেশ অনেক উন্নতির দিকে এগিয়ে যাচ্ছে অনেক শিক্ষিত ভাইদের জন্য তাই আমি উনাদের মত হতে চাই।
অনেক সহজ একটি টিউটোরিয়াল। তবে সেটি হয়তো তোমরা কাছে। আমি চেষ্টা করি বাট, করতে পারি না। 😉
আমাকেও ওই এসএসসি মেরে দিয়েছে। গুড লাক। হয়ত এসএসসি এর আগে সাক্ষাৎ হবেনা।
Thanks
আপনি ফটোশপ এর কোন ভার্সন টা ব্যবহার করেন ??
আমি photoshop8.ocs দিয়ে পারতেছি না।
আপনার লেখা পড়লে জ্ঞান কমবে না ।