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 Animated Writing

Animated Writing


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



Author's URL: Aviva Directory
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 "Animated Writing"

Only registered users can write comment

No comments yet...