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 Logo Animation

Logo Animation


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



Author's URL: PhotoshopForFun.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process. More ImageReady Animation Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Logo Animation"

Captcha