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

ওয়ার্কস্পেস
ফটোশপে বিভিন্ন ধরনের কাজের জন্য ইউজার ইন্টারফেসকে বিভিন্নরকমভাবে ব্যবহারের ব্যবস্থা রয়েছে। এনিমেশন কাজের জন্য মোশান ওয়ার্কস্পেস ব্যবহার করলে কাজ করা সহজ হবে।
· মোশান ওয়ার্কস্পেস পাওয়ার জন্য মেনু থেকে Window – Workspace – Motion কমান্ড দিন।
এনিমেশন তৈরী
এখানে একটি এনিমেটেড টেক্সট বাটন তৈরী করা দেখানো হচ্ছে যা নির্দিষ্ট সময় পরপর রং পরিবর্তণ করবে। হলুদ এবং লাল রয়ের এই নেক্সট বাটন তৈরীর জন্য যা করবেন;
. সুবিধেজনক মাপের একটি ইমেজ তৈরী করুন।
. লেখাটি লিখুন এবং তাকে হলুদ রঙে রাখুন।
. লেয়ারটি ডুপ্লিকেট করে আরেকটি লেয়ার তৈরী করুন, এর রং পরিবর্তন করে লাল করুন।

এনিমেশনের দৈর্ঘ্য ঠিক করুন
. এনিমেশনের জন কতগুলি ফ্রেম ব্যবহৃত হবে বলে দেয়ার জন্য টাইমলাইনের শুরুতে এবং শেষে এবং নামে দুটি মার্কার রয়েছে। শেষের মার্কারটি ড্রাগ করে যেখানে এনিমেশন শেষ হবে সেখানে আনুন।

কোন লেয়ার কখন দেখা যাবে ঠিক করুন
. প্রতিটি লেয়ারের শুরু এবং শেষ প্রান্ত ড্রাগ করে সেই লেয়ার দেখার সময় ঠিক করে দিন। উদাহরনে হলুদ যেখানে শেষ হবে সেখান থেকে লাল লেয়ারটি শুরু কবে।
. এখানে শুধুমাত্র টেক্সট ব্যবহার করা হলেও আপনি ছবি ব্যবহার করে এনিমেশন তৈরী করতে পারেন।

এনিমেট করুন
. প্রতিটি লেয়ারের জন্য পৃথকভাবে Position, Opacity, Style, Text Warp এই বিষয়গুলি পরিবর্তন করে এনিমেট করা যাবে। ছোট থেকে বড় করা, বাইরে থেকে ভেতরে আসা, ক্রমাম্বয়ে অষ্পষ্ট থেকে স্পষ্ট হওয়া ইত্যাদি ব্যবহার করে এনিমেশন তৈরী করুন।

এনিমেশন প্লে করে দেখুন
. টাইমলাইনের নিচে প্লে বাটন ব্যবহার করে এনিমেশনটি প্লে করে দেখুন।

এনিমেটেশন ফাইল তৈরী করুন
. সবকিছু ঠিক থাকলে টাইমলাইনের নিচে ডানদিকে Convert to frame animation ক্লিক করুন।
. সেভ করার জন্য মেনু থেকে File – Save for Web & Devices কমান্ড দিন এবং জিফ প্রিসেট সিলেক্ট করুন।

আপনার এনিমেশন কতটা ভাল হবে নির্ভর করে আপনার লেয়ারগুলির ওপর। এনিমেশনের বিষয়টি তুলনামুলক সহজ। ইন্টারনেটে বিভিন্ন ওয়েবসাইট থেকে এনিমেশন দেখে ভাল এনিমেশনের ধারনা পেতে পারেন।
এই টিউটোরিয়ালে ফটোশপ সিএস ৫ ব্যবহার করা হয়েছে। অন্য ভার্শনে কিছুটা ভিন্নতা থাকতে পারে।
Animated GIF files
Web pages than static pictures and moving images that are all the more attention. Yahoo web page before those who are animated ads are more like advertising. Advertising on the web is to use two animated, Flash-based, and animated GIF. Do not use Flash animation or other animation software Flash. The rule that the rules of animation to be done. And you can create animated GIF phatosapei.
I need to know first what animated GIF. General jepega (JPG, JPEG) image formats like GIF (GIF) image formats must be watched. Animated GIF is a special type of GIF files, video files, as have several frames. Anything that changes the frame of video or animated GIF animation will be running while watching him.
Photoshop action is common sense, each layer should eketi frame. From one layer to another layer, use Twin (such as text from one place to another place to move, or change the color). Then save as animated GIF. To help you get settled in animation panel (timeline) in the system. You can compare it to the timeline video editing or animation.

Workspaces
Photoshop user interface for different types of work includes the use of bibhinnarakamabhabe. Motion for animation work will be easy to use Workspace.
· Motion workspace for the menu Window - Workspace - Motion command.
Create Animation
Here is a button to create animated text, which is being shown will periodically change colors. Next button for making the yellow and red, which will remain;
. Create an image of convenient size.
. Enter the text and place it in yellow.
. Duplicate the layer and another layer, by changing the color of the red.

Adjust the length animation
. How many frames of animation to be used, and two markers for the beginning and end of the timeline. Bring the end of the marker by dragging the animation will end.

Fix can be seen when a layer
. Start and end of each layer by dragging the layer to the right time. Yellow will be the last example from the beginning when the red layer.
. The only text, but you can also create animations using images.

Animate
. For each layer separately Position, Opacity, Style, Text Warp animate these factors can be changed. From small to large, from the outside to come in, be clear as to the use of unclear kramambaye create animations.

Try to play animation
. Try using the play button to play the animation timeline.

Create a file enimetesana
. If everything is just right down the timeline and click the Convert to frame animation.
. To save from the menu File - Save for Web & Devices command, and select GIF presets.

How well your animation will depend on your layer. The relatively simple animation. Photos from various websites on the Internet to see animation you can get an idea.
In this tutorial, Photoshop CS 5 has been used. Other versions may have some differences.