ব্যানার বানানোর ধারাবাহিকতায় আজ আমরা শিখব অ্যানিমেটেড ব্যানার। এই পর্বে আমরা দেখবো কিভাবে ব্যানারকে সিম্পল অ্যানিমেটেড করা যায়। এই ধাপে আপনাকে ফটোসপ এবং ইমেজরেডি ব্যবহার করতে হবে।

যারা শিখতে চান তারা ফটোসপ ওপেন করুন। নতুন একটি ফাইল নিন 468x60 সাইজের। রেজুলেশন দিন ৭২।

কালার প্যালেটে আকাশি রং সিলেক্ট করে পেন টুল দিয়ে চিত্রের মত স্থান সিলেক্ট করে নিন (কিবোর্ড থেকে p চাপলেই পেনটুল সক্রিয় হবে)

তারপর কালার প্যালেট থেকে লাল রং সিলেক্ট করে rounded rectangle tool সিলেক্ট করে বামে নিচের দিকে নিচের মত সিলেক্ট করুন।

আপনি চাইলে লাল রঙের এই অংশটুকু হাইলাইট করার জন্য ব্লেন্ডিং অপশন ব্যবহার করতে পারেন। এজন্য এই অংশের লেয়ারের উপর রাইট ক্লিক করুন। (লেয়ার প্যালেট আনতে কিবোর্ড থেকে F7 চাপুন)

এখান থেকে Blending Options এ ক্লিক করুন। এবং চিত্রের মত স্ট্রোক দিন

বাকী থাকা সাদা অংশ ম্যাজিক টুলের সাহায্যে ব্লক করুন (কিবোর্ড থেকে w চাপলে এটি সক্রিয় হবে)

এখানে গ্রেডিয়েন্ট দিন। (কিবোর্ড থেকে g চাপলে এটি সক্রিয় হবে) আমি চিত্রের মত দিলাম

এরপর আপনার সাইটের শিরোনাম দিন। আমি টিউটোবিডি কে নিচের মত দুই রঙে দিলাম

নিচের লাল অংশে সাইটের ঠিকানা দিন

এরপর ডান পাশের ফাকা স্থানে আপনার সাইট সম্পর্কে লিখতে পারেন।

এখানে একটা ব্যাপার লক্ষনীয় যে, যেহেতু আমরা একাধিক টেক্সট দিব তাই আমরা একটি টেক্সট দেওয়া শেষ হয়ে গেলেই লেয়ার প্যালেট থেকে টেক্সটকে অদৃশ্য/hide করে রাখব। নিচের চিত্রের স্থানে ক্লিক করে টেক্সট লেয়ার বা যে কোন লেয়ার হাইড করে রাখা যায়

এরপর আরেকটি টেক্সট দিন। এভাবে যতগুলো ইচ্ছ ততগুলো দিন

অনেকগুলো টেক্সট দেওয়ার পর আমাদের ফটোসপের কাজ শেষ। এরপর আমরা ইমেজরেডিতে শিফট করব। এজন্য চিহ্নিত স্থানে ক্লিক করুন

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

আমি লেখায় তিনটি টেক্সট দিয়েছি বলে তিনটি ফ্রেম তৈরি করেছি

খেয়াল রাখবেন প্রতিটি ফ্রেমের উপর ক্লিক করলে যেন আপনার প্রতিটি টেক্সট দেখা যায়। এটা আপনি লেয়ার প্যালেট থেকে করতে পারবেন। শুধুমাত্র এখান থেকে Show/Hide এ ক্লিক করে করা যায়। এখান থেকে চোঁখ চিহ্নিত স্থানে ক্লিক করে শো বা হাইড করতে পারবেন।

এরপর আপনাকে প্রতিটি ফ্রেমের অ্যানিমেশন এর সময় দিতে হবে। সবগুলো ফ্রেম সিলেক্ট করে চিত্রের স্থানে ক্লিক করে নিচের মত সময় নির্ধারণ করে দিন

একটা জিনিস এখানে খেয়াল রাখবেন যেন, বামপাশে Once এর স্থলে Forever করা থাকে। এখানে Once থাকলে অ্যানিমেশন একবার হবে এবং Forever থাকলে অ্যানিমেশন চলতেই থাকবে।

তারপর এটি সেভ করার পালা। এটিকে সেভ করতে File>Save Optimized As এ ক্লিক করুন

এরপর একটি নাম দিয়ে সেভ করুন। আমি উপরোক্ত ইমেজটি সেভ করলাম। দেখুন কেমন হল

এই টিউটোরিয়ালটি লিখতে ১৮ টি ইমেজ ব্যবহার করা হয়েছে যার সাইজ মাত্র ৩২০ কিলোবাইট এবং এই ইমেজগুলো আমার নিজস্ব সার্ভার থেকে স্ট্রিমিং করা হয়েছে। ইমেজগুলোর মান অক্ষুণ্ণ রেখে সাইজ বিশেষ ব্যবস্থায় কমানো হয়েছে যাতে টিউটোরিয়ালটি তাড়াতাড়ি ওপেন হয় এবং আপনাদের ব্যান্ডউইডথ কম ফুরোয়।

আশাকরি কিছুটা হলেও শিখতে পেরেছেন। ধন্যবাদ মনযোগসহকারে পড়ার জন্য।