don't you heckle me! (sesleigh) wrote in icon_tutorial,
don't you heckle me!

tutorial one: hayden panettiere (photoshop CS)

Going from to

Program: Photoshop CS (Translatable)
Difficultly: Easy, but time consuming
No selective coloring!

This is my first tutorial in a long time, so please be patient with me.

1. First select your picture, crop, and sharpen. I selected this one of Hayden Panettiere.

2. Duplicate your base layer and leave it alone. It will automatically be named "Layer 1". You will come back to it later.

3. Duplicate your base layer and the duplicate to the top, name this layer "Layer 2". You don't have to rename it, but I find that naming the layers helps me stay organized. Set this layer to Screen, 100%.

4. Again, duplicate your base layer and drag the copy to the very top. Name this "Layer 3".

5. Select Layer 1. Go to Filter >> Blur >> Gaussian Blur. I set my blur to a radius of about 1.7, but you can tweak the number if you need to.

6. Go to File >> Save for Web. Photoshop allows you to preview what the icon will look like once online, if you're happy with your result, go ahead and save it! You're done! However, my picture looks a little too bright, so I'm going to fix that.

7. After canceling Save for Web, I went back to Layer 2 and pulled down the Opacity of the Screen blending mode to about 55%.

8. My blur looked a little too strong, so I duplicated my base layer and set it to Soft Light, 100%.

9. Next, I went to Layer 1 and pulled the layer opacity down to about 72%.

10. I duplicated Layer 3 and set it to Soft Light, 49%.

11. Go to File >> Save for Web and check your result. I liked my result, so I saved it and was done!

This tutorial involves a lot of tweaking of numbers to fit your image, since just putting in the numbers that I used won't always fit the image you choose. However, once you get the hang of it, it really is simple and yields a nice effect. Questions are welcomed and I would love to see your results. :)

Other examples:
Tags: program: photoshop, tutorial: colouring

  • Trouble with KM Player

    I had to use a new version of KM Player and now I have trouble making screencaps. I use the same settings as I always do, but now the screencap size…

  • Cropping in KMplayer

    I use KM player to cap. It works great but is it possible for me not to cap the black bars when capping dvds? I just made this gif: I don't…

  • Capping DVDs using KMplayer

    I've been using KMplayer to cap video files and that has been working just fine. It won't let me cap DVDs though. When I go to do it, I get…

  • Post a new comment


    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded