Free online photoshop training

Photoshop tutorials for webdesigners

Create a Rotating Wheel Animation Effect

November 19th, 2007 · No Comments

Design a  Rotating Wheel Animation Effect using photoshop features
[1]-First of all Open New Document of Custom size, Height & Width 450×450 pixels, Resolution 72 & Mode RGB Colorpun266-rotating-wheel-photoshop-animation-effect1.gif

[2]-Now Open New Layer with the help of Ctrl+Shift+N & then select FFFFFA Color in Forground & 37379D color in Background
& then Go to Filter>Render>Clouds & your image will be look as shown below

pun266-rotating-wheel-photoshop-animation-effect2.gif

[3]-Now go to Filter>Pixelate>Crystallize & use the following settings

pun266-rotating-wheel-photoshop-animation-effect3.gif

[4]-Now go to Blending Options with click on ‘f’ which is indicating by Hand sign as shown below

pun266-rotating-wheel-photoshop-animation-effect4.gif

[5]-Now select Inner shadow & use the following settings,OK

pun266-rotating-wheel-photoshop-animation-effect5.gif

[6]-Now select Custom Shape Tool & use the following shape & settings

pun266-rotating-wheel-photoshop-animation-effect6.gif

[7]-Now create the following shape & with the help of Custom Shape Tool & then select Pen Tool & click & select Make Selection

pun266-rotating-wheel-photoshop-animation-effect7.gif

[8]-Now apply the following settings in Make Selection

pun266-rotating-wheel-photoshop-animation-effect8.gif

[9]-Now your image will be look as shown below

pun266-rotating-wheel-photoshop-animation-effect9.gif

[10]-Now fill the selection with any color & then Go to Blending Options with click on ‘f’which is indicating by Hand sign

pun266-rotating-wheel-photoshop-animation-effect10.gif

[11]-Now select Inner Shadow & apply the following settings

pun266-rotating-wheel-photoshop-animation-effect11.gif

[12]-Now select Outer Glow & use the following settings

pun266-rotating-wheel-photoshop-animation-effect12.gif

[13]-Now select Bevel & Emboss & use the following settings

pun266-rotating-wheel-photoshop-animation-effect13.gif

[14]-Now select Satin Structure & apply the following settings

pun266-rotating-wheel-photoshop-animation-effect14.gif

[15]-Now select Gradient Overlay & use the following settings

pun266-rotating-wheel-photoshop-animation-effect15.gif

pun266-rotating-wheel-photoshop-animation-effect16.gif

[16]-Now select Pattern Overlay & use the following settings

pun266-rotating-wheel-photoshop-animation-effect17.gif

[17]-Now your image will be look as shown below

pun266-rotating-wheel-photoshop-animation-effect18.gif

[18]-Now go to Image Ready with the help of Ctrl+Shift+M & after that select Layer2 & make Duplicate Layer with the help of
press Ctrl+J & then rotate the following Shape with the help of Ctrl+T & then ENTER

pun266-rotating-wheel-photoshop-animation-effect19.gif

[19]-Now make Duplicate layer2 with the help of Press Ctrl+J & your layer pallete will
be look as shown below

pun266-rotating-wheel-photoshop-animation-effect20.gif

[20]-Now create the following Transformation with the help of Press Ctrl+T & then ENTER

pun266-rotating-wheel-photoshop-animation-effect21.gif

[21]-Now GO to WINDOW>ANIMATION & then create the 2 Duplicate Frame with the help of 2 times click on following button which
is indicating by Hand sign

pun266-rotating-wheel-photoshop-animation-effect22.gif

[22]-Now select Frame1 & Hide the following Layers

pun266-rotating-wheel-photoshop-animation-effect23.gif

[23]-Now your image will be look as shown below

pun266-rotating-wheel-photoshop-animation-effect24.gif

[24]-Now select Frame2 & Hide the following Layers

pun266-rotating-wheel-photoshop-animation-effect25.gif

[25]-Now your image will be look as shown below

pun266-rotating-wheel-photoshop-animation-effect26.gif

[26]-Now select Frame3 & hide the following Layers

pun266-rotating-wheel-photoshop-animation-effect27.gif

[27]-Now your image will be look as shown below

pun266-rotating-wheel-photoshop-animation-effect28.gif

[28]-Now play the animation with the help of CLick on following Green Button which is indicatin by Hand sign
as shown below

pun266-rotating-wheel-photoshop-animation-effect29.gif

[29]-Now go to FILE>SAVE OPTIMIZED AS. finally, all settings have been completed & Your image will be look as shown below
pun266-rotating-wheel-photoshop-animation-effect30.gif

Tags: Photohop Basic

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment