আসুন শিখি কিভাবে একটি সোশ্যাল মিডিয়া পোস্টকে কোন সময়েই অ্যানিমেট করা যায়
আপনি যদি আপনার সোশ্যাল মিডিয়া পোস্টগুলিকে আলাদা করতে চান, তাহলে আপনাকে কীভাবে অ্যানিমেশন যোগ করতে হয় তা শিখতে হবে। মাত্র কয়েক মিনিটের মধ্যে, আপনি একটি অত্যাধিক ছবি তুলতে পারেন এবং এটিকে ইন্টারনেট সোনায় রূপান্তর করতে পারেন। আমরা সকলেই বুঝি যে এই প্ল্যাটফর্মগুলিতে উপস্থিতি বজায় রাখা একটি ব্যবসা এবং একটি ব্র্যান্ড উভয়ের জন্যই গুরুত্বপূর্ণ, তবে সময়ের প্রতিশ্রুতি অনেক নতুন শিল্পীকে বন্ধ করে দিতে পারে। আমরা আপনাকে একটি ভাল উপায় দেখানোর জন্য এখানে আছি।
গ্রাফিক ডিজাইনারদেরকে আজকাল সোশ্যাল মিডিয়ার জন্য আরও কন্টেন্ট তৈরি করতে বলা হচ্ছে, এবং আপনি জানেন যে একটি নজরকাড়া ডিজাইনের চেয়ে ভাল কী? একটি নজরকাড়া নকশা যা নড়াচড়া করে। আপনি যদি কিছু সময়ের জন্য ফটোশপে কাজ করে থাকেন তবে অ্যানিমেশন যোগ করার জন্য আপনি যতটা ভাবছেন তার চেয়ে কাছাকাছি। আজ, আমরা আফটার ইফেক্টস ফায়ার করব যাতে আপনি দেখতে পারেন যে ইন্টারফেসটি কতটা পরিচিত হতে পারে। আমরা কিছু ডিজাইন নেব এবং আফটার ইফেক্টে কিছু সূক্ষ্ম মুভমেন্ট যোগ করব।
{{lead-magnet}}
ফটোশপে আপনার ছবি প্রস্তুত করুন
আমরা ফটোশপ CC 2022 এবং After Effects CC 2022 নিয়ে কাজ করব, তবে এই কৌশলগুলি পুরানো সংস্করণগুলিতেও কাজ করা উচিত। আমরা এটির জন্য এটি খুব সহজ রাখছি। এখন আপনি ফটোশপে অ্যানিমেট করতে পারেন, তবে এটি বেশ চ্যালেঞ্জিং হতে পারে। পরিবর্তে, আপনার ফাইলগুলি প্রস্তুত করা সহজ যাতে সেগুলি আফটার ইফেক্টে আরও ভাল কাজ করবে।
অ্যানিমেট করার জন্য সঠিক ছবি কীভাবে বাছাই করবেন
শুরু করতে, আপনাকে সঠিক ছবি বাছাই করতে হবে। দেখুনAfter Effects ইন্টারফেস আয়ত্ত করা।
আমরা একটি স্কেটবোর্ডারের একটি ছবি নির্বাচন করেছি এবং আমরা ব্যাকগ্রাউন্ডকে অ্যানিমেট করতে চাই। ফ্রিল্যান্স ডিজাইনার এবং অ্যানিমেটর হিসাবে আপনি অনেক কাজের সাথে এটি বেশ মিল। আপনার ক্লায়েন্ট চাইবেন কিছু উপাদান অগ্রভাগ থেকে টানা হোক এবং হয় নতুন কোথাও রাখা হোক বা কোনোভাবে অ্যানিমেটেড হোক।
সুতরাং উপরের চিত্রটি দেখে, আমরা কীভাবে তাদের সরানো উচিত? ঠিক আছে, আমরা একটি পুরানো কৌশল ব্যবহার করতে যাচ্ছি। বিষয় সরানোর পরিবর্তে, ব্যাকগ্রাউন্ডটি বাম থেকে ডানে ঘুরবে, আন্দোলনের ছাপ দেবে।
আপনাকে আলোর দিকেও মনোযোগ দিতে হবে। যদিও একটি স্বতন্ত্র আলোর উত্স একটি স্থির চিত্রের জন্য দুর্দান্ত দেখায়, আপনি যখন এটিকে একটি ভিন্ন পটভূমিতে সরানো শুরু করেন বা যেখানে আলো আর মেলে না তখন এটি বন্ধ হয়ে যাবে। আপনার দর্শক ঠিক কী ভুল তা হয়তো জানেন না, কিন্তু তারা প্রভাব থেকে বিভ্রান্ত হবেন। মাতাল জাদুকরের মতো, এটি সত্যিই মায়াকে হত্যা করে।
আপনার স্তরগুলিকে আলাদা করুন (এবং তাদের নাম দিন)
আপনি উপরের ভিডিওতে যেমনটি দেখতে পাচ্ছেন, আমরা বিষয় আলাদা করার জন্য মুখোশ ব্যবহার করছি (বিশেষত অ-ধ্বংসাত্মক) বোর্ড, ছায়া এবং পটভূমি। এটি আমাদের তৈরি করতে দেয়আমরা রাস্তার নিচে একটি সমস্যা লক্ষ্য করলে সূক্ষ্ম সমাধান। আমরা যদি শুধু পিক্সেল মুছে দিতাম, তাহলে সেগুলি চিরতরে চলে যাবে (আপনি একবার CTRL/CMD+Z রেঞ্জ অতিক্রম করে গেলেন)।
যাওয়ার সময় প্রতিটি স্তরের নাম নিশ্চিত করুন। লেয়ার 1 - 100-এর তালিকায় একটি ছবি খুঁজে বের করার চেষ্টা করার চেয়ে খারাপ আর কিছুই নয়।
ব্যাকগ্রাউন্ডে একটু পলিশ দরকার, কারণ এটি আমাদের উদ্দেশ্যমূলক দৃষ্টিভঙ্গির সাথে পুরোপুরি সারিবদ্ধ নয়।
আমাদের উদ্দেশ্য হল ব্যাকগ্রাউন্ড লুপ করা, কিন্তু আপনি দেখতে পাচ্ছেন দুটি দিক পুরোপুরি মিলছে না। যেহেতু বাম দিকটি আমাদের গাইডের সাথে আরও সারিবদ্ধ, আসুন সেই দিকটি অনুলিপি করি, এটি উল্টাই এবং ডানদিকে ফেলে দিই। একবার আমরা এটি সারিবদ্ধ হয়ে গেলে, স্তরগুলি মার্জ করতে CTRL/CMD+E ব্যবহার করুন।
আপনার ছবির সাইজ চেক করুন
আফটার ইফেক্টে ইমেজ আনার আগে আমাদের ইমেজের সাইজ চেক করতে হবে। After Effects কিছু সুন্দর বিশাল ফাইল পরিচালনা করতে পারে...কিন্তু আপনার কম্পিউটার এতটা শক্তিশালী নাও হতে পারে। আপনার ছবির আকার পরিবর্তন করার অনেক উপায় আছে, কিন্তু আমরা আমাদের ক্যানভাস পরিবর্তন করে শুরু করতে যাচ্ছি। এটি কোনও পিক্সেলের সাথে বিশৃঙ্খলা না করে আমাদের ক্যানভাসকে পরিবর্তন করে এবং তারপরে আমরা ফিট করার জন্য আমাদের চিত্রগুলির আকার পরিবর্তন করতে পারি।
আমরা আমাদের ক্যানভাস ( চিত্র > ক্যানভাসের আকার… ) 1920x1080 এ সামঞ্জস্য করেছি। এখন আমাদের ছবিগুলি অনেক বড় ছিল, তাই আমাদের সেগুলিকে ফিট করার জন্য সামঞ্জস্য করতে হবে৷
এখনও কিছু অসম্পূর্ণতা আছে, কিন্তু আমরা আফটার ইফেক্টে একটু মোশন ব্লার দিয়ে সেগুলি ঠিক করতে পারি। আপনি লক্ষ্য করবেন যে ক্যানভাসের প্রান্তের বাইরে কয়েকটি পিক্সেল ঝুলছে।কখনও কখনও আপনি সেগুলি থাকতে চাইতে পারেন, তবে আমাদের AE-তে তাদের প্রয়োজন হবে না। ক্যানভাসের সাথে মানানসই আপনার ছবিগুলিকে দ্রুত ছাঁটাই করতে ক্রপ টুল ( C ) ব্যবহার করুন। এখন আমাদের ছবি আফটার ইফেক্ট-এ নিয়ে আসার এবং অ্যানিমেটিং শুরু করার সময় এসেছে৷
আফটার ইফেক্টগুলিতে ফটোশপ ফাইল আমদানি করা
আপনার স্তরের নামগুলি পরীক্ষা করুন এবং তারপরে আপনার কাজ সংরক্ষণ করুন (আমরা সুপারিশ করি "to_AE" এর মতো কিছু যোগ করা হচ্ছে যাতে আপনি সহজেই আপনার ফাইলটি খুঁজে পেতে পারেন। আপনার যদি After Effects-এ যেতে সাহায্যের প্রয়োজন হয়, আমরা আপনাকে কভার করেছি। আপনি সেই ভিডিওটি দেখতে পারেন, অথবা এই দ্রুত পদ্ধতিটি ব্যবহার করতে পারেন।
কিভাবে ফটোশপ থেকে আফটার ইফেক্টে ফাইল ইম্পোর্ট করবেন
- ওপেন আফটার ইফেক্টস
- ফাইল > ইমপোর্ট >ফাইলে যান
- আপনার ফাইল নির্বাচন করুন
- ইমপোর্টে ক্লিক করুন
এখন ফটোশপ এবং আফটার ইফেক্টের মধ্যে তুলনা দেখুন৷
দেখতে বেশ একই রকম? অ্যাডোব বিভিন্ন সফ্টওয়্যারের মধ্যে জিনিসগুলিকে পরিচিত রাখার চেষ্টা করেছে, ক্রিয়েটিভ ক্লাউডে অ্যাপগুলির মধ্যে সরানো আরও সহজ করে তোলে৷ আপনি টাইমলাইনে আমাদের স্তরগুলি নীচে লক্ষ্য করবেন, যদিও সেগুলি কিছুটা আলাদা দেখাচ্ছে৷ এই কারণেই আপনার স্তরগুলির নামকরণ এত গুরুত্বপূর্ণ পদক্ষেপ ছিল৷
এই নতুনটির সাথে রচনা (আমাদের জন্য কম্পোজিশন) আপনি আপনার FPS বা ফ্রেম-প্রতি-সেকেন্ড সেট করতে সক্ষম হবেন। সাধারণভাবে, অ্যানিমেশন 24 fps (ফুটেজের 1 সেকেন্ডের সমান 24 ফ্রেম) এ সম্পন্ন করা হয়, তবে এমন পরিস্থিতিতে হতে পারে যেখানে আপনার কম বা বেশি প্রয়োজন। এটা সব প্রকল্প এবং আপনার উপর নির্ভর করেক্লায়েন্টের প্রয়োজন।
আপনার রচনা সেট আপ করুন
আমরা আশা করি আপনি আপনার কফি খেয়েছেন, কারণ আমরা দ্রুত যেতে চলেছি (গেমের নামটি একটি অ্যানিমেটেড সোশ্যাল মিডিয়া পোস্ট আদৌ সময়, তাই না?)
এখন, এই স্কেটবোর্ডারকে অ্যানিমেট করার সবচেয়ে সহজ উপায় হল ব্যাকগ্রাউন্ড সরানো, তাই না? যখন আমরা এটিকে পথ থেকে সরিয়ে দিই, তখন প্রায় মনে হয় স্কেটারটি সামনের দিকে এগিয়ে যাচ্ছে।
আমাদের যা করতে হবে তা হল ব্যাকগ্রাউন্ডের নকল করা, অনেকটা কার্টুনের মতো। স্তরটি ধরুন, তারপর সম্পাদনা করুন > ডুপ্লিকেট ( CMD/CTRL + D ) এবং আপনি একটি একেবারে নতুন স্তর পাবেন। আমরা তাত্ত্বিকভাবে কয়েক ডজন কপি তৈরি করতে পারি এবং সেগুলিকে উড়ন্তভাবে অ্যানিমেট করতে পারি, তবে একটি সহজ পদ্ধতি রয়েছে: মোশন টাইল।
আফটার ইফেক্টে অ্যানিমেটিং
মোশন টাইল
আপনার স্ক্রিনের ডানদিকে, ইফেক্টস এবং প্রিসেটগুলিতে যান, তারপরে মোশন টাইল অনুসন্ধান করুন। এটিকে আপনার লেয়ারে টেনে আনুন এবং এটিকে ভুল স্তরে না ফেলার বিষয়ে সতর্ক থাকুন, যদিও এটি কিছু দুর্দান্ত প্রভাব তৈরি করতে পারে।
বাম দিকে আপনি দুটি মূল বিকল্পের সাথে আপনার প্রভাব নিয়ন্ত্রণগুলি দেখতে পাবেন: আউটপুট প্রস্থ এবং আউটপুট উচ্চতা। যখন আমরা আউটপুট প্রস্থে “200” রাখি…
এখন আমাদের বাম এবং ডানে আমাদের ব্যাকগ্রাউন্ডের কিছুটা বেশি রয়েছে। আমরা অল্প পরিমাণে ইমেজটিকে কার্যকরভাবে নকল করেছি। এখন আপনি যদি সদৃশ এলাকায় ক্লিক করার চেষ্টা করেন, আপনি সক্ষম হবেন না। শুধুমাত্র আপনার মূল স্তর সরানো যেতে পারে.
অবশ্যই, সাধারণ অনুলিপি বা টাইলিং ছোট তৈরি করেশিল্পকর্ম আমরা যদি স্থল বা পটভূমির দিকে তাকাই, সেখানে এমন লাইন রয়েছে যা পুরোপুরি সঠিক দেখায় না। এবং পরিশেষে, আউটপুট নম্বর দিয়ে এটি অতিরিক্ত করবেন না। আপনি আপনার কম্পিউটার ক্র্যাশ করবেন৷
এটি অ্যানিমেট করতে, প্রথমে আমাদের রচনার দৈর্ঘ্য সামঞ্জস্য করা যাক৷ কম্পোজিশনে যান > রচনা সেটিংস৷
আমরা আমাদের FPS পরিবর্তন করতে পারি, যেমনটি আমরা উপরে আলোচনা করেছি৷ এটি 5 সেকেন্ডের জন্য সেট করুন এবং এই ছবিটি অ্যানিমেট করার সময়।
কীফ্রেমের সাথে অ্যানিমেটিং
আপনার ক্লিন প্লেট স্তরে নিচে ঘুরুন এবং আপনি আপনার রূপান্তর বিকল্পগুলি দেখতে পাবেন।
নিশ্চিত করুন যে আপনার টাইমলাইনের শুরুতে আপনার প্লেহেড সম্পূর্ণভাবে আছে, তারপরে পজিশন এর পাশে স্টপওয়াচ ক্লিক করুন। এটি টাইমলাইনে সেই মুহূর্তে আপনার লেয়ারের x এবং y অক্ষকে চিহ্নিত করে। আপনি এইমাত্র টাইমলাইনে আপনার প্রথম কীফ্রেম তৈরি করেছেন। এগুলি হল আফটার ইফেক্টস-এ অ্যানিমেশনের মৌলিক বিল্ডিং ব্লক৷
প্লেহেডটিকে আপনার টাইমলাইনের শেষে সরান এবং আপনি আরেকটি কীফ্রেম তৈরি করবেন৷ এখন ট্রান্সফর্মে ফিরে যান এবং অবস্থান সামঞ্জস্য করুন যাতে ব্যাকগ্রাউন্ডটি বাম থেকে ডানে সরে যায় (বা ডান থেকে বামে, যদি আপনি এই Tony Hawk wannabe একটি অস্থির 360-এ ফ্লিপ করতে চান)।
যখন আপনি প্লে টিপুন, আফটার ইফেক্টগুলি বরাদ্দ সময়ের মধ্যে প্রথম এবং শেষ কীফ্রেমে উপস্থিত থাকার জন্য স্তরটিকে কীভাবে সরানো দরকার তা ইন্টারপোলেট করে।
GIF
যদি আমরা চাই আমাদের স্কেটবোর্ডার দ্রুত গতিতে চলুক, আমরা শুধুবরাদ্দ সময়ের মধ্যে প্লেট আরও নিচে সরানো প্রয়োজন. ধীর গতিতে সরানোর জন্য, কম মাটি ঢেকে দিন। কিন্তু একটা জিনিস আছে যা আমরা লক্ষ্য করছি যেটা এতটা মিতব্যয়ী নয়। সীম যেখানে আমাদের ডুপ্লিকেটেড টাইল একত্রিত হয় একটু জ্যাঙ্কি। সৌভাগ্যবশত, আমরা কিছু মোশন ব্লার দিয়ে সেটিকে ঢেকে রাখতে পারি।
মোশন ব্লার যোগ করুন
মোশন ব্লার হল লেন্সের এক্সপোজারের সময় কোন বস্তুর নড়াচড়ার কারণে চিত্রের স্ট্রীকিং বা স্মেয়ারিং। ভিডিও মোশন ব্লার সাধারণত একটি বস্তুর উপর ফোকাস করার কারণে ঘটে থাকে যখন ফোকাসের বাইরে থাকা আইটেমগুলি ব্যাকগ্রাউন্ডে চলে যায়। আমাদের ক্ষেত্রে, এটি সেই প্রভাব যা আমরা ব্যবহার করতে চাই।
মোশন ব্লার কন্ট্রোল টিপুন (তিনটি চেনাশোনা একসাথে কাছাকাছি)। আপনি আপনার স্তরগুলির পাশে বাক্সগুলি দেখতে পাবেন। শুধুমাত্র আপনার পরিষ্কার প্লেট নির্বাচন করুন, এবং অসম্পূর্ণতা আড়াল গতি ঝাপসা দেখুন. ঠিক তেমনই, আমরা ঘাম না ভেঙে কিছু দুর্দান্ত অ্যানিমেশন করেছি। তবে আমরা সবসময় জিনিসগুলিকে আরও বেশি স্পর্শ করতে পারি।
বাস্তববাদী ছায়া যোগ করা
আপনি লক্ষ্য করতে পারেন যে স্কেটবোর্ডের নীচে ছায়াটির মূল মাটি থেকে এখনও একটি রেখা রয়েছে৷
আমরা একটি ঠিক সামাজিক চিত্র তৈরি করার চেষ্টা করছি না। আমরা এমন কিছু করার চেষ্টা করছি যা চারপাশে ভাগ করে নেওয়ার মতো। আসুন এটি দ্রুত ঠিক করি। এখন, আমরা ফটোশপে এটি আনার আগে এটিকে সহজভাবে ঠিক করতে পারতাম, কিন্তু আমরা ভুলে গেছি (অথবা বরং, আমরা সেই পদক্ষেপটি এড়িয়ে গিয়েছি যাতে আমরা আপনাকে এখানে দেখাতে পারি! দেখুন, আমরা পুরো সময় কী করছিলাম তা জানতাম)।
প্রথমে, একটি তৈরি করুননতুন লেয়ার লেয়ার > নতুন ( CMD/CTRL + Y ) এবং একটি কালো ফিল নির্বাচন করুন। এটি আমাদের রচনার আকারের একটি কালো কঠিন তৈরি করে। পেন টুল (P) ব্যবহার করে, আমরা একটি সাধারণ আকৃতি আঁকতে যাচ্ছি। এটি নিখুঁত হতে হবে না, শুধুমাত্র একটি ছায়ার প্রাথমিক ধারণা।
একবার আমরা মুখোশটি বন্ধ করে দিলে আমরা আমাদের চিত্রের উপর তৈরি আকৃতি দেখতে পাব। এটা ভাল. কিন্তু আমরা এটা কাজ করতে পারেন. পয়েন্ট এবং বেজিয়ার হ্যান্ডলগুলি ব্যবহার করে, স্কেটবোর্ডের নীচে ফিট না হওয়া পর্যন্ত আকৃতি সামঞ্জস্য করুন। আপনি যদি ফটোশপে মুখোশ তৈরি করেন তবে এটি পরিচিত বোধ করা উচিত।
সামান্য কাজের সাথে, আমাদের কাছে এমন কিছু আছে যা স্কেটবোর্ডের নীচে ফিট করে।
এখন আসল শ্যাডো লেয়ারটি টগল করুন এবং আমাদের নতুন লেয়ারের নাম পরিবর্তন করুন শ্যাডো (বা শ্যাডো 2, বা ডার্কউইং ডাক, বা আপনার জন্য যেটি কাজ করে)। ফটোশপের মতোই, আমাদের ব্লেন্ডিং মোড রয়েছে। আপনি যদি সেগুলি দেখতে না পান তবে F4 টিপুন। আপনার নতুন ছায়া পরিবর্তন করুন গুণ করুন ।
এটি একটু কঠোর মনে হচ্ছে, তাই আসুন প্রান্তগুলিকে পালক করি। ঘূর্ণায়মান মাস্ক মেনু খুলুন এবং আপনি আরও বিকল্প দেখতে পাবেন।
ফেদারিং এবং ভয়েলা সামঞ্জস্য করুন! যখন আমরা আবার খেলি, আমাদের এখন একটি চটকদার অ্যানিমেটেড চিত্র রয়েছে এবং এটি সত্যই আমাদের মোটেও সময় নেয়নি।
রেন্ডার সারিতে রেন্ডার করুন
অবশ্যই, এই চিত্রটি আপনার জন্য কিছুই করবে না যদি এটি চিরতরে আফটার ইফেক্টে বসে থাকে। দেখা যাক আমরা এটা ঠিক করতে পারি কিনা।
আপনি যদি এই শব্দটির সাথে অপরিচিত হন, রেন্ডারিং শুধু বলে আফটার ইফেক্টস (বাএকটি কম্পোজিশন তৈরি করতে আপনি যে অ্যাপটি ব্যবহার করেন) সমস্ত স্তরকে একটি মুভিতে বেক করতে (mp4, mpeg, Quicktime, ইত্যাদি)। কুইকটাইম আপনার বেশিরভাগ প্রয়োজনের জন্য কাজ করবে, তবে আমরা Apple ProRes 422 এর সুপারিশও করি৷ এই ক্ষেত্রে, আসুন অ্যানিমেশন ব্যবহার করুন, যা একটি অসংকুচিত, উচ্চ-রেজোলিউশন ফাইল হবে৷ আপনার যদি কোনো অডিও থাকে, নিশ্চিত করুন যে এটি উইন্ডোর নীচে চালু আছে।
ঠিক আছে টিপুন, এবং তারপর এই ফাইলটি কোথায় যাবে তা নির্বাচন করতে হবে। আউটপুট থেকে টিপুন এবং আপনার পছন্দসই অবস্থান খুঁজুন।
কি অনুমান করেন? আপনি শুধু একটি অ্যানিমেশন তৈরি করেছেন. আপনি একটি ছবি তুলেছেন, এটি ঝরঝরে স্তরগুলিতে কেটেছেন, সেই স্তরগুলিকে অ্যানিমেট করেছেন এবং সেই রচনাটিকে একটি চলচ্চিত্রে পরিণত করেছেন। আমরা এই মুহূর্তে আপনাকে জানতে পেরে বেশ আপ্লুত।
অবশ্যই, আপনি যদি সত্যিই অভিনব পেতে চান, তাহলে আপনাকে ভিডিওতে ফিরে যেতে হবে যাতে আমরা আপনাকে আরও কিছু শেখাতে পারি কৌশল
GIF
আপনার আফটার ইফেক্টস যাত্রা কিকস্টার্ট করুন
আপনার ফটোশপ ডিজাইনগুলিকে অ্যানিমেট করা একটি সোশ্যাল ইমেজ নেয় এবং এটি একটি ভাইরাল হয়ে যায় আঘাত (হয়তো)। একবার আপনি মৌলিক বিষয়গুলি বুঝতে পারলে, আপনি আশ্চর্যজনক উপায়ে আপনার কাজকে প্রাণবন্ত করতে সক্ষম হবেন। আপনি যদি আপনার অ্যানিমেশন যাত্রা শুরু করার জন্য একটি জায়গা খুঁজছেন, তাহলে আফটার ইফেক্টস কিকস্টার্টে যান!
আফটার ইফেক্টস কিকস্টার্ট হল মোশন ডিজাইনারদের জন্য চূড়ান্ত আফটার ইফেক্টস ইন্ট্রো কোর্স। এই কোর্সে, আপনি সর্বাধিক ব্যবহৃত সরঞ্জামগুলি এবং সেগুলি ব্যবহার করার সর্বোত্তম অনুশীলনগুলি শিখবেন৷