View Single Post
  #43  
Old 04-03-2012, 01:45 AM
SIMPLE ANIMATED GIF TUTORIAL - PART 2

Spoiler:
8. Now we are going to check for anymore unwanted frames. Left click and hold down your mouse button on the slider bar. Then drag it to the right (see below)



Keep going until you reach the very end. In this example there are no more frames to remove. When removing multiple frames. Simply highlight them all and delete.



NOTE - This gif will have 84 frames (about 3.5 seconds) in duration. Just so you know. About 150-225 frames (6-9 seconds) is a good range for gifs. Both in size and duration. Don't make gifs too long or too short. There is a happy medium. Overly long gifs will bore people. While gifs that are too short will also annoy people.

Let's continue...

9. We are now going to resize our gif to a much more friendly size. Big gifs are only suitable if they are very short in duration. Trust me when I tell you that nobody wants to wait for a 50 MB gif to load up in their browser.

Click Image > Image Size (see below)



You will then see the following window. Set Width to 243 pixels. And Height to 101 pixels.
Make sure that 'Constrain Proportions' is ticked. And also make sure that Quality is set to 'Bicubic'. Then click OK (see below)



The progress window again... (see below)



10. Finally we are making progress. Your next screen should look like this. To adjust the window, simply left click and hold, then drag the bottom right-hand side corner in or out. (see below)



You can skip all of stage 11 if you like. Or read through it.

11. This next stage is not necessary for this tutorial. But I felt it was kinda needed so you know how to adjust the speed of your final animation. You will note that all along the bottom of your animation palette, that the frame rate is set to 0.04. That is 25 frames per second in video time. We don't need to alter this. But I shall show you anyways. Go to the far right-hand side of your animation palette. Once again, click the tiny arrow there. Then 'Select All Frames' (see below)



IMPORTANT - With all frames selected, go back to the bottom of your animation palette.
Left click on any of the frames where you see the tiny arrow on the right side of the bottom next to '0.04 sec'.

Click that and you will see this... Click 'Other' (see below)



This is your next screen. In here is where you adjust the frame rate of your gif. We are not going to adjust anything here. So, click Cancel (see below)



12. Finally, we can see out new gif in action. Hit the small highlighted play button to see your gif in action. Here is where you can adjust many other things. Most importantly, make sure that your gif loop is set to 'Forever'. You can see that on the very bottom left-hand side of your palette' options. This is fully adjustable. But just leave it set on that for now. Hit that same play button again to stop your animation.


Last edited by God of War; 04-03-2012 at 07:18 PM..
Reply With Quote