Neon Animation
Software : Image Ready 3.0
Level : Advance

Concept: These animation are designed using Image Ready which was bundled with Adobe Photoshop in the previous versions. Adobe has officially discontinued Image ready with its latest release and included the animation features as an integral part of creative suit. Gif animation was the prime technique prior to the emergence of flash and Image Ready could be used for a tiny animation to fulfill the needs of web. You can still use these techniques in the latest versions of Adobe Photoshop to create gif animations.

1. You need to know Neon Effect to proceed with this tutorial.

2. Type the text with black color on white background

3. Make the duplicate of Text layer

4. Merge the bottom text layer with white background

5. Hide upper text layer and follow the Neon Effect procedure on the bottom layer

6. Create a New Layer. Place it just below upper text Layer.

Fill the newly created layer with white color.

Merge the Text layer with white background and follow the same Neon effect.

7. You can type the text with slightly bigger size to add flavor to animation.

8. You can make as many layer as you want with different colors.

9. The layer palette of photoshop will look like this. Save your file.

10. File > Jump To > Image Ready 3.0

11. Image Ready 3.0 will get opened.

12. Click the black triangle in the animation Palette (marked with red circle) .

Select " Make Frames from Layers ".

All the layers will get displayed in the animation palette in the form of frames.

13. The Animation Palette will look like this.

14. You can change the positions of the frames to get different types of effects.

15. Set the timings for frames.

16. Set the no. of time you want to play the animation.

17. Check the performance in the browser

File > Preview In > Click the browser you want

18. Save the file with
File > Save Optimized or File > Save Optimized As