Text Flip Animation Effect

Filed under Photoshop Tutorials - Head Nerd @ April 19th, 2006

Text Flip Animation Effect

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

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

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

Repeat the above step for one more duplicate layer.

Repeat the steps for rest of the alphabets.

Similarly type "HOPE" and repeat above steps.

Create a leaf 5 shape using custom shape tool.

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

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

Duplicate frame. Unhide first leaf layer.

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

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

Duplicate frame and start unhiding the scale down A layers.

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

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

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.

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

Posted in Photoshop Tutorials | No Comments »

Animating a Buzzing Telephone

Filed under Photoshop Tutorials - Head Nerd @ April 17th, 2006

Animating a Buzzing Telephone

Start by creating a new file. Create telephone shape using custom shape tool.

Right click the layer in layer palette and select rasterize.

Create selection of receiver using polygon lasso tool.

Press Ctrl+Shift+J to cut paste the selection in new layer. Enable lock transparency pixels form the layer palette. Change the color of the telephone and receiver.

Duplicate both the layers. Select each layer and press Ctrl+T. Rotate the layer slightly.

Duplicate both the layers. Press Ctrl+T. Right click the layer and select flip horizontal.

Create some random lines using line tool. This will create an illusion of the buzzing phone.

Duplicate the layer and adjust the lines according to the next position of phone.

Open animation window. For the first frame keep the normal position of the telephone visible and hide rest of the layers.

Duplicate frame. Unhide the buzzing position of the phone along with the random lines.

Duplicate frame. Unhide the next buzzing position of the phone along with the next layer of the random lines.

Select the three frames and duplicate them.

Swap the last two frames with each other.

Duplicate the frame containing normal non-buzzing phone. move this frame to the end of the sequence.

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

Posted in Photoshop Tutorials | No Comments »

Drawing a Cartoon Dude

Filed under Photoshop Tutorials - Head Nerd @ April 11th, 2006

Drawing a Cartoon Dude

Start by creating an ellipse using elliptical shape tool.

Press Ctrl+T. Right click the layer and select warp.

Adjust nodes to get the shape as shown.

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

Create a couple of circles for the eye using elliptical shape tool.

Duplicate the eye and scale it down. Place it for the other side.

Create a flower 2 shape using custom shape tool.

Enable subtract form shape area form the top bar.

Create a circle over the flower shape. This will create hair of the cartoon.

Press Ctrl+T. Right click the layer and select warp. Adjust nodes so that it fits nicely on the dude’s head.

Apply stroke layer style to the hair.

Duplicate the hair the layer and rotate a bit.

Create a rounded rectangle for the ear using rounded rectangle shape tool.

Move the ear layer behind the hair layer in layer palette.

Create an ellipse for the mouth using elliptical shape tool.

Enable subtract form shape area form the top bar. Create a rectangle to remove the upper half of the ellipse.

Apply stroke layer style. Rotate a bit.

Create a rounded rectangle for the body using rounded rectangle shape tool.

Select bottom nodes using direct selection tool. Press Delete.

Using pen tool create leg of the dude.

Duplicate the leg and place it for the other side.

Create arm and hand of the dude using pen tool.

Apply stroke layer style.

From layer menu select layer style>>create layers.

Merge both the layers. Erase the upper edge of the arm using eraser tool.

Duplicate the hand layer, rotate and place it on the other side.

Create nose of the dude using pen tool.

Remove the stroke of one side as we did for the arm.

Add details to the cartoon. Fill the background with a gradient.

Posted in Photoshop Tutorials | No Comments »

S	M	T	W	T	F	S
« Mar				May »
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30

Archive for April, 2006

Text Flip Animation Effect

Animating a Buzzing Telephone

Drawing a Cartoon Dude

Archives

Other Pages

Recommended Links