website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop ImageReady Animation Animated Writing
rss

Animated Writing

Author: Aviva Directory More by this author


Start by applying a gradient to the background.

image 1

Type text in a new layer.

image 2

Right click the layer and select rasterize.

image 3

Using rectangular marquee tool create a selection over "P". Press Ctrl+Shift+J to cut and paste the selection in a new layer.

image 4

Similarly cut & paste all the alphabets.

image 5

Hide all alphabets except "P".

image 6

Select lower portion of "P" using rectangular marquee tool. Press Ctrl+Alt+J to cut and paste the selection in a new layer.

image 7

Similarly split the other parts of "P" in separate layers.

image 8

image 9

image 10

image 11

image 12

Create a pen using custom shape tool.

image 13

Split the other alphabets in separate layers similarly.

image 14

Double click the pen layer to open layer style window. Apply layer style with the settings shown.

image 15

image 16

Place it at the bottom of first letter "P" as shown in the image below.

image 17

Open animation window. For the first frame hide all text.

image 18

Duplicate frame. Move the pen along with the flow of the text and keep unhiding the alphabet's parts as you move ahead.

image 19

image 20

image 21

image 22

Duplicate the layer and scale it up.

image 23

image 24

image 25

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

image 26

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

Animated Writing Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Animated Writing"