[align=center] [img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/dfdfdfdfdf.png[/img] [spoiler]We will be going from this; [img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/gffgfgfgfg.png[/img] to this [img]http://i437.photobucket.com/albums/qq92/tortureddoll/sample2.gif[/img] or [img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/gdfg.gif[/img] [b]STEP ONE:[/b] Pick out the image you want to work with and crop it to a regular icon size; 100px by 100px. [img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/gffgfgfgfg.png[/img] [b]STEP TWO:[/b] Duplicate your first (base) layer by pressing CTRL+J. Your layers palette window should now look like this; [img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/ddd.png[/img] [b]STEP THREE:[/b] Next, you'll make a new layer by pressing CTRL+SHIFT+N. Press ok to get a new layer. You will fill this layer using your paint bucket tool with any color of your choice. Set this layer to multiply. Your layers palette window should look like this; [img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/dddddd.png[/img] [b]STEP FOUR:[/b] Right click on your solid color layer & merge down. Your layers palette window should look like this; [img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/ssssss-1.png[/img] [b]STEP FIVE:[/b] Change the blending mode to lighten. You will notice that your icon looks normal, like nothing was done. This is when you take your move tool & move this layer around, so some of the color shows. This is what my icon looks like now; [img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/sample.png[/img] You can leave it as is, or move onto the next step; the animation. [b]STEP SIX:[/b] Animation time. Click the eye on your color layer to hide it. Go to window > animation to open up the animation panel. If you're using CS6, it's called "Timeline". Your window should look like this; [img]http://i437.photobucket.com/albums/qq92/tortureddoll/lunapic_134639112534680_2.gif[/img] [url=http://i437.photobucket.com/albums/qq92/tortureddoll/lunapic_134639112534680_2.gif]Click to enlarge[/url] Press the little [img]http://i437.photobucket.com/albums/qq92/tortureddoll/dsdfdf.png[/img] button in your animation window. This will create a new frame. Making sure your new frame is selected, simply make your color layer visible by clicking the eye box again. [b]STEP SEVEN:[/b] Set both frames to 0.2 sec on forever. To save; go to File > Save for Web & Devices. A window will appear; make sure it's set as a GIF & your matte is set to none & click save. [quote]Finished [img]http://i437.photobucket.com/albums/qq92/tortureddoll/sample2.gif[/img][img]http://i437.photobucket.com/albums/qq92/tortureddoll/RANDOM%20STUFFS/gdfg.gif[/img][/quote] You can add more than one color by repeating steps 2 - 5 and just alternating each layer between frames. Tutorial Credit: [url=http://vampirefreaks.com/dilemma](c)[/url][/spoiler][/align]

Last edited by Hannahlicious (2012-08-31 04:11:38)