ফটোশপ ম্যানিয়াঃ পর্ব ৫ – ওয়েবসাইটের বাটন তৈরি

বন্ধুরা, স্বাগতম ফটোশপ ম্যানিয়ার ৫ম পর্বে। আমরা জানি ওয়েবসাইট ডিজাইনিং এ HTML ও CSS এর পাশাপাশি ফটোশপেরও রয়েছে অনন্যসাধারণ ভূমিকা। বাটন, নেভিগেশন বার, ব্যানার, লোগো এগুলো ফটোশপে খুব সহজেই ডিজাইন করা যায়। আজ তাই আমি আপনাদের সাথে আলোচনা করতে যাচ্ছি খুবই সাধারণ একটি বাটন তৈরির উপায়।

৫০০x৫০০ পিক্সেলের একটি ডকুমেন্ট খুলুন। লেয়ার প্যালেটে ব্যাকগ্রাউন্ড লেয়ারের উপরে নতুন আরেকটি লেয়ার তৈরি করুন নিচের দেখানো বাটনে ক্লিক করুন।

এখন নতুন তৈরি করা লেয়ারটিতে Marquee tool দিয়ে আয়তাকার একটি সিলেকশান তৈরি করুন নিচের মত।

ফরগ্রাউন্ড কালার হিসেবে নিচের কালার সেট করুন।

ব্যাকগ্রাউন্ড কালার হিসেবে সাদা সিলেক্ট করুন।

এখন Gradient Tool সিলেক্ট করুন এবং টুলস অপশন্স বারে নিচের মত মান নির্ধারণ করুন। এখানে gradient হিসেবে foreground to background সিলেক্ট করুন।

এখন সিলেকশানের নিচের প্রান্তে মাউস রেখে উপরের দিকে ড্র্যাগ করুন নিচের মত করে (তীর চিহ্ন দিয়ে দেখানো হলো)।

Ctrl+D প্রেস করে সিলেকশান ডিসিলেক্ট করুন।

আবার ফরগ্রাউন্ড কালার হিসেবে নিচের কালার সিলেক্ট করুন।

এখন Rounded Rectangle Tool সিলেক্ট করুন।

এখন এই টুল দিয়ে নিচের মত একটি Shape তৈরি করুন।

এই শেপটি যে লেয়ারে তৈরি হল তা মূলত সাধারন লেয়ারের মত না। এটিকে সাধারণ লেয়ারের মত অবস্থায় আনার জন্য লেয়ার প্যালেটে এই লেয়ারের নামের উপর মাউসের ডান বাটন ক্লিক করে প্রাপ্ত মেনু থেকে Rasterize layer সিলেক্ট করুন।

ফলে লেয়ারটি সাধারন লেয়ারে পরিণত হবে।

এখন এই লেয়ারের ২টি ডুপ্লিকেট লেয়ার তৈরি করুন, লেয়ারের উপর মাউসের ডান বাটন ক্লিক করে প্রাপ্ত মেনু থেকে। লেয়ার প্যালেটের সবচেয়ে উপরের ডুপ্লিকেট লেয়ারটি সিলেক্ট করে ctrl+T প্রেস করুন। ফলে এটি নিচের চিত্রের মত ট্রান্সফর্ম মোড হবে।

নিচের এঙ্কর পয়েন্টটি ধরে উপরের দিকে ড্র্যাগ করে নিচের মত করুন। এবং দুপাশের এঙ্কর পয়েন্ট গুলোকে একটু ভিতরের দিকে ড্র্যাগ করুন।

Enter প্রেস করুন। লক্ষ্য করুন,অন্য লেয়ারগুলোর জন্য এ লেয়ারে আপনি কি করলেন তা বুঝা যাচ্ছেনা। কাজের সুবিধার জন্য আপনি অন্য দুটি বাটন লেয়ার hide করে ফেলতে পারেন সংশ্লিষ্ট লেয়ারের পাশে থাকা চোখের আইকনে ক্লিক করে।

নিচের চিত্রে বৃত্ত চিহ্নিত স্থানে চোখের আইকন অফ দেখানো হয়েছে।

ফলে এখন আপনি ট্রান্সফর্ম করা লেয়ারটি দেখতে পাবেন।

এই লেয়ারের নীল এই অংশটি সিলেক্ট করুন ম্যাজিক ওয়ান্ড টুল দিয়ে এর উপর ক্লিক করে।

চিত্রে সিলেক্টেড অংশের রংটি ফরগ্রাউন্ড কালার হিসেবে এবং সাদা রঙ ব্যাকগ্রাউন্ড কালার হিসেবে সিলেক্ট করুন। এখন Gradient tool সিলেক্ট করে টুলস অপশন্স বারে নিচের মত মান নির্ধারণ করুন, foreground to background  gradient ( বৃত্ত চিহ্নিত অংশ ) সিলেক্ট করুন।

এখন সিলেক্ট করা লেয়ারের নিচের প্রান্ত থেকে উপরের প্রান্ত পর্যন্ত ড্র্যাগ করুন। ফলে নিচের মত হবে।

সিলেকশান ডিসিলেক্ট করুন ctrl+D প্রেস করে। এখন hide বা অদৃশ্য করে রাখা লেয়ারগুলো আবার show করুন সংশ্লিষ্ট লেয়ারের পাশে থাকা চোখের আইকনে ক্লিক করে। ফলে নিচের মত হবে।

এখন shape1 লেয়ার অর্থাৎ যে লেয়ার থেকে অন্য দুটি ডুপ্লিকেট লেয়ার তৈরি করেছেন তা সিলেক্ট করুন এবং এই লেয়ারের উপরে মাউস বাটন রেখে ডান বাটন ক্লিক করে প্রাপ্ত মেনু থেকে Blending option সিলেক্ট করুন। একটি বক্স আসবে। এই বক্স থেকে Bevel and emboss সিলেক্ট করুন এবং নিচের মত মান নির্ধারণ করুন।

ফলে নিচের মত হবে।

এবার সবচেয়ে উপরের লেয়ারটি সিলেক্ট করুন। এখন টেক্সট টুল সিলেক্ট করে যেকোনো ফন্টে যেকোনো কালারে এই বাটনের উপর টেক্সট যোগ করুন অর্থাৎ এটি ওয়েবপেজের যে পেজের বাটন সে পেজের নামটি এখানে বসবে। এ কাজটি আপনার মনের মাধুরী মিশিয়ে করুন।

এইতো!!!! হয়ে গেলো আপনার তৈরি বাটন। কেমন লাগলো জানাবেন । সবাই ভালো থাকবেন, ধন্যবাদ।