Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation Create Animation in Adobe Photoshop!

Create Animation in Adobe Photoshop!


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!



Author's URL: PiticStyle
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process. More ImageReady Animation Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments david February 04, 2011 says:
hmmmm
Reply
comments KeeganS October 22, 2010 says:
LOL i lik3 1t
Reply
comments THARIQ September 16, 2010 says:
HA,,,,,,,,,,GREAT ,...........THIS IS REALLY GREAT.........
Reply
comments deni August 09, 2010 says:
good
Reply
comments shyam May 16, 2010 says:
nice
Reply
Add comments to "Create Animation in Adobe Photoshop!"

Captcha