LottieFiles একটি দ্রুত, স্কেলযোগ্য, পোস্ট-রেন্ডার সম্পাদনাযোগ্য ফাইল টাইপ তৈরি করেছে এবং এই ফর্ম্যাটে যোগদান করা এবং অ্যানিমেশন তৈরি করা আপনার পক্ষে সহজ। Adobe After Effects এবং কয়েকটি প্লাগইন ব্যবহার করে, আপনি সর্বশেষ ফাইল টাইপ প্রচারের একটি অংশ হতে পারেন: Lottie।
একটি Lottie কি?
একটি Lottie, বা dotLottie, একটি ফাইল টাইপ যা ওয়েব ডেভেলপারদের ঝড়ের মধ্যে নিয়ে যাচ্ছে। সোশ্যাল মিডিয়া, ওয়েব ডিজাইন বা UX এবং UI ডিজাইনের জন্য হোক না কেন আপনি আপনার ডিজাইনে অন্তর্ভুক্ত করার জন্য অ্যানিমেশন তৈরি করেছেন। এবং আপনি সম্ভবত আপনার অ্যানিমেশনগুলিকে GIF, SVG বা PNG ফাইল হিসাবে সংরক্ষণ করুন৷ একটি Lottie ফাইলে এই ধরনের ফাইলগুলির সমস্ত ভাল অংশ রয়েছে তবে রেন্ডার করার পরে এটি ছোট, দ্রুত এবং সম্পাদনা করা সহজ।
LottieFiles হল Lottie বা JSON ফর্ম্যাটে সংরক্ষিত প্রিমেড অ্যানিমেশনের একটি বিশাল ডাটাবেস। এই অ্যানিমেশনগুলি রিয়েল-টাইমে রেন্ডার করে, আপনার ডিজাইনের দ্রুত শিপিংয়ের অনুমতি দেয়। এই ফাইলগুলি ডাউনলোড করার জন্য কোন অপেক্ষা নেই; পৃষ্ঠাটি খোলার সাথে সাথে তারা উপস্থিত হবে।
LottieFiles সম্পর্কে আরও জানতে, Lottie-এর সাথে আমাদের ভূমিকা দেখুন।
শুরুতেই
আমরা Adobe After Effects ব্যবহার করে একটি Lottie তৈরি করতে যাচ্ছি, কিন্তু অন্যান্য সফ্টওয়্যার রয়েছে যা আপনি আপনার নিজস্ব Lottie অ্যানিমেশন তৈরি করতে ব্যবহার করতে পারেন। আপনি Lottie তৈরি করতে LottieFiles প্লাগইন সহ Adobe Animate ব্যবহার করতে পারেন। আপনি যদি ইতিমধ্যে এই বিন্যাসে একটি অ্যানিমেশন তৈরি করে থাকেন তবে আপনি একটি SVG বিন্যাস অ্যানিমেশনকে লটিতে রূপান্তর করতে পারেন।
আফটার ইফেক্টের জন্য আমাদের সেরা পছন্দ, তবে, লটিফাইলস মূলত আফটার ইফেক্টে ব্যবহার করার জন্য তৈরি করা হয়েছিল। চল শুরু করি.
1. আপনার অ্যানিমেশন তৈরি করুন
আপনার Lottie এর অ্যানিমেটিং দিকটি অন্য যেকোনো ফরম্যাটের মতোই। আমরা অ্যাডোব ইলাস্ট্রেটর ব্যবহার করে আমাদের অ্যানিমেশনের একটি চিত্র তৈরি করেছি। এটি স্তরগুলিকে আলাদা রাখে এবং আফটার ইফেক্টে আমদানি করার জন্য প্রস্তুত। একবার আপনার চিত্রটি আমদানি হয়ে গেলে, আপনি চূড়ান্ত অ্যানিমেশনের জন্য আপনার রচনার স্তরগুলি কাস্টমাইজ করতে পারেন।
Lottie অ্যানিমেশনগুলি একটি ক্রমাগত লুপে চলে, তাই আপনার ডিজাইনের শেষ এবং শুরুর পয়েন্টগুলি বিবেচনা করুন। অ্যানিমেশনটি সহজ এবং প্রায় তিন সেকেন্ড দীর্ঘ হওয়া উচিত।
2. প্লাগইন ডাউনলোড করুন
একটি Lottie ফাইল তৈরি করতে আপনি দুটি প্লাগইন ব্যবহার করতে পারেন: LottieFiles প্লাগইন বা Bodymovin প্লাগইন। উভয়ই আফটার ইফেক্টের জন্য উপলব্ধ, তবে LottieFiles প্লাগইন অন্যান্য সফ্টওয়্যারেও পাওয়া যাবে। তারা প্রত্যেকে একটু ভিন্নভাবে কাজ করে, কিন্তু আমরা আপাতত LottieFiles প্লাগইনে ফোকাস করতে যাচ্ছি।
LottieFiles প্লাগইন ডাউনলোড করতে, LottieFiles After Effects প্লাগইন পৃষ্ঠাতে যান। আপনি দুটি ডাউনলোড অপশন পাবেন।
ডানদিকের বিকল্পটির জন্য Anastasi এর এক্সটেনশন ম্যানেজার প্রয়োজন যা Mac এবং Windows উভয়ের সাথেই কাজ করে। একবার আপনি এক্সটেনশন ম্যানেজার ডাউনলোড করলে, LottieFiles পৃষ্ঠা থেকে ZXP প্লাগইনটি ডাউনলোড করুন।
ZXP প্লাগইন ডাউনলোড হয়ে গেলে, Anastasi এক্সটেনশন ম্যানেজার খুলুন, After Effects-এ ক্লিক করুন, তালিকা থেকে LottieFiles প্লাগইন নির্বাচন করুন এবং Install চাপুন।
LottieFiles প্লাগইন পৃষ্ঠায় ফিরে যান, Adobe Exchange প্লাগইনটিও ডাউনলোড করুন; আপনার ক্রিয়েটিভ ক্লাউড ডেস্কটপ অ্যাপ খুলুন এবং প্লাগইন ইনস্টল করুন। After Effects-এ আপনার সমাপ্ত অ্যানিমেশনে ফিরে যান।
এই প্লাগইনগুলি ব্যবহার করার সময় কিছু লোকের অনুমতি ত্রুটি রয়েছে। এই সমস্যা এড়াতে, After Effects > Preferences > Scripting and Expressions > Application Scripting-এ যান এবং Allow scripts to write files and access networks এর বক্সে টিক দিন।
এটি হয়ে গেলে, LottieFiles-এর জন্য একটি পপআপ আপনাকে লগ ইন করতে বলবে প্রদর্শিত হবে৷ আপনার যদি ইতিমধ্যে একটি LottieFiles অ্যাকাউন্ট না থাকে, এখন একটি তৈরি করার সময়৷
3. আপনার লটারি রপ্তানি করুন
LottieFiles প্লাগইন ইনস্টল করার সাথে, আপনি আপনার Lottie অ্যানিমেশন রেন্ডার করতে পারেন। আপনার সমাপ্ত অ্যানিমেশন তৈরি করার সময়, উইন্ডো > এক্সটেনশন > লটিফাইলে ক্লিক করুন। এটি আপনার সৃষ্টির নামের সাথে একটি পপআপ আনবে। আপনার সৃষ্টির নামের পাশে সবুজ তীরটিতে ক্লিক করুন, এটি লটি রেন্ডার উইন্ডো খুলবে।
কয়েক সেকেন্ড পরে, আপনার অ্যানিমেশন একটি পপআপ উইন্ডোতে প্রদর্শিত হবে। অ্যানিমেশনটি লুপে রিয়েল-টাইমে চলবে। এখানে, আপনি আপনার অ্যানিমেশনগুলি সংরক্ষণ করতে বা LottieFiles লাইব্রেরিতে আপনার অ্যানিমেশনগুলি আপলোড করতে বেছে নিতে পারেন।
Save As এ ক্লিক করলে আপনাকে দুটি এক্সপোর্ট অপশন পাবেন: Lottie JSON (*.json) অথবা dotLottie (*.lottie)। ডটলটি ফাইলটি একটি জিপ করা ফাইল যাতে মেটাডেটা থাকে, যা আমাদের আসলে এক্সপোর্ট করার দরকার নেই। আমরা Lottie JSON সঙ্গে গিয়েছিলাম.
আপনার রপ্তানি করা ফাইলটি একটি পাঠ্য ফাইল হবে, একটি ভিজ্যুয়াল অ্যানিমেশন ফাইল নয়; এইভাবে JSON ফাইল কাজ করে। কিন্তু যদি আপনি অ্যানিমেশন যেতে প্রস্তুত হতে চান? আসুন দেখি কিভাবে আপনি এটি অ্যাক্সেস করতে পারেন।
আপনি কিভাবে আপনার Lottie অ্যানিমেশন ব্যবহার করতে পারেন?
LottieFiles লাইব্রেরিতে আপনার Lottie আপলোড করতে, Upload এ ক্লিক করুন। এটি কয়েক সেকেন্ডের জন্য রেন্ডার হবে। তারপরে, গ্লোব সহ বোতামটিতে ক্লিক করুন। এটি LottieFiles ওয়েবসাইট খোলে যেখানে আপনি LottieFiles লাইব্রেরিতে আপনার Lottie অ্যানিমেশন জমা দিতে পারেন। আপনার ফাইলের নাম দিন এবং হ্যান্ডঅফ চাপুন।