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

Sign Animation

1. Open Photoshop and type the text with preferably script font for sign effect. Draw the curved line below the text which we will reveal with animation.

gif animation tutorials

2. Create second layer. Hide the curved line with white patch.

gif animation tips

3. You will get the following layer structure.

gif animation tricks

4. File > Jump To > Image Ready 3.0

5. Duplicate the frames and make copies.

6. In the animation palette select 2nd frame and keep the patch layer selected. Using Move Tool, move the patch little towards right.

7. Select the next frame and keep the patch moving towards right with constant distance.

gif animation lessons

8. Set the timings for frames.

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

10. Check the performance in the browser

File > Preview In > Click the browser you want

free gif animation

11. 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