Her

Home Photoshop Tutorials ImageReady Animation Create Animation in Adobe Photoshop!

Create Animation in Adobe Photoshop!

Author: PiticStyle Author's URL: www.piticstyle.com More by this author

Today we learn how to create animations in Photoshop! My example is with text because i don't have photos for this kind of tutorial! Let's start!

1. Open Adobe Photoshop and create a new page with the size 350px x 150px!

image 1

2. Now you need to open the Animation Panel

image 2

image 3

3. Select Type Tool and type the first letter ( every letter have a different color )

image 4

image 5

4. Now in Animation Panel press on duplicate selected frame

image 6

5. On this step you need to be attention. Type the second letter…

image 7

and a new layer was created

image 8

6. Click on the first frame to hide the new layer ( T word )

image 9

image 10

7. Click on the second frame to unhide it and to hide the first layer

image 11

image 12

8. Do this to all frames, look at the next picture to see how is it at the final

image 13

on the last frame the layers will need to be like in the next picture

image 14

9. Now we need to set the seconds between frames, select All - right click and select 0.5 seconds

image 15

10. This is the last step where I show you how to save your work! Go to File and select Save for Web & Devices

image 16

Select GIF like file type and before to save you can see the result by pressing the play button

image 17

That's it!

Create Animation in Adobe Photoshop!