Disney icon tutorial!

May 31, 2007 01:36


Today we learn how to make an icon similar to this:

(credit for the screen cap goes to http://magicalscreencaps.com/) from this:

This was made in Adobe Photoshop Elements 5.0, but it's very easy and can be translated! Ready?

1. Open up your base, crop it, and resize it to 100x100 pixels.

2. Duplicate your base (bottom layer), and set it to screen 100% opacity. If your icon is already light, you'll need to adjust your opacity a bit.

3. Make a new layer (shift+control+n for Photoshop users), and fill it with this color: 04072a. Set this layer to exclusion 100% opacity, and make sure it's the very top layer.

4. Make a new layer, and fill it with ccf2ff. Set the layer to color burn 100% opacity, and this layer should be on top of the last one.

5. It's coming along, but it doesn't look contrasted enough to me. So I make a brightness/contrast adjustment layer (Layer+New Adjustment Layer+Brightness/Contrast), and move my contrast up to 22. I leave the brightness alone. Leave your blend mode and opacity alone as well. We just want to enhance the contrast.

6. Final step! Make a new hue/saturation adjustment layer (Layer+New Adjustment Layer+Hue/Saturation) and bring up your saturation to somewhere around 26 in the Master mode.

That's it! This is an easy, quick way to really enhance the colors of your icon! Remember, comments are ♥, friend me if you like the tutorial, and as always, play around with your opacities and show me your results! And remember, always ask me a question if you don't understand something!

Other icons from this tutorial, with some adjustments:


   
   
   

disney, tutorial

Previous post Next post
Up