CURIOUS Icon Tutorial

Jan 29, 2008 22:02

How to go from this => THIS



Made in: Adobe Photoshop 7.0
Credits: jrockxstar
Creator: star_jrock



SOME IMAGES WON'T WORK WELL WITH THIS TUTORIAL.
Example:


Instead of having it just like that, add in something like this.


Though everyone uses this red spot in their graphics, but it looks nice, who wouldn't use it? xD

Choose an image with colors in it. :)

Resize your base into a 100x100px. Don't center your subject. It's boring because you'd have only one thing to look at.
Next, UNSHARPEN EDGES [learned to do this from my sensei loveholic18 if it needs that. You gotta do that so the image doesn't look so blurry and unclear.



Duplicate once. [SHIFT + CTRL + ALT + J] Set that layer to SOFT LIGHT. Change the opacity to 70%.



Create a new layer. [SHIFT + CTRL + ALT + N] Fill that layer in with this color => FFCDB5. Set it to SOFT LIGHT. Then change the opacity of it to 50%.



Create another new layer. Fill it in with this color => 000040. Set that to EXCLUSION. Change the opacity to 70%.



Create another new layer. Fill it in with this color => A2FFF5. Set it to COLOR BURN. Then change the opacity to 70%.



Now go up to LAYER on your toolbar. Go down to NEW ADJUSTMENT LAYER. Then hover over to HUE/SATURATION. Click it!
SATURATION: +20



Now go back. Instead, go to SELECTIVE COLORING.
REDS
=> CYANS: -100
=> YELLOWS: 20
YELLOWS
=> CYANS: +100
=> YELLOWS: -75
NEUTRALS
=> CYANS: +40
=> YELLOWS: -15



Now Duplicate your SOFT LIGHTED base and drag it to the top.



Paste this texture made by haudvafra and set it to lighten. Change the opacity of it to 50%.



Paste this texture made by sanami276 and set it to screen.



Paste this texture made by handsomexmccustard and set it to screen. Or if your image is more white, make the text black. If that's the casw, INVERT it. [CTRL + I]



Add a text saying whatever.



To add a border, create a new layer. Merge your base with it. [SHIFT + CRTL + N] then [SHIFT + CRTL + E]. Then right-click the layer, go to BLENDING OPTIONS. Go down to STROKE and click into it. Change the color of the border to whatever color you'd like change the size of it to 2 and BOOM! You got yourself a border for your icon.



OTHERS THAT WERE DONE WITH THIS TUTORIAL=>





RULES:
=> No need to for credit. Just thank jrockxstar.
=> If you did this tutorial, please show me and tell me how it went and what you think of it.
=> If you decide to use one of the example icons, please do credit.

tutorials * photoshop

Previous post Next post
Up