Visit our Groups and Learn Photoshop, Flash & CorelDRAW for FREE!!!
Simplicity is the shortest distance between two points - zen
insidegraphics.com insidegraphics.com insidegraphics.com
insidegraphics.com insidegraphics.com insidegraphics.com
insidegraphics.com
Photoshop
Learning Tools
Image Effects
Photo Retouching
Buttons & Textures
Animation
Corel DRAW
Basic Tools
Basic Effects
Artistic Effects
Flash
Learning Tools
Special Effects
Text Effects
insidegraphics.com
Inside Graphics
Inside Corel DRAW
Inside Flash
Digital Darkroom
Inside Web Designing
Newsletters
Adobe Photoshop Magic
Corel DRAW Magic
Adobe Flash Magic
Web Designing Magic
Blogs
InsideGraphics Blog
insidegraphics.com

Home : Image Ready : Zoom Animation

Zoom Animation

1. Open Photoshop 6.0 first. Create new file with 72 PPI fill the background layer with black.

2. Type one character each on separate layer. Say F U N.

Make a duplicate layer of each character. Hence you will get F and F copy. U and U copy. N and N copy.

Color FUN with White color.

Color F copy, U copy and N copy with other than white color.

Change the size of FUN copy. Make it less than original FUN.

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

gif animation tutorials

4. The file will look like this.

free gif animation tutorials

5. File > Jump To > Image Ready 3.0

6. Image Ready 3.0 will get opened with the following File.

gif animation tutorials tips

7. Animation palette of the file will contain only one frame.

gif animation tricks

8. Press 8th button from the bottom left which Duplicates current frame. Create six more frames. Total frames will be 7.

free gif animation

9. Select first frame. Here you need to display only black background. So in the layer palette of Image Ready, hide all the layers except background.

gif animation artwork

10. Select second frame. Here you want to display only big sized white colored 'F' with black background. So in the layer palette hide all the layers except White F and background.

11. Following is the position of the layer palette for the last 7th frame where only blue colored text is supposed to be displayed.

gif animation lessons

Study the animation palette carefully as the rest of the procedure will be common for all the animation tutorials.

gif animation projects

12. There is a small black triangle displaying 0 sec at the bottom of each frame in the Animation palette (marked with green ellipse). It is used to set the time. Click it and set the time. You can select any number of frames at a time by pressing Shift and set the same time for the selected frames.

13. Below the first frame there is a bigger black triangle (marked with blue circle) used to set the looping of the animation. Use it to set the number of time you want to play Animation.

14. After completing the animation try to check the performance in the browser

File > Preview In > Click the browser you want

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

web gif animation tutorials

Photoshop Tutorials | Corel DRAW Tutorials | Flash Tutorials | Designing | Articles | Interviews
back to top
 
© 2003 - 2014 InsideGraphics.com All Rights Reserved | Privacy Policy | Disclaimer