The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Tutorials Drawing Techniques Animated Writing

Animated Writing


Start by applying a gradient to the background.

Img

Type text in a new layer.


Img
Right click the layer and select rasterize.
Img
Using rectangular marquee tool create a selection over "P". Press Ctrl+Shift+J to cut and paste the selection in a new layer.
Img
Similarly cut & paste all the alphabets.
Img
Hide all alphabets except "P".
Img
Select lower portion of "P" using rectangular marquee tool. Press Ctrl+Alt+J to cut and paste the selection in a new layer.
Img
Similarly split the other parts of "P" in separate layers.
Img
Img
Img

Img

Img

Create a pen using custom shape tool.

Img
Split the other alphabets in separate layers similarly.
Img
Double click the pen layer to open layer style window. Apply layer style with the settings shown.
Img
Img
Place it at the bottom of first letter "P" as shown in the image below.
Img
Open animation window. For the first frame hide all text.
Img
Duplicate frame. Move the pen along with the flow of the text and keep unhiding the alphabet's parts as you move ahead.
Img
Img
Img

Img

Duplicate the layer and scale it up.

Img
Img
Img

Adjust delay duration of the frames as per your speed requirement.

Img
Press Ctrl+Alt+Shift+S to save an optimized animated GIF.
Img

Author's URL: Aviva Directory
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: