Her

Home Photoshop Tutorials ImageReady Animation Animated Writing

Animated Writing

Author: Aviva Directory Author's URL: www.avivadirectory.com 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