Nowadays image animation used for website projects, many free GIF animation tools available online. But if you would like to create best and customized GIF image you can use the Adobe Photoshop. By using this tool anyone can create animated images an easy way.

 
photoshop-animation
 

Create the creative animated image using photoshop

This article explains how you can create Text animation using photoshop and convert into GIF images:

  1. Open the Adobe Photoshop and create the New file
  2. Create Two Texts with separate layers and add the background as the separate layer also fill the desired colors for background and text
  3. Now in your layer panel, 3 layers will be there, one is the background and another 2 texts with separate layers
  4. photoshop-gif-01

  5. Go to Window -> Timeline (Please be noted in the older version of Photoshop this feature called as Animation)
  6. Time frame will be open at the bottom of the software, select “Create Frame Animation” then click to create the frame
  7. Create 2 more frames by Duplicate frame button
  8. In All the frames all three layer will be displayed
  9. You have to hide the 2-text layer in the first frame only show the background layer
  10. In the Second frame hide the one text layer
  11. Then the third frame shows the two text layers
  12. Now you have to set the animation time by select the second’s option which is displayed in each frame
  13. photoshop-gif-02

  14. All the frames you have to select the 0.5 sec and select the Forever option in the bottom of the frame
  15. Then click on the play button and you will see the Text animation
  16. once you satisfied the animation effects you can save the images as GIF
  17. Go to File -> Save for Web link and select GIF option to save the file

 

Now your images will be saved as an animated GIF image, but you will take the effects only on the web browsers.

 
ps-gif-smaple
 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.