This is my very first icon tutorial that I've ever posted. I like the greeny coloring and this looks nice on a variety of pictures.
We'll be going from this
![](http://img141.imageshack.us/img141/9489/image1if9.png)
to this
![](http://img153.imageshack.us/img153/1202/image2zx8.png)
.
1. Prepare your base. Crop, sharpen, lighten. My actual base was a bit darker, so I used a couple of screen layers on it. This really depends on your picture. If it's a dark screencap you may have to use a few screen layers. I used two on this one and then merged all.
2. New layer. Fill with #f2e4ce
![](http://img226.imageshack.us/img226/7462/image3fj7.png)
. Set to Multiply, 100%.
3. New layer. Fill with #e2e2e2
![](http://img152.imageshack.us/img152/4656/image5yq6.png)
. Set to Burn, 100%.
4. New layer. Fill with #02f2b5
![](http://img152.imageshack.us/img152/8505/image7vy1.png)
. Set to Burn, 26%. Play with the opacity on this last layer a bit. It will depend on how green you want your icon to be and the lighting of the picture.
And voila, you're done!
Other icons with this method: