
Would you like to create simple animated graphics like the one above?
I have drafted an overview to how you can using Adobe Photoshop. You may find that is easier than you think. (Don’t be intimidated by the long list of directions. They basically repeat themselves.)
Creating Animated GIFs
- Adding frames
- Open the “animation” panel
- Add frame (icon left of trash can icon)
- Tweening (fading in and out)
- Make a second frame
- Select the first frame. In the layers panel uncheck “propagate Frame 1”
- Change opacity to 0%
- Select frames 1 and 2 in the animation’s panel
- Click on circles icon to add tweening layers
- Make sure all parameter boxes are checked in the tweening window
- Adobe Photoshop will create new layers in between the two frames to create a fading effect
- Tweening (position & layer effects)
- Make a second frame
- Select the first frame. In the layers panel uncheck “propagate frame 1”
- Change the color overlay in frame 2 and move object outside the frame
- Select frames 1 and 2 in the animation’s panel
- Click on circles icon to add tweening layers
- Make sure all parameter boxes are checked in the tweening window
- Save your document
- Save for web and devices (has to be GIF)
- Save as images only
- Post to your website or send as an email attachment
If you have any questions, please send me an email at elissa@myvisualvoice.com.