insidegraphics.com  
 
Adobe Photoshop
Learning Tools
Image Effects
Photo Retouching
Buttons & Textures
Animation
Corel DRAW
Basic Tools
Basic Effects
Artistic Effects
Adobe Flash
Learning Tools
Special Effects
Text Effects
Newsletters
Photoshop Magic
Corel Magic
Flash Magic
Designing Magic
Coming Soon
Textile Designing
Jewellery Designing
Fashion Designing
Web Designing
Business Card Designing
All About Fonts
Adobe Flash Action Script
Graphic File Formats
Adobe Illustrator
Graphic News
Photography
Photo Retouching
Royalty Free Photo Directory
Photographers Directory
Textile Designers Directory
Digital Artists Directory
 
Home : Image Ready : Scale Animation
Custom Search

Scale Animation

1. Open Photoshop and open the desired image to be animated.

2. Create a blank layer above the image layer.

gif animation tutorials

gif animation tips

 

3. File > Jump To > Image Ready 3.0

4. Make 4 copies of the image layer. Select the bottom layer

Edit > Transform > Numeric

In the box, input 20 % under scale - Percentage

The image will get contracted.

Repeat the procedure for above three layer using 40%, 60%, 80%.

gif animation tricks

 

5. Make Frames from Layers.

gif animation lessons

6. In the animation palette select 5th frame and tween it with the blank frame.

7. Set the timings for frames.

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

9. Check the performance in the browser

File > Preview In > Click the browser you want

free gif animation

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

 
 
back to top
Custom Search
Adobe Photoshop
Learning Tools | Image Effects | Photo Retouching | Buttons & Textures | Animation
Corel DRAW
Basic Tools | Basic Effects | Artistic Effects
Adobe Flash
Learning Tools | Special Effects | Text Effects