Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation 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.

image 1

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

image 2

3. You will get the following layer structure.

image 3

4. File > Jump To > Image Ready

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.

image 4

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

Sign Animation Tutorial: Final Result

11. Save the file with

File > Save Optimized or File > Save Optimized As



Author's URL: Atul Thakur
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Sign Animation"

Only registered users can write comment

No comments yet...