ruined_prodigy wrote in icon_tutorial 😊accomplished

tutorial

this is my first icon tutorial, please go easy, and i would love to see what you guys make after reading it.

credit for this cap goes to this site.

going from Image hosted by Photobucket.com to Image hosted by Photobucket.com



1. first we crop the image down to 100x100, sharpen it according to your image (this could mean more than once), and duplicate the image twice. set both layer to screen.

2. duplicate the base again, bring it to the top, and set it to soft light. you should have something like this:
Image hosted by Photobucket.com


3. duplicate the base AGAIN, bring it to the top, desaturate it, and set it to overlay.
Image hosted by Photobucket.com


4. merge all layers.

5. then using the selection tool, take a section of the main image Image hosted by Photobucket.com and go to copy merged. then paste as new layer and move over to the far left side.
Image hosted by Photobucket.com


6. using the selection tool again, take a small image of the face Image hosted by Photobucket.com which is essentially 29x46 and copy merged/paste as new layer again. do this three times, placing one image evenly below the other to get a neat film effect, like so.
Image hosted by Photobucket.com


7. put a 3px #FFFFFF border around each small face image.
Image hosted by Photobucket.com


8. merge all layers.

9. create a new layer and fill it with #FFDFAD and set it to multiply, opacity 100%.
Image hosted by Photobucket.com//Image hosted by Photobucket.com


10. create another new layer and fill it with #030437 and set it to exclusion, opacity 100%.
Image hosted by Photobucket.com//Image hosted by Photobucket.com


11. take this gradient by crumblingwalls and set it to soft light, opacity 100%.
Image hosted by Photobucket.com//Image hosted by Photobucket.com


12. paste the same gradient again, because it's not the color i want, and set it to soft light, opacity 55%.
Image hosted by Photobucket.com//Image hosted by Photobucket.com


13. paste the same gradient again and set it to color burn, opacity 66%.
Image hosted by Photobucket.com//Image hosted by Photobucket.com


14. create a new layer and fill it with #000000 and set it to color burn, opacity 15%.
Image hosted by Photobucket.com//Image hosted by Photobucket.com


15. take this light texture by luthien_annare and set it to lighten, opacity 100%.
move it to accomadate your image.
Image hosted by Photobucket.com//Image hosted by Photobucket.com


16. add a 1px #FFFFFF border around the entire thing. i've added a black border so you can see the white.
Image hosted by Photobucket.com


17. then just add the text and brushes of your choice.
Image hosted by Photobucket.com


18. merge all layers and you're done. woo hoo.


Image hosted by Photobucket.com