টিউটোরিয়াল বিডিতে বেশ কদিন পরেই লিখলাম। আমি আমার দেশের বাড়িতে গিয়ে ছিলাম। এসেছি বেশ কদিন আগেই কিন্তু মাথাটা কদিন ধরেই ফাঁকা হয়ে আছে। আজ আবার ফটোশপ নিয়েই লিখবো। আমার পরের লেখা গুলো কি বিষয় নিয়ে লিখবো তা খুব ভালো করে বলতে পারছি না। তবে প্রোগ্রামিং কোন CSS নিয়ে লিখতে পারি। আমি CSS 3 এর নতুন কিছু ব্যাবহার শিখেছি, এগুলো শেয়ার কারার সম্ভাবনাও আছে। আজকে লে আউট তৈরি নিয়ে লিখতে চেয়েছিলাম কিন্তু হল না। তাই আজ একটা মিষ্টি স্টাইলে টেক্সটা এফেক্ট শেখাই।
ব্যাক গ্রাউন্ড তৈরি:
ব্যাকগ্রাউন্ড তৈরি কার হল আমার প্রথম স্টেপ। এটা আগে তৈরি করে ফেলুন।
১. নিচের মত সেটিং নিয়ে একটা নতুন ডকুমেন্ট্রি নিন।

২. নতুন লেয়ার নিন। তারপর Ctrl+Back Space চেপে পুরোটা ফিল করে ফেলুন। এবং Layer>Layer Style>Gradient Overlay গিয়ে নিচের মত সেটিং করুণ।

উপরের সব গুলো কাজ ঠিক ভাবে করতে পারলে আপনার ব্যাকগ্রাউন্ড নিচের অবস্থায় আসবে।

টেক্সটা ডিজাইন:
ব্যাকগ্রাউন্ড ঠিক ভাবে ডিজাইন করলেন। এবার টেক্সটার মূল বডি ডিজাইন করতে হবে। আপনি আপনার ফটোশপের টাইপ টুল ব্যাবহার করে আপনার নিজের ইচ্ছা মত কিছু টাইপ করুণ যেমন আমি টাইপ করেছি “টিউটোরিয়াল বিডি”।
৩. এবার এটার লেয়ার স্টাইল নিচের পদ্ধতি অনুসারে করুন।





আপনি যদি সব কিছু ঠিক ভাবে করতে পারেন তাহলে আপনার টেক্সাটা স্টাইল নিচের মত হবে।

চকলেট এফেক্ট তৈরি:
৪. এটা তৈরি করার জন্য আপনাকে একটা নতুন একটা Pattern তৈরি করতে হবে তার জন্য জন্য 30×30 সাইজের একটা ডকুমেন্ট্রি নিন। তারপর নিচের মত করে ফেলুন। এবং Edit > Define Pattern গিয়ে একটা Pattern তৈরি করে ফেলুন।

৫. এবার Magic Wand Tool এর সাহায্যে পুরো টেক্সটাকে সিলেক্ট করুণ এবং নতুন একটা লেয়ার নিয়ে আপনার তৈরি Pattern এর ব্যবহার করুণ।

৬. এবার Layer>Layer Style> Gradient Overlay যান যান এবং নিচের মত করে কালার দিন।

তুষার যোগ করুণ:
৭. Quick Selection Tool এর সাহায্যে আপনি যেসব জায়গায় বরফ যোগ করতে চান সেই অংশ গুলো সিলেক্ট করুণ তারপর সাদা রং দিয়ে ভরাট করে ফেলুন।

৮. Layer>Layer Style>Inner Shadow যান এবং সেটিং নিচের মত করে করুণ।

ব্যাস আপনি যদি সকল কাজ সঠিক ভাবে করতে পারেন তাহলে আপনার প্রজেক্ট নিচের অবস্থায় যাবে।

আমি আমার লেখার স্টাইল এর মধ্যে কিছু পরিবর্তন আনার চেষ্টা করেছি। আপনারা কোন পরিবর্তন লক্ষ্য করলে আমাকে জানাবেন। আর এটার সোর্চ ফাইল অর্থাৎ PSD ফাইল ডাউনলোড করতে চাইলে এখান থেকে নামিয়ে নিতে পারেন।

অফটপিক: আমি যেসব সোর্চ ফাইল ডাউনলোড লিংক দেই এগুলো ব্যক্তিগত ভাবে ব্যাবহার করা যাবে। তবে কোথাও প্রকাশ করতে হলে অবশ্যই আমার নাম এবং টিউটোরিয়াল বিডির লিংক প্রকাশ করতে হবে। কোন ব্যাবসায়িক উদ্দেশ্যে ব্যাবহার করা যাবে না।
আমার আরও প্রজেক্ট:
১. ফটোশপে জাদুকরের টুপি (ম্যাজিক হ্যাট)
২. ফটোশপে ফ্লাইং সসার তৈরি
৩. ফটোশপে তৈরি করুন একটা সাধারণ ঘড়ি
৪. ফটোশপে মিডিয়া প্লেয়ার (MP3) তৈরি
৫. ফটোশপে 3D কলম তৈরি
৬. ফটোশপে 3D পেনসিল তৈরি
৭. ফটোশপে LCD মনিটর তৈরি
৮. ফটোশপে ফোল্ডার আইকন তৈরি
আমি ভাবলাম আপনি ফিরে এসে PSD=>CSS/HTML দিবেন! 🙁
কিন্তু এটাও কিন্তু জটিল হয়েছে 😀
@ইমরান, গুরুজি কিছু সমস্যা আছে! আচ্ছা কাল একটা দিব!
@শিবলী,
সরি ভুলটা আমারই। ভুলে tutorialbd.com/bn/ না গিয়ে tutorialbd.com তে দুদিন ধরে ঘুরছিলাম!
@ইমরান, মাহবুব ভাই এর তুলোনা হয় না, একেবারে tutsplus.com এর মত বানাইছে।
@শিবলী,
ঠিক শিবলী।
@ডিজে আরিফ, প্রজেক্ট কি পেরেছিস? পারলে ছবি শেয়ার কর।
Thanks
প্যাটার্ন মেকিং এর বিষয়টি কিছুটা অস্পষ্ট রয়ে গেছে। সিরিয়ালি বলে দিলে ভালো হতো।
আর প্যাটার্ন ম্যাজিক ওয়ান্ড টুল এর মধ্যের ব্যবহারও কুয়াশার মত অস্পষ্ট লাগে।
সর্বোপরি ভাল হয়েছে।
এগিয়ে যান শিবলী