Her

Home Photoshop Tutorials ImageReady Animation Logo Animation

Logo Animation

Author: PhotoshopForFun.com Author's URL: http://photoshopforfun.com More by this author

Create a rectangle using rectangular shape tool.

image 1

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

image 2

image 3

image 4

image 5

Type Company name using a bold font.

image 6

Right click the text layer in layer palette and select "Convert to shape".

image 7

This will convert the text in to shape layer. Select the text path using path selection tool. Press Ctrl+C to copy the path. Hide this layer.

image 8

Select the rectangle layer. Select the rectangular path using path selection tool. Press Ctrl+V to paste the path. Select "subtract from shape area" from the top bar to subtract the text selections from the rectangle shape.

image 9

Select gradient tool. Create a gradient as shown.

image 10

Create a rectangular selection using rectangular marquee tool. Create a new layer and fill it with the gradient as shown in the image below.

image 11

Change the layer mode to "Hard Mix".

image 12

Open animation window. For the first frame move the white layer to left as shown.

image 13

Select the rectangular layer. Double click the layer to open layer style window. Drag the stroke gradient to outside of the document.

image 14

Duplicate the frame. For this frame move the white layer to right as shown.

image 15

Select the rectangular layer again . Double click the layer to open layer style window. Drag the stroke gradient to opposite corner.

image 16

Click tween button from animation window. Apply settings as shown.

image 17

image 18

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

Logo Animation