ইলাস্ট্রেটার টিউটোরিয়াল: ইলাস্ট্রেটার দিয়ে কীভাবে অ্যানিমেশন তৈরি করা যায়

আজ আমি আপনাদের জন্য একটি সহজ কিন্তু দরকারি টিউটোরিয়াল নিয়ে এসেছি , যেখানে আপনারা শিখতে পারবেন কিভাবে শুধুমাত্র ইলাস্ট্রেটর ব্যবহার করে ফ্ল্যাশ অ্যানিমেশন তৈরি করা যায় । ইলাস্ট্রেটর হলো একটি ভেক্টর গ্রাফিক্স ও ডিজাইন প্রোগ্রাম, যা ফটোশপের মতোই অ্যাডোবি প্রোগ্রামের একটি অংশ। এটি সেইসব প্রধান টুলগুলোর মধ্যে অন্যতম যা কোম্পানিটিকে আজকের গ্রাফিক ডিজাইন জগতে একটি আদর্শ মানদণ্ড (ইন্ডাস্ট্রি স্ট্যান্ডার্ড) হিসেবে প্রতিষ্ঠিত হতে সাহায্য করেছে।

অ্যাডোবি স্যুট ক্রমাগত প্রসারিত হচ্ছে, যা আমাদের জন্য সৃজনশীল কাজের নতুন নতুন ক্ষেত্রের জন্য এমন সব অ্যাপ্লিকেশন নিয়ে আসছে, যা কয়েক বছর আগেও আমরা কেবল স্বপ্নই দেখতে পারতাম; ফর্ম তৈরির জন্য নিবেদিত প্রোগ্রাম থেকে শুরু করে অডিও এবং ভিডিও এডিটর পর্যন্ত। অ্যাডোবি প্রোগ্রামগুলো প্রায়শই স্যুটের মধ্যে থাকা বিভিন্ন প্ল্যাটফর্মের সমন্বয়কে উৎসাহিত করে, যেমন—একটি প্রোগ্রামের টুল অন্যটিতে অন্তর্ভুক্ত করে, অথবা একটি প্রোগ্রাম থেকে অন্যটিতে ফিচার স্থানান্তর করে। আজ, এর একটি উদাহরণ হিসেবে, আমরা আপনাদের দেখাবো কিভাবে ইলাস্ট্রেটর দিয়ে একটি সাধারণ অ্যানিমেশন তৈরি করে ফ্ল্যাশে এক্সপোর্ট করতে হয়। আজ আমি আপনাদের জন্য নিয়ে এসেছি: ইলাস্ট্রেটর টিউটোরিয়াল : ইলাস্ট্রেটর দিয়ে কিভাবে অ্যানিমেশন তৈরি করবেন ।

আমরা ফ্ল্যাশ ( SWF ) ব্যবহার করে একটি ওয়েব অ্যানিমেশন তৈরি করব, কিন্তু এর জন্য আমরা অ্যাডোবি ইলাস্ট্রেটর ব্যবহার করব। শুরু করার জন্য, ফাইল > নতুন ডকুমেন্ট- এ গিয়ে একটি নতুন ডকুমেন্ট খুলুন । একটি মেনুসহ ডায়ালগ বক্স আসবে; সেখানে নাম লিখুন এবং ওয়েব প্রোফাইলটি সিলেক্ট করেছেন কিনা তা নিশ্চিত করুন।

এখন, নতুন ডকুমেন্টটিতে আমরা এটি নিয়ে কাজ শুরু করব। এই অ্যানিমেশনটির জন্য , আমি একটি ভেক্টর ড্রয়িং বেছে নিয়েছি যা আমি ইন্টারনেট থেকে ডাউনলোড করেছি। এটি আমি ফ্রিপিক (Freepik) নামের একটি ওয়েবসাইট থেকে নিয়েছি, যা আমরা আগের একটি পোস্টে আলোচনা করেছিলাম। ফ্রিপিক হলো বিনামূল্যে ছবি এবং ভেক্টরের জন্য একটি সার্চ ইঞ্জিন । আমি এটিকে সামান্য পরিবর্তন করেছি। আমরা লেয়ার প্যানেলে গিয়ে এটির একটি সঠিক নাম দেব। শুরু থেকেই লেয়ারগুলো গুছিয়ে রাখা খুব জরুরি। আমরা এটির নাম দেব Chicken01 ।

অ্যানিমেশনটি বেশ সহজ হবে; আমরা ছানাটিকে স্ক্রিনের এক পাশ থেকে অন্য পাশে সরাব এবং এর চোখে কিছুটা নড়াচড়া দেব। প্রথমে, লেয়ার প্যানেলে লেয়ারটির উপর ক্লিক করে সেটিকে নতুন লেয়ার আইকনের উপর টেনে নিয়ে গিয়ে লেয়ারটি ডুপ্লিকেট করুন। লেয়ারটির নাম পরিবর্তন করা জরুরি ।

আমরা Chicken02 লেয়ারে থাকা মুরগিটির দুটি চোখ নির্বাচন করব , এবং তারপর মুরগিটির চোখগুলো নির্বাচন করব।

উপরের লেয়ারে থাকা Pollo02 নামক মুরগির চোখের ভেক্টরটি সিলেক্ট করে, আমরা রাইট-ক্লিক করি এবং সংশ্লিষ্ট ডায়ালগ বক্স থেকে Transform-Reflect পথটি অনুসরণ করি ।

একবার আপনি মিরর অপশনে গেলে , ভার্টিকাল অপশনটিতে ট্যাপ করুন এবং আপনার কাজ শেষ। এখন আপনার কাছে উপরের দিকে থাকা মুরগির ছবিটি থাকবে যার চোখগুলো একদিকে থাকবে এবং নিচের ছবিগুলোর চোখগুলো থাকবে অন্যদিকে।

এবার আরও মুরগি দ্বিগুণ করা যাক

আবারও, লেয়ার ডুপ্লিকেট করার জন্য আমরা Layers মেনুতে থাকা New Layer বাটনটি ব্যবহার করব। Shift কী চেপে ধরে Chicken01 এবং Chicken02 লেয়ারগুলোর উপর ক্লিক করুন এবং New Layer বাটনটির উপর ড্র্যাগ করুন ।

আমাদের সমস্ত মুরগিগুলোর নাম পরিবর্তন করতে হবে এবং এই ক্রমটি অবশ্যই অনুসরণ করতে হবে, যাতে Chicken01 এবং Chicken02 দ্বারা গঠিত মুরগিটি আর্টবোর্ডের বাম দিকে থাকে, এবং সংখ্যাগত ক্রম অনুসারে, Chicken03 এবং Chicken04 লেয়ার দ্বারা গঠিত মুরগিটি ডান দিকে থাকে, এবং এভাবেই লেয়ার প্যানেলের লেয়ারগুলোর ক্রমের সাথে তাল মিলিয়ে চলতে থাকে। এটি খুবই গুরুত্বপূর্ণ, কারণ অ্যানিমেশনটি সর্বদা লেয়ারের ক্রম অনুসরণ করবে, যেখানে প্রথম ফ্রেমটি হবে প্রথম লেয়ার এবং শেষ ফ্রেমটি হবে শেষ লেয়ার।

একবার সবগুলো চিকেন সঠিকভাবে সাজানো হয়ে গেলে (যেমনটা উপরে ব্যাখ্যা করা হয়েছে), আমরা ফাইল > এক্সপোর্ট-এ গিয়ে এক্সপোর্ট ডকুমেন্টস উইন্ডোটি খুলব। সেখানে, আমরা এক্সপোর্ট ফরম্যাট হিসেবে SWF বা Flash বেছে নেব । আরেকটি ডায়ালগ বক্স আসবে যেখানে আমরা চূড়ান্ত ধাপগুলো কনফিগার করব। বেসিক অপশনটি সিলেক্ট করা থাকলে, আমরা AI লেয়ার থেকে SWF ফ্রেমে এক্সপোর্ট করার অপশনটি বেছে নেব, এবং Flash- এর সর্বশেষ সংস্করণ , Adobe Flash Player 9, সিলেক্ট করব। আমরা "Crop to artboard size" অপশনটিও চেক করব। আরও বেশ কিছু আকর্ষণীয় অপশন আছে, যেগুলো আমরা অন্য একটি টিউটোরিয়ালে আলোচনা করব।

এরপর, একই ডায়ালগ বক্সে, অ্যাডভান্সড অপশনটি নির্বাচন করুন এবং রেজোলিউশন ও ফ্রেম রেট বেছে নিয়ে তা ১৫- তে সেট করুন । যেমনটি দেখতে পাচ্ছেন, এখানে আমরা লেয়ারের ক্রম বেছে নিতে পারি, যা আমি আগেই বলেছি, আমরা এমনভাবে কনফিগার করেছি যাতে অ্যানিমেশনটি আপনার ইন্টারফেসের লেয়ার প্যানেলের নিচ থেকে (১ম লেয়ার) ওপরের দিকে (শেষ লেয়ার) চলে। এক্সপোর্ট করা হয়ে গেলে, যেকোনো ভিডিও প্লেব্যাক প্রোগ্রামে ফলাফলটি দেখুন।

আরও তথ্য – ফ্রিপিক, বিনামূল্যে ছবি ও ভেক্টরের সার্চ ইঞ্জিন