Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.

3D Logo Creation and Animation

Filed under: Animation — Fiery Darts @ 5:47 pm

3D Logo Creation and Animation
Start by creating a rounded rectangle using rounded rectangle shape tool.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Press Ctrl+T. Rotate it 45°.
Create an elliptical selection using elliptical marquee tool.
Create a new layer. Apply black to white gradient in linear mode.
Select eraser tool. Enable a big feathered brush settings and erase the lower portion of the ellipse.
Change the layer mode to linear burn.
Duplicate the layer. Press Ctrl+T. Right click the layer and select rotate 90°.
Using custom shape tool create a male symbol.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Select and merge all layers. Double click the layer to open layer style window. Apply layer style with the settings shown.
Duplicate the layer. Press Ctrl+T. Scale down horizontally. Hide original layer.
Similarly create another duplicate. Press Ctrl+T. Scale down horizontally. Hide original layer.
Repeat the steps to create another scale down duplicate.
Open animation window. For the first frame hide all layers except the original one.
Duplicate frame Hide original layer and unhide the second one.
Similarly create successive frames and keep hiding/unhiding layers as shown.
Press Ctrl+Alt+Shift+S to save an optimized animated GIF.
« Baby’s Day Out   Drawing a Cartoon Magician »

8 Comments »

  1. Wow amazing tutourial everything is clear and precise 5*

    Comment by Pric3r — April 27, 2006 @ 10:19 pm

  2. thank you very much. :)

    Comment by angela — April 29, 2006 @ 6:37 pm

  3. Hey phat tutorial, might think about useing it ^_^

    Comment by GodsDead — May 4, 2006 @ 7:10 am

  4. Thnx, you saved my day dude :)

    Comment by tommen — May 26, 2006 @ 4:23 am

  5. I’ve opened Photoshop CS .. Where can I find Window->Animation .. CAN you find that in Photoshop CS .. Or do I need a other series of Photoshop .. ?

    Comment by Exosphere — August 7, 2006 @ 7:30 am

  6. This tutorial was created with Photoshop CS2.

    Comment by Fiery Darts — August 7, 2006 @ 8:01 am

  7. i used another pictur but i cant find merge layers any more

    Comment by ik — August 18, 2006 @ 6:56 am

  8. I made a quick gif from your tutorial, works good. I made a few minor changes to suit my needs but good tutorial. Thanks.

    -Rob

    Comment by rob holland — October 8, 2006 @ 11:42 am

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .