Get Our ANDROID APP for Regular Updates

Inside Graphics app
Photoshop: Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW: Tools | Basic Effects | Artistic Effects
Adobe Animate Flash: Tools | Text Effects | Special Effects
Other: Articles | Interviews | Layout Designing | Web Designing | About Us | Contact Us

Home : Image Ready : Tile Animation 

Tile Animation

1. Open Photoshop. Open two images. Make both the images of similar size. Drag the second image on the first file.

gif animation tutorials

2. Make three layer copies of each image. The total nos. of the layers will be eight. Two original and six copies.

3. Cut the images on each layer copy using rectangular marquee. Keep the original layer intact. Cut the 3/4 part of the first copy, 1/2 part of the second copy and 1/4 part of the third copy.

4. You will get the following layer structure.

gif animation tips

5. File > Jump To > Image Ready 3.0

6. Make Frames from Layers.

7. Set the timings for frames.

gif animation tricks

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

Photoshop: Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW: Tools | Basic Effects | Artistic Effects
Adobe Animate Flash: Tools | Text Effects | Special Effects
Other: Articles | Interviews | Layout Designing | Web Designing | About Us | Contact Us
back to home | Back to top
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy