Did you know you can do animation with Photoshop?

Ah Photoshop. The mother of all photos, software for editing. Although some would dispute that it is not the best, it certainly has a wide audience. I personally like it.

Did you know that except the photos, you can also do animations in Photoshop? Very easy actually.

2 things you need

A good plan of how you want your animation to watch
Adobe Photoshop (at least. CS2) If you have CS1 you can use the same techniques used here with Image ready instead of Photoshop, animation in Photoshop CS2 tools and on are simply copied from Image Ready)
If you do not have photoshop you can download a day 30 unlimited trial from the Adobe Web site

A web browser (any will do) a computer (obviouslly)

We will move forward

First open photoshop. Which seems to be an obvious step, but you have to start somewhere. Once you open Photoshop don't forget to define the RGB color mode and the resolution of 72 dpi. I.e. standard web and you will save many headaches in the future. Also set the pixel dimensions, and whatever size you want. If you will make an announcement of animation, it would be preferable to use a standard IAB size ad.

The next thing that you want to do in photoshop, once you have your new document in place, is set up in the menu bar and click on this menu and the window raising the animation palette.

Now pull something, even a circle or a square for this exercise, it did not need to be too complicated. Draw your place. You will notice that it appears on the first image. In the animation palette, there is a button to add a new framework. Click on that. With the second period has highlighted, enter your square and move it 100 pixels or more to the right. You will notice that the framework of the first and the second image are now different. This is not really an animation, but it is a starting point. You could make a new framework for individual executives of each step between one and two, but why you would do when Photoshop has a built-in right function that will automatically be. It is called interpolation.

To use tween functionality in Photoshop, click on frame 2, and then on the right side bottom of the animation palette there is a small button that looks like 3 circles. Click on that, and it will appear a menu. Make sure told you that the drop-down menu, "Tween with: previous image" and then put 5 frames in the number of images to add. Then click "OK". This will add 5 frames between your original 1 and 2, and when you press play you should see the move square across the screen.

For a more in depth tutorial and examples of what you can do with this audit on my website here

Tyler Whitworth
Graphic Designer - Illustrator - Web Designer to get a more in depth tutorial and examples of what you can do with this check out my site here tylerwhitworth.com