Tutorial-Flash-7

ফ্লাশ এনিমেশন : এনিমেটেড মুভি ক্লিপ তৈরী ও ব্যবহার

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

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

একটি সহজ উদাহরনের মাধ্যমে বিষয়টি দেখানো হচ্ছে।

ছবির মত দেখতে একটি আগুন তৈরী করুন। একে যোগ করে দেয়া হবে একটি রকেটের পেছনে। রকেট এবং আগুন দুটিই মুভ করার সময় আগুনের শিখাগুলি নড়বে।

আগুনের রং ব্যবহার

.          আগুন তৈরীর জন্য সুবিধেজনক সেপ তৈরী করুন।

.          তাকে গ্রাডিয়েন্ট ফিল করুন।

.          কালার প্যালেট থেকে একদিকে হলুদ এবং অন্যদিকে কমলা রং দিন।

মুভি ক্লিক সিম্বল তৈরী

.          আগুনটিকে সিলেক্ট করুন

.          মেনু থেকে কমান্ড দিন Modify – Convert to Symbol অথবা F8 চাপ দিন

.          মুভি ক্লিপ সিলেক্ট করুন এবং একটি নাম দিন।

মুভি ক্লিপ এনিমেট করা

.          স্টেজে (অথবা লাইব্রেরীতে) মুভি ক্লিপের ওপর ডাবল-ক্লিক করুন। সেটা নিজস্ব টাইমলাইনে ওপেন হবে।

.          সুবিধেজনক দুরত্বে কিফ্রেম তৈরী করুন, Insert – Timeline - Keyframe

.          প্রথম ফ্রেমে রাইটক্লিক করে সিলেক্ট করুন, Create Shape Tween

.          সিলেকশন টুল সেপের ধারে এনে সেপকে টেনে পরিবর্তন করুন।

.          প্রয়োজনে একাধিক কিফ্রেম তৈরী করে একাধিক সেপ টুইনের মাধ্যমে বাস্তবসম্মত এনিমেশন তৈরী করুন।

.          Scene 1 ক্লিক করে সিম্বল এডিট মোড থেকে  মুল সিনে যান (Ctrl-E)

.          মুভি প্লে করে দেখুন।

তৈরী হওয়া মুভি ক্লিপকে ষ্টেজে অন্যান্য সবকিছুর সাথে ব্যবহার করুন।

** বাটন তৈরীর সময় এনিমেশন ইফেক্ট ব্যবহারের জন্য মুভি ক্লিপ ব্যবহার করা যায়।

By Uzzal Malake

Tutorial-Flash-6

           ফ্লাশ টিউটোরিয়াল : মাস্ক ব্যবহার

মাস্ক একধরনের অবজেক্ট যা অন্য অবজেক্টের নির্দিষ্ট অংশ দেখায়। মাস্ককে বাস্তবের মুখোসের সাথে তুলনা করতে পারেন, মুখে মুখোস পড়লে যেমন শুধুমাত্র চোখ দেয়া যায়, ঠিক তেমনি।

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

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

     New Layer আইকনে ক্লিক করে নতুন একটি লেয়ার তৈরী করুন এর নাম পরিবর্তন করে Mask টাইপ করে দিন।

.          Oval টুল সিলেক্ট করুন। ফিলের জন্য পছন্দমত একটি রং সিলেক্ট করুন এবং ষ্ট্রোকের জন্য কোন রং থাকলে বাদ দিন।

.          ষ্টেজে সুবিধেজনক যায়গায় বৃত্ত আকুন। প্রয়োজনে তাকে বড়-ছোট করুন এবং যেখানে প্রয়োজন সেখানে সরিয়ে নিন।

.          মাস্ক লেয়ারে রাইট-ক্লিক করে Mask সিলেক্ট করুন।

মাস্ক হিসেবে ব্যবহারের জন্য যে সেপ রয়েছে শুধুমাত্র সেই সেপের অংশটুকু দেখা যাবে।

মাস্ক তৈরীর পর লেয়ারে মাস্কের বৈশিষ্ট লক্ষ করুন। মাস্কের নিজস্ব আইকন রয়েছে। ইমেজ লেয়ারটি মাস্কের অধীনে রয়েছে। মাস্ক এবং মাস্কের অধীনের লেয়ার দুটিই লক করা। এদের যে কোনটিকে আনলক করে মাস্ক মোড থেকে বাইরে আসা যায়।

মাস্কের অধীনে নতুন লেয়ার তৈরী করা

হয়ত মাস্কের অধীনে যে লেয়ার রয়েছে তারমাথে আরো লেয়ার যোগ করা প্রয়োজন। এজন্য যা করতে হবে।

.          চোখ আইকনের নিচে ক্লিক করে মাস্ককে হাইড করুন।

.          নতুন লেয়ার তৈরী করুন।

.          লেয়ারটি ড্রাগ করে মাস্ক লেয়ারের ঠিক নিচে এনে ছেড়ে দিন।

.          লক করা না থাকলে লক আইকনে ক্লিক করুন।

মাস্ক এনিমেট করা

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

মাস্ক লেয়ারকে এনিমেট করার জন্য;

.          মাস্ক লক করা থাকলে আনলক করে নিন।

.          F8 কমান্ড দিয়ে একে গ্রাফিক সিম্বলে পরিনত করুন।

.          টাইমলাইনে প্রয়োজনীয় তৈরী করুন এবং মোশান টুইন কমান্ড ব্যবহার করুন।

.          মাস্ককে আবারও লক করুন।

প্রয়োজনে মোশান টুইন টিউটোরিয়াল দেখে নিন।

• কোন লেয়ারের জন্য মাস্ক প্রয়োজন না হলেও পুরো কাজ শেষে সবগুলি লেয়ারের জন্য ষ্টেজের মাপে একটি মাস্ক ব্যবহার করুন।

By Uzzal Malake

Tutorial-Flash-5

   ফ্লাশ এনিমেশন টিউটোরিয়াল : মোশান টুইন এবং সেপ টুইন

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

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

মোশান টুইন

মোশান টুইন ফ্লাশের সবচেয়ে বেশি ব্যবহৃত এনিমেশন পদ্ধতি। একটি উদাহরন দিয়ে মোশান টুইন দেখা যাক।

ছবিতে গাছপালা-মাঠ সহ ব্যাকগ্রাউন্ডের সাথে একটি সুর্য রয়েছে। মোশান টুইন ব্যবহার করে সুর্যকে নিচ থেকে ওপরে ওঠা দেখানো হবে। স্বাভাবিকভাবেই সকালের দৃশ্য।

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

.          টাইম স্লাইডারকে দুটি কিফ্রেমের মাঝামাঝি কোথাও আনুন।

.          লেয়ারের ওপর রাইট-ক্লিক করে Insert Keyframe – All সিলেক্ট করুন । এরফলে সবধরনের পরিবর্তন করার সুযোগ পাওয়া যাবে।

.          যে কিফ্রেমে পরিবর্তন করতে চান সেটা সিলেক্ট করুন।

.          প্রোপার্টিজ প্যানেলে কালার ইফেক্ট অপশনে রং, উজ্জলতা, ট্রান্সপারেন্সি ইত্যাদি পরিবর্তনের সুযোগ পাবেন।

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

সেপ টুইন

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

.          উদাহরনের ছবির মত একটি সেপ তৈরী করুন।

.          সুবিধেজনক দুরত্বে আরেকটি কিফ্রেম তৈরী করুন।

.          আগের মত একই পদ্ধতিতে রাইট-ক্লিক করে Create Shape Tween সিলেক্ট করুন।

.          পরবর্তী কিফ্রেমে সেপের পরিবর্তন করুন।

.          এনিমেশনটি প্লে করে দেখুন

মোশান টুইন এবং সেপ টুইন, এদেরকে বলতে পারেন টুডি এনিমেশনের বিল্ডিং ব্লক। এদের সমম্বয়েই তৈরী হয় সমস্ত টুডি কার্টুন।

By Uzzal Malake

Tutorial-Flash-4

           ফ্লাশ ইন্টারএকটিভিটি : বাটন তৈরী

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

প্রাথমিক একটি  বাটন তৈরী করে দেখা যাক।

আগেই জেনেছেন ফ্লাশে গ্রাফিক এবং মুভি ক্লিপ সিম্বলের কথা। বাটন আরেক ধরনের সিম্বল। সহজ একটি বাটন তৈরী করুন এভাবে;

.          একটি রেকট্যাঙ্গল (অথবা অন্যকিছু) তৈরী করুন।

.          সিলেকশন টুল ব্যবহার করে পুরো সেপ সিলেক্ট করুন।

.          সেপকে সিম্বলে পরিনত করার জন্য মেনু থেকে Modify – Convert to Symbol  কমান্ড দিন অথবা কিবোর্ডে F8 চাপ দিন।

.          বাটনের একটি নাম দিন।

.          সিম্বলকে বাটন হিসেবে সিলেক্ট করুন।

আপনার সেপ-টি বাটন সিম্বলে পরিনত হবে। মুভি টেষ্ট করে বাটনের ওপর মাউস পয়েন্টার এনে দেখুন। ক্লিক করলে অবশ্য কোন কাজ হবে না। কারন ক্লিক করলে কি করবে সেটা এখনো বলা হয়নি।

বাটনের ওপর ডাবলক্লিক করে বাটনকে ওপন করুন। Up, Over, Down, Hit নামে ৪টি অবস্থা দেখতে পাবেন। প্রতিটি বাটনের ৪টি ষ্টেট। এর অর্থ পর্যায়ক্রমে, বাটনটি স্বাভাবিক অবস্থায় কেমন দেখানে, এর ওপর মাউস পয়েন্টার আনকে কেমন দেখাবে, মাউস চেপে ধরলে কেমন দেখাবে এবং কোন যায়গায় ক্লিক করলে বাটনটির কমান্ড কাজ করবে। এর প্রতিটিকে পৃথক পৃথকভাবে পরিবর্তন করা যায়। ফলে আপনি ইচ্ছে করলে স্বাভাবিক অবস্থায় এক রং, মাউস পয়েন্টার আনলে আরেক রং, মাউস চেপে ধরলে আরেক রং ব্যবহার করতে পারেন। এমনকি মাউসপয়েন্টার আনলে সেটা এনিমেট করবে এটা করার জন্য সেখানে মুভি সিম্বল ব্যবহার করতে পারেন।

চারটি ষ্টেটকে পৃথকভাবে তৈরী করার জন্য যা করতে হবে।

.          Over ফ্রেমে একটি কিফ্রেম ইনসার্ট করুন, Insert – Timeline - Keyframe

.          রং পরিবর্তন করুন (অথবা এনিমেট করুন, কিছূ লিখুন কিংবা ছবি যোগ করুন)।

.          Up ফ্রেমের জন্য সেখানে কিফ্রেম ইনসার্ট করে রং পরিবর্তন করুন। অথবা একে ৩ পিক্সেল ডানে, ৩ পিক্সেল নিচের দিকে সরিয়ে দিন।

.          Hit ষ্টেটের জন্য কিফ্রেম তৈরী করুন এবং মাউস ড্রাগ করে কতটুকু যায়গার মধ্যে ক্লিক করলে বাটনকি কাজ করবে সেটুকু সিলেক্ট করুন।

.          বাটন এডিট মোড থেকে মুল মুভিতে ফেরত যান (Ctrl-E)

মুল বাটন যতটুকু তারচেয়ে বড় অংশকে ষ্টেট হিসেবে ব্যবহার করা যায়। টেক্সটকে বাটন হিসেবে ব্যবহারের সময় অবশ্যই এদিকে দৃষ্টি দিন। অথবা টেক্সট এর ফাকা অংশে ক্লিক করলে বাটনটি একটিভ হবে না।

বাটনে শব্দ ব্যবহার

ধরুন বাটনের ওপর মাউস পয়েন্টার আনলে একটি শব্দ শোনাতে চান। এজন্য যা করতে হবে;

.          অল্প সময়ের সাউন্ড ফাইল ইমপোর্ট করুন লাইব্রেরিতে (File – Import – Import to library)

.          বাটনের Over ষ্টেট ফ্রেম সিলেক্ট করুন।

.          প্রোপার্টি প্যানেলে Sound অংশ থেকে সাউন্ড ফাইলটি সিলেক্ট করে দিন।

.          মুভি টেষ্ট করে দেখুন।

সাউন্ড ব্যবহারের আগেই তাকে লাইব্রেরীতে আনতে হবে। ইমপোর্ট না করে সাউন্ড ব্যবহার করা যাবে না।

অদৃশ্য বাটন তৈরী

অদৃশ্য বাটন অনেক ধরনের কাজে ব্যবহার করা হয়। আপনার ফ্লাশ মুভিতে হয় একটি দৃশ্য রয়েছে যার বিভিন্ন বস্তুর ওপর ক্লিক করলে বিভিন্ন কাজ হবে। ব্যবহারকারী সরাসরি ছবির ওপর ক্লিক করবেন (হয়ত ছবিতে একটি বই রয়েছে তার ওপর) এবং কাজ হবে।

অদৃশ্য বাটন তৈরী করা সহজ। হিট ষ্টেটে যে যায়গায় ক্লিক করলে কাজ হবে সেটুকু সিলেক্ট করে দিন। অন্য ষ্টেটগুলি ফাকা রাখুন। এরপর বাটনটিকে ছবির ওপর যায়গামত বসান। ট্রান্সপারেন্সি (আলফা) কন্ট্রোল করেও বাটনকে অদৃশ্য বাটন (হটস্পট) হিসেবে ব্যবহার করতে পারেন।

একাধিক বাটন তৈরী করা

সাধারনভাবে আপনার একাধিক বাটন প্রয়োজন হতে পারে। এবং আপনি সেগুলিকে একই ধরনের তৈরী করতে চান। এজন্য একটি বাটন তৈরী করুন এবং লাইব্রেরী প্যানেলে অথবা ষ্টেজে বাটনের ওপর রাইট-ক্লিক করে Duplicate সিলেক্ট করুন।

নতুন বাটনের জন্য নাম দিয়ে দিন।

Duplicate কমান্ড দিয়ে তৈরী বাটনের পরিবর্তন

.          বাটনের ওপর ডাবল-ক্লিক করুন।

.          যে কাজ করবে সেই অনুযায়ী পরিবর্তন করার করে নিন।

বাটনের জন্য কোড ব্যবহার

বাটনে ক্লিক করবে বলার জন্য কোড (ফ্লাশ একশনস্ক্রিপ্ট) ব্যবহার করতে হয়। খুব সরল থেকে জটিল প্রোগ্রামিং সব ধরনের কাজে একশনস্ক্রিপ্ট ব্যবহার করা যায়। নতুন ভার্শনের ফ্লাশে একশনস্ক্রিপ্ট ১, ২ এবং ৩ এই তিনটি ভার্শনে থাকে এবং এদের সবগুলি ব্যবহার করা যায়।

বাটনে একশনস্ক্রিপ্ট যোগ করার সাধারন নিয়মটি জেনে নিন। উদাহরন হিসেবে এই বাটনে ক্লিক করলে ২৫ নম্বর ফ্রেমে গিয়ে মুভি থেমে থাকবে।

.          মেনু থেকে Windows – Code snippet সিলেক্ট করুন। কোড স্নিপেট প্যানেল ওপেন হবে।

.          ষ্টেজে বাটনটি সিলেক্ট করুন।

.          Code snippet প্যানেলে Timeline Nevigation ওপেন করুন এবং Click to Go To Frame and Stop কমান্ডে ডাবল-ক্লিক করুন।

বাটনের ইনস্ট্যান্স নাম না থাকার একটি মেসেজ দিতে পারে। ওকে ক্লিক করে মেসেজটি সরিয়ে দিন।

.          নির্দিষ্ট ফ্রেমে যাওয়ার কোড লেখা হয়ে যাবে। ডিফল্ট ফ্রেম ৫ এর জন্য কমান্ডটি তৈরী, ৫ এর বদলে ২৫ (অথবা আপনার প্রয়োজনীয় ফ্রেম) টাইপ করে দিন।

.          মুভি টেষ্ট করুন। বাটনে ক্লিক করলে ২৫ নম্বর ফ্রেমে থেমে থাকার কথা।

এই পদ্ধতিতে একাধিক বাটনের ভিন্ন ভিন্ন কাজের জন্য ভিন্ন ভিন্ন কোড যোগ করে ইন্টারএকটিভ মুভি তৈরী করুন।

By Uzzal Malake