Home » Photoshop » Text Effects »
In this tutorial you will learn how easily you could create a dancing text effect in Photoshop CS2 suitable for getting the attention and for music sites.
Dancing Text Animation
- Create a new image in Photoshop (Ctrl + N) and set white as background color.
- Select the "Horizontal Type Tool" or press (T) and
type the word that you want to animate.
- To make your text look beautiful, select the text layer, click "Add a layer style" located at the bottom of the layers window then choose "Gradient Overlay".
- Choose Reflected as Style, click on the gradient
color to open the Gradient Editor then choose any one
of the presets, I chose Orange, Yellow, Orange, deleted
the right orange slider then moved the Yellow slider to
the right.
- Click Ok, check Reversed, set Scale to 64%, check
Drop Shadow then click Ok again, you should have
something like that:
- Now let's make this text dance, show the animation window by clicking Window > Animation, you should have an Animation window with one frame.
- Click "Duplicated selected frames" located at the bottom of the Animation window and select frame 2.
- If not selected, select the "Horizontal Type Tool"
again then select the desired warped text effect -like
Wave effect- by clicking the "Create warped text"
located at the top Photoshop tool bar then click Ok.
- In the Animation window, click frame 1, click "Duplicate selected frames" from the bottom of the Animation window then move frame 2 to the far right, you should have three frames now with the warped text effect on frame 2.
- Select frame 1, click "Tweens animation frames" at the bottom of the Animation window, accept the default Tween window options to add five frames then click Ok.
- Click frame 7 (the one before the last one) then repeat the previous step again to create another five frames.
- Click File > Save for web and save the result file as gif file format.
Dancing Text Animation:
Another Dancing Text effect:
Tutorials By Category
Top Rated Tutorials
- Widgetizing Wordpress
Rating: 5.0/5 Votes: 1 - How to Create And Customize the Magento Store
Rating: 5.0/5 Votes: 1 - Make Numeric Flash Ad With Hyperlink for Commercial
Rating: 5.0/5 Votes: 1 - Dark Layout #2 Psd to Html
Rating: 5.0/5 Votes: 1 - Black & White Gallery
Rating: 5.0/5 Votes: 1
Exclusive Tutorials
Copyright © 2007-2009 Hazem Osman. All rights reserved.
Terms & Conditions


![[del.icio.us]](http://www.tutorialsroom.com/includes/bookmarkify/delicious.png)
![[Digg]](http://www.tutorialsroom.com/includes/bookmarkify/digg.png)
![[Facebook]](http://www.tutorialsroom.com/includes/bookmarkify/facebook.png)
![[Furl]](http://www.tutorialsroom.com/includes/bookmarkify/furl.png)
![[Google]](http://www.tutorialsroom.com/includes/bookmarkify/google.png)
![[MySpace]](http://www.tutorialsroom.com/includes/bookmarkify/myspace.png)
![[Spurl]](http://www.tutorialsroom.com/includes/bookmarkify/spurl.png)
![[Squidoo]](http://www.tutorialsroom.com/includes/bookmarkify/squidoo.png)
![[StumbleUpon]](http://www.tutorialsroom.com/includes/bookmarkify/stumbleupon.png)
![[Technorati]](http://www.tutorialsroom.com/includes/bookmarkify/technorati.png)
![[Yahoo!]](http://www.tutorialsroom.com/includes/bookmarkify/yahoo.png)
![[Email]](http://www.tutorialsroom.com/includes/bookmarkify/email.png)






Nice effect you got there! Thanks for the tut :)