Photoshop CS Tutorial: Colors/Textures/BordersMaskishThings...
It is an ICON TUTORIAL by 
disp0sab1e!!!!!!111oneone!!!11eleven!!1
Aren't you excited? XD!
Go from
to 
o1. Select the base that you want to use. Do the following steps:
+ Ctrl + Shift + Alt + L (Auto Contrast)
+ Ctrl + Shift + L (Auto Levels)
+ Ctrl + Shift + B (Auto Color Balance)
+ Duplicate your base twice. (Ctrl + J)
+ Set the middle layer to soft light and the top layer to screen.
+ Desaturate the top layer. (Ctrl + U)
+ Duplicate the screened layer one more time. (Ctrl + J)
Your outcome should look something like this.
Please Note: Depending on the light/color of your picture, you may need wait to desaturate the top screened layer after you have the 2 screened layers.
o2. Find a nice masking layer that you'd like to use. In this case I chose
. by unmasked_icons ♥ Just remember what we're going to end up seeing is white. This means if yours looks like mine, then you'll want to invert the colors (Ctrl + I) so that it's the white that shows not the black. Anyways, paste that layer on the top and set it to screen.
o3. Go find a nice textured color swatch. In this case, I chose
again, I don't know who it's by, but let me know if it's you ♥ Take that layer and paste it on top of the picture, but under the screened masked/brushed layer. And then follow these steps:
+ Duplicate the layer twice. (Ctrl + J)
+ Set the first layer to overlay and the other two to multiply. (If it turns out to be too dark, delete the second duplicated layer and just have two layers. Overlay and Multiply)
+ Select the magic wand tool and then go to your screened masked/brushed layer. You want to select the area that's black. You can see that down in the layers toolbar or you can just select somewhere that isn't white.
+ Once it is selected, right click on the area and click on feather. Feather it by 10 px.
+ Go down to your multiplied (however many you have) layers and press delete so that the subject of your icon comes back into focus.
+Now, I think it's a little too dark. So I'm going to go back to the picture, and duplicate the screened layer one more time and then drag it above the color/patterened layers, and then set the opacity to 50%. Not much difference, but enough for me.
o4. Now, open a new document 100x100. Choose a font you like and write the first letter of the subject of your icon. In this instance, mine is Sawyer. So I write an S. In this instance, I used the font of Civillian @ 48pt. Now, grab your text tool again and click somewhere to start a new text line. Go over to the character pallette and make the point size for the font 1pt and select a common font. I used Times New Roman. Just write some tiny text. I'm not an expert at this, so don't assume that I am, but you get the jist. Move the Tiny Text layer underneath the Big Letter layer, and center it accordingly. This is what I ended up with:
o5. Go to Edit > Define Preset Brush.
o6. Go back to your icon and pull out your brush tool. In white, use your newly created brush. You'll, again, need to center it accordingly. You may need to erase some of the Tiny Text from their face, like I did, but that's not a big deal. We're almost done. This is what you end up with:
o7. Merge the layers (Ctrl + Shift + E) and then duplicate the new base (Ctrl + J). Now go to Edit > Stroke and put a 2px black stroke set to overlay on the whole icon.
o8. Merge all the layers again (Ctrl + Shift + E) and then save your icon. Ta-Da!
I'd love to see what you guys do with this! Show me whatcha got! ♥
disp0sab1e!!!!!!111oneone!!!11eleven!!1Aren't you excited? XD!
Go from
to o1. Select the base that you want to use. Do the following steps:
+ Ctrl + Shift + Alt + L (Auto Contrast)
+ Ctrl + Shift + L (Auto Levels)
+ Ctrl + Shift + B (Auto Color Balance)
+ Duplicate your base twice. (Ctrl + J)
+ Set the middle layer to soft light and the top layer to screen.
+ Desaturate the top layer. (Ctrl + U)
+ Duplicate the screened layer one more time. (Ctrl + J)
Your outcome should look something like this.
Please Note: Depending on the light/color of your picture, you may need wait to desaturate the top screened layer after you have the 2 screened layers.
o2. Find a nice masking layer that you'd like to use. In this case I chose
. by unmasked_icons ♥ Just remember what we're going to end up seeing is white. This means if yours looks like mine, then you'll want to invert the colors (Ctrl + I) so that it's the white that shows not the black. Anyways, paste that layer on the top and set it to screen.o3. Go find a nice textured color swatch. In this case, I chose
again, I don't know who it's by, but let me know if it's you ♥ Take that layer and paste it on top of the picture, but under the screened masked/brushed layer. And then follow these steps:+ Duplicate the layer twice. (Ctrl + J)
+ Set the first layer to overlay and the other two to multiply. (If it turns out to be too dark, delete the second duplicated layer and just have two layers. Overlay and Multiply)
+ Select the magic wand tool and then go to your screened masked/brushed layer. You want to select the area that's black. You can see that down in the layers toolbar or you can just select somewhere that isn't white.
+ Once it is selected, right click on the area and click on feather. Feather it by 10 px.
+ Go down to your multiplied (however many you have) layers and press delete so that the subject of your icon comes back into focus.
+Now, I think it's a little too dark. So I'm going to go back to the picture, and duplicate the screened layer one more time and then drag it above the color/patterened layers, and then set the opacity to 50%. Not much difference, but enough for me.
o4. Now, open a new document 100x100. Choose a font you like and write the first letter of the subject of your icon. In this instance, mine is Sawyer. So I write an S. In this instance, I used the font of Civillian @ 48pt. Now, grab your text tool again and click somewhere to start a new text line. Go over to the character pallette and make the point size for the font 1pt and select a common font. I used Times New Roman. Just write some tiny text. I'm not an expert at this, so don't assume that I am, but you get the jist. Move the Tiny Text layer underneath the Big Letter layer, and center it accordingly. This is what I ended up with:
o5. Go to Edit > Define Preset Brush.
o6. Go back to your icon and pull out your brush tool. In white, use your newly created brush. You'll, again, need to center it accordingly. You may need to erase some of the Tiny Text from their face, like I did, but that's not a big deal. We're almost done. This is what you end up with:
o7. Merge the layers (Ctrl + Shift + E) and then duplicate the new base (Ctrl + J). Now go to Edit > Stroke and put a 2px black stroke set to overlay on the whole icon.
o8. Merge all the layers again (Ctrl + Shift + E) and then save your icon. Ta-Da!
I'd love to see what you guys do with this! Show me whatcha got! ♥