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 : Tween Animation 

Tween Animation

1. Open Photoshop. Create a new file with transparent background. Draw circle with Shift and Elliptical Marquee tool. Fill it with color.

gif animation tutorials

2. File > Jump To > Image Ready 3.0

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

4. Press 8th button from the bottom left which Duplicates current frame.

gif animation tips

5. Select the first frame. Move the circle to the bottom left corner of the file using Move Tool.

6. Select the second frame. Move the circle to the top right corner of the file using Move Tool.

gif animation tricks

7. Select the first frame. In the Animation Palette click the small triangle at right top (marked with red circle).

8. Click Tween. The dialog box will appear. Select the number of frames you want to add for animation. Click OK.

free gif animation

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

File > Preview In > Click the browser you want

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