অ্যাডোবি ফটোশপ মেগা সিরিজের অষ্টম পর্ব নিচে দেওয়া হলো। আজকের বিষয় হলো ফটোশপের একটি চমৎকার এবং ব্যতিক্রমী দিক অ্যানিমেশন এবং জিফ (GIF) মেকিং।
অ্যাডোবি ফটোশপ (পার্ট ৮): ফটোশপ অ্যানিমেশন ও জিফ (GIF) মাস্টারক্লাস স্থির ছবিকে দিন প্রাণের ছোঁয়া
লিখেছেন: টিম Daily Tech News
ওয়েবসাইট: Dailynewsepaper26.blogspot.com
আসসালামু আলাইকুম। ফটোশপ সিরিজের গত সাতটি পর্বে আমরা স্টিল ইমেজ বা স্থির ছবি এডিটিংয়ের প্রায় সব খুঁটিনাটি শিখে ফেলেছি। আজ আমরা শিখব কীভাবে ফটোশপ ব্যবহার করে ছোট ছোট নড়াচড়া করা ছবি বা অ্যানিমেশন তৈরি করা যায়। অনেকে হয়তো ভাবেন অ্যানিমেশন করার জন্য শুধু 'আফটার ইফেক্টস' বা 'প্রিমিয়ার প্রো' এর মতো ভারি সফটওয়্যার প্রয়োজন। কিন্তু আপনি জেনে অবাক হবেন যে, ফেসবুকের মজাদার জিফ (GIF), ওয়েবসাইটের ব্যানার অ্যানিমেশন কিংবা শর্ট ভিডিও এডিটিংয়ের কাজগুলো ফটোশপেই খুব সহজে করা সম্ভব।
আজকের এই মেগা গাইডে আমরা শিখব কীভাবে টাইমলাইন ব্যবহার করে ফ্রেম-বাই-ফ্রেম অ্যানিমেশন তৈরি করতে হয়। এটি আপনার সোশ্যাল মিডিয়া পোস্টগুলোকে অন্যদের চেয়ে অনেক বেশি আকর্ষণীয় করে তুলবে।
অধ্যায় ৫৬: ফটোশপে অ্যানিমেশন আসলে কীভাবে কাজ করে?
অ্যানিমেশনের মূল মন্ত্র হলো 'দৃষ্টির বিভ্রম'। যখন অনেকগুলো স্থির ছবি খুব দ্রুত আপনার চোখের সামনে দিয়ে চলে যায়, তখন আমাদের মস্তিষ্ক মনে করে বস্তুটি নড়ছে। ফটোশপে এটি করার দুটি প্রধান উপায় আছে:
১. Frame Animation: যেখানে আপনি প্রতিটি ফ্রেম আলাদাভাবে সাজান (পুরনো দিনের কার্টুনের মতো)।
২. Video Timeline: যেখানে আপনি কি-ফ্রেম (Keyframes) ব্যবহার করে অবজেক্টকে এক জায়গা থেকে অন্য জায়গায় সরিয়ে নিয়ে যান (আধুনিক মোশন গ্রাফিক্সের মতো)।
 |
| ফটোশপ ব্যবহার করে তৈরি করা একটি চমৎকার লোগো অ্যানিমেশন। |
অধ্যায় ৫৭: টাইমলাইন প্যানেল (Timeline Panel) পরিচিতি
অ্যানিমেশন শুরু করার জন্য আপনাকে প্রথমে টাইমলাইন প্যানেলটি চালু করতে হবে।
- পদ্ধতি: মেনু বার থেকে Window > Timeline এ ক্লিক করুন।
- প্যানেলের মাঝখানে আপনি দুটি অপশন পাবেন: Create Video Timeline এবং Create Frame Animation।
- শুরুর জন্য আমরা Frame Animation দিয়ে শুরু করব, কারণ এটি বোঝা সহজ।
অধ্যায় ৫৮: স্টেপ-বাই-স্টেপ গাইড: আপনার প্রথম জিফ (GIF) তৈরি করুন
চলুন আমরা একটি জ্বলজ্বলে নিয়ন সাইন (Blinking Neon Sign) তৈরি করি।
ধাপ ১: লেয়ার সাজানো প্রথমে একটি কালো ব্যাকগ্রাউন্ডের ওপর আপনার টেক্সট লিখুন (ধরা যাক "OPEN")। এবার এই লেয়ারটির একটি কপি নিন (Ctrl + J)। উপরের লেয়ারটির রঙ একটু গাঢ় বা নিস্তেজ করে দিন। এখন আপনার কাছে দুটি লেয়ার—একটি উজ্জ্বল এবং একটি অনুজ্জ্বল।
ধাপ ২: ফ্রেম অ্যানিমেশন তৈরি টাইমলাইন প্যানেল থেকে Create Frame Animation এ ক্লিক করুন। আপনি প্রথম একটি ফ্রেম দেখতে পাবেন। প্যানেলের নিচে থাকা 'New Frame' আইকনে ক্লিক করে আরেকটি ফ্রেম নিন।
ধাপ ৩: লেয়ারের দৃশ্যমানতা নিয়ন্ত্রণ প্রথম ফ্রেম সিলেক্ট থাকা অবস্থায় লেয়ার প্যানেল থেকে উজ্জ্বল লেয়ারটি অন রাখুন। এবার দ্বিতীয় ফ্রেম সিলেক্ট করে উজ্জ্বল লেয়ারটি অফ করে অনুজ্জ্বল লেয়ারটি অন করুন।
ধাপ ৪: সময় নির্ধারণ (Delay Time) প্রতিটি ফ্রেমের নিচে '0 sec' লেখা থাকে। সেখানে ক্লিক করে ০.৫ সেকেন্ড বা আপনার পছন্দমতো সময় সেট করুন।
ধাপ ৫: লুপিং সেট করা নিচে 'Once' লেখা থাকলে সেটি পরিবর্তন করে 'Forever' করে দিন। এবার 'Play' বাটনে ক্লিক করুন। দেখবেন আপনার নিয়ন সাইনটি জ্বলছে এবং নিভছে!
অধ্যায় ৫৯: ভিডিও টাইমলাইন ব্যবহার করে অ্যাডভান্সড অ্যানিমেশন
আপনি যদি চান আপনার লোগোটি স্ক্রিনের বাম দিক থেকে ডান দিকে ভেসে আসুক, তবে আপনাকে Video Timeline ব্যবহার করতে হবে।
- এখানে প্রতিটি লেয়ার একটি ভিডিও ট্র্যাক হিসেবে দেখা যায়।
- লেয়ারের পাশে থাকা ছোট অ্যারো চিহ্নে ক্লিক করলে আপনি Position, Opacity, এবং Style এর ঘড়ি আইকন (Stopwatch) দেখতে পাবেন।
- শুরুতে একটি কি-ফ্রেম দিন, টাইমলাইনের স্লাইডারটি একটু সামনে নিয়ে অবজেক্টটি সরিয়ে দিন। ফটোশপ নিজে থেকেই মাঝখানের নড়াচড়াটুকু তৈরি করে নেবে।
অধ্যায় ৬০: ছবির আকাশ বা পানিকে সচল করা (Cinemagraph)
সিনেমাগ্রাফ হলো এমন এক ধরণের ছবি যেখানে পুরো ছবি স্থির থাকে কিন্তু একটি নির্দিষ্ট অংশ নড়ে (যেমন: চায়ের কাপ থেকে ধোঁয়া উঠছে বা ঝরনার পানি পড়ছে)।
১. একটি ছোট ভিডিও ক্লিপ ফটোশপে ওপেন করুন।
২. ভিডিওটির একটি স্থির ফ্রেম (Screenshot) সবার উপরে রাখুন।
৩. এবার উপরের লেয়ারটিতে একটি মাস্ক (Mask) নিন এবং ব্রাশ দিয়ে শুধু সেই অংশটি মুছে দিন যেখানে আপনি নড়াচড়া দেখাতে চান।
৪. প্লে করলে দেখা যাবে স্থির ছবির ভেতর দিয়ে ভিডিওর ওই অংশটি দেখা যাচ্ছে। এটি বর্তমানে ইন্সটাগ্রাম অ্যাডের জন্য অত্যন্ত জনপ্রিয়।
 |
| সিনেমাগ্রাফ আপনার স্টিল ইমেজকে দেয় প্রিমিয়াম লুক। |
অধ্যায় ৬১: অ্যানিমেটেড সোশ্যাল মিডিয়া ব্যানার ডিজাইন
আপনি যখন কোনো অফার বা ডিসকাউন্টের ব্যানার বানাবেন, তখন সেখানে যদি "৫০০ টাকা ছাড়" লেখাটি কাঁপতে থাকে বা রঙ বদলায়, তবে মানুষের নজর কাড়া সহজ হয়।
- টিপস: সবসময় অ্যানিমেশনটি সিম্পল রাখার চেষ্টা করুন। খুব বেশি নড়াচড়া বিরক্তির কারণ হতে পারে। লোগো, টেক্সট এবং কল-টু-অ্যাকশন (যেমন: Order Now) বাটনটিকে অ্যানিমেট করা সবথেকে কার্যকর।
অধ্যায় ৬২: জিফ (GIF) হিসেবে সেভ ও এক্সপোর্ট করার সঠিক নিয়ম
অ্যানিমেশন শেষ করার পর সেটি সাধারণ JPG বা PNG হিসেবে সেভ করলে হবে না। আপনাকে বিশেষ পদ্ধতিতে এক্সপোর্ট করতে হবে।
- পদ্ধতি: File > Export > Save for Web (Legacy) এ যান।
- ফরম্যাট: এখান থেকে GIF সিলেক্ট করুন।
- কালার: কালার সবসময় ২৫৬ রাখুন যাতে কোয়ালিটি ভালো থাকে।
- লুপিং অপশন: এটি 'Forever' আছে কি না তা নিশ্চিত করুন।
- সবশেষে 'Save' বাটনে ক্লিক করে আপনার ফাইলটি সেভ করুন।
অধ্যায় ৬৩: ভিডিও হিসেবে এক্সপোর্ট করা (MP4 Format)
আপনি যদি আপনার অ্যানিমেশনটি ফেসবুক বা ইউটিউব ভিডিও হিসেবে আপলোড করতে চান, তবে আপনাকে MP4 ফরম্যাটে এক্সপোর্ট করতে হবে।
- File > Export > Render Video এ যান।
- এখান থেকে ফরম্যাট H.264 সিলেক্ট করুন এবং রেজোলিউশন 1080p বা আপনার প্রয়োজনমতো দিন। এরপর 'Render' এ ক্লিক করলে এটি ভিডিও হিসেবে সেভ হবে।
অধ্যায় ৬৪: অ্যানিমেশনের সময় ৩টি সাধারণ ভুল
১. ফাইলের বিশাল সাইজ: জিফ ফাইলে অনেক বেশি ফ্রেম থাকলে ফাইলের সাইজ অনেক বেড়ে যায়, যা ওয়েবসাইটে লোড হতে সময় নেয়। অপ্রয়োজনীয় ফ্রেম ডিলিট করুন।
২. অমসৃণ অ্যানিমেশন: যদি দুটি ফ্রেমের মধ্যে সময়ের পার্থক্য খুব বেশি হয়, তবে নড়াচড়াটি ঝিকঝিক করতে পারে।
৩. রঙের অভাব: জিফ ফরম্যাটে মাত্র ২৫৬টি রঙ থাকে। তাই খুব বেশি গ্রেডিয়েন্ট বা সূক্ষ্ম রঙের কাজ জিফ-এ ভালো দেখায় না।
ফটোশপ অ্যানিমেশন আপনার ডিজাইনিং ক্যারিয়ারে একটি নতুন মাত্রা যোগ করবে। আজকের এই মেগা গাইডে আমরা একটি স্থির ছবিকে সচল করার প্রায় সব কৌশল নিয়ে আলোচনা করেছি। আপনি যখন একজন ক্লায়েন্টকে শুধু ছবির বদলে একটি অ্যানিমেটেড ব্যানার দেবেন, তখন আপনার কাজের মূল্য অনেক বেড়ে যাবে।
এই পর্বটি আপনার কেমন লেগেছে? আপনি কি আপনার প্রথম জিফটি তৈরি করতে পেরেছেন? কোনো সমস্যা হলে আমাদের কমেন্টে জানান। Daily Tech News সবসময় আপনাদের নতুন প্রযুক্তির সাথে পরিচিত করতে বদ্ধপরিকর।
পরবর্তী পর্বে আমরা শিখব ফটোশপ ৩ডি (3D) এবং মকআপ ডিজাইন কীভাবে আপনার ডিজাইনকে একদম বাস্তবসম্মত থ্রি-ডি বস্তুর ওপর বসানো যায়। সেই পর্যন্ত প্র্যাকটিস করতে থাকুন!
: ফটোশপ অ্যানিমেশন ও জিফ (GIF) মাস্টারক্লাস স্থির ছবিকে দিন প্রাণের ছোঁয়া){kind=link}
0 মন্তব্যসমূহ