Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop ImageReady Animation Text Flip Animation Effect
rss

Text Flip Animation Effect

Author: Head Nerd More by this author


Start by typing "AIDS" with each alphabet in a different layer.

image 1

Duplicate A layer. Hide the original. Press Ctrl+T. Scale down horizontally.

image 2

Duplicate layer. Hide the previous one. Press Ctrl+T. Scale down horizontally.

image 3

Repeat the above step for one more duplicate layer.

image 4

Repeat the steps for rest of the alphabets.

image 5

Similarly type "HOPE" and repeat above steps.

image 6

image 7

Create a leaf 5 shape using custom shape tool.

image 8

image 9

Duplicate leaf layer several times, distort, rotate and place each instance as shown.

image 10

Open animation window. For the first frame keep the original AIDS layers visible. hide rest of the layers.

image 11

Duplicate frame. Unhide first leaf layer.

image 12

Duplicate frame. Unhide the 2nd leaf layer. Hide the previous one.

image 13

Duplicate frame and unhide the leaf layer that touches the A layer.

image 14

Duplicate frame and start unhiding the scale down A layers.

image 15

image 16

For the 7th frame start unhiding H layers in a reverse fashion. Starting with most scaled layer.

image 17

image 18

image 19

image 20

Repeat the steps for rest of the three alphabets. Also keep unhiding leaf layers moving towards the right edge.

image 21

For the last frame keep all AIDS layers should be hidden and all unscaled HOPE layers visible. No leaf layer should be visible at this frame.

image 22

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

Text Flip Animation Effect 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 "Text Flip Animation Effect"