vampirestarcat wrote in icon_tutorial 😮nervous

Green-ish Color Burn icon tutorial for PS CS

This is my first ever tutorial, you guys have helped me out a ton so I thought maybe I should give something back. Plus it was wicked fun. If it's confusing at all, I apologize. It's a pretty simple icon, so give it a whirl.

We'll be making this icon, with photoshop CS (probably translatable to other versions of photoshop, not sure about PSP)



We start out with this picture.



Crop it and make it 100x100 pixels.



Now, to sharpen. Filter>Sharpen>Sharpen, it'll look like this.



merge/flatten, duplicate the background layer and set it to screen



duplicate again, set it to hard light



and now the fun may begin!

Fill a layer with a navy blue, I used #010358. Set it to exclusion, of course.



Fill a new layer with a darkish red, #851304. Set it to soft light.



Nooooow, the all too exciting texture. I took this texture, that I made myself (snag if you like), and set it to soft light.




then, I started a new layer and took this simple 2 pixel border brush, used the eyedropper tool to take a yellow-ish color from his shirt and set it to color burn.




So now we've gone from
to
in roughly 10 steps.

I hope this is helpful for somebody!