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. :)