→ bonjour, mon cherie (westerbreeze) wrote in icon_tutorial,
→ bonjour, mon cherie
westerbreeze
icon_tutorial

ICON TUTORIAL BY WESTERBREEZE

Image Hosted by ImageShack.us TO Image Hosted by ImageShack.us / Image Hosted by ImageShack.us

PHOTOSHOP.DIFFICULTY: 06/10



we're going to use THIS image from vanessa-hudgens.com

----------------------------------------------------------------------------------------------------------------------------

FOR THE MORE EXPERIENCED USERS OF PHOTOSHOP:
WITHOUT THE IMAGES & ADDITIONAL INFORMATION:
01. Open a new Photoshop document. 100px100px
02. Paste the image and resize it.
03. Duplicate the image and set the new one to SCREEN
04. Merge the layers to 1 layer
05. Play around with the Heu/Saturation.
06. Duplicate the layer and move the upperlayer downwards.
07. Delete the background image
08. Insert a new layer a fill it with WHITE. Then MERGE it to 1 layer again.
09. Paste THIS image of clouds. And RESIZE it + place it.
10. Duplicate the layer with the clouds and set the upperlayer to SCREEN.
11. MERGE DOWN the clouds upperlayer with the layer under it. NOT WITH THE FIRST LAYER.
12. Start ERASING the parts {on the layer with the clouds} where you don't want to see the clouds.
13. Paste THIS texture by regenat and set it to LIGHTEN
14. Select the image and copy it: CTRL + C
15. SHARPEN the image. Go to FILTER > SHARPEN > SHARPEN
16. PASTE the image you just copied and set that layer to 60%.
---
17. For black&white; MERGE IT and DESURATE (CTRL+SHIFT+U}


----------------------------------------------------------------------------------------------------------------------------


STEP #1.
+ Open a new Photoshop document.
{SHORTCUT TO OPEN A NEW DOC: CTRL+N}
WIDTH: 100px
HEIGHT: 100px
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us
----------------------------------------------------------------------------------------------------------------------------


STEP #2.
+ Paste the image and resize it.
{SHORTCUT TO RESIZE AN IMAGE: CTRL+T}
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us
----------------------------------------------------------------------------------------------------------------------------

STEP #3.
+ Duplicate the image and set the new one to SCREEN
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us RESULT: Image Hosted by ImageShack.us
----------------------------------------------------------------------------------------------------------------------------

STEP #4.
+ Merge the layers to 1 layer
{SHORTCUT TO MERGE: CTRL+SHIFT+E}
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us



RESULT:
----------------------------------------------------------------------------------------------------------------------------


STEP #5.
+ Colouring to the image. Play around with the Heu/Saturation.
----------------------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------------------------

STEP #6.
+ Duplicate the layer and move the upperlayer downwards.
----------------------------------------------------------------------------------------------------------------------------
RESULT:
----------------------------------------------------------------------------------------------------------------------------

STEP #7.

+ Delete the background image
----------------------------------------------------------------------------------------------------------------------------
RIGHT MOUSE CLICK "DELETE" OR:

----------------------------------------------------------------------------------------------------------------------------

STEP #8.
+ Insert a new layer a fill it with WHITE. Then MERGE it to 1 layer again.
{SHORTCUT TO INSERT A NEW LAYER: CTRL+SHIFT+N}
----------------------------------------------------------------------------------------------------------------------------
FILL:
RESULT:
----------------------------------------------------------------------------------------------------------------------------

STEP #9.
+ Paste THIS image of clouds. And RESIZE it + place it.
----------------------------------------------------------------------------------------------------------------------------


RESIZE: CTRL+T
RESULT:
----------------------------------------------------------------------------------------------------------------------------

STEP #10.
+ Duplicate the layer with the clouds and set the upperlayer to SCREEN.
----------------------------------------------------------------------------------------------------------------------------



----------------------------------------------------------------------------------------------------------------------------

STEP #11.
+ MERGE DOWN the clouds upperlayer with the layer under it. NOT WITH THE FIRST LAYER.
----------------------------------------------------------------------------------------------------------------------------



----------------------------------------------------------------------------------------------------------------------------

STEP #12.
+ Start ERASING the parts {on the layer with the clouds} where you don't want to see the clouds.
----------------------------------------------------------------------------------------------------------------------------




RESULT:
----------------------------------------------------------------------------------------------------------------------------

STEP #13.
+ Paste this texture by regenat and set it to LIGHTEN
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us


----------------------------------------------------------------------------------------------------------------------------

STEP #14.
+ Select the image and copy it: CTRL + C
{SHORTCUT TO SELECT THE IMAGE: CTRL+A}
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us
----------------------------------------------------------------------------------------------------------------------------

STEP #15.
+ SHARPEN the image. Go to FILTER > SHARPEN > SHARPEN
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us

Image Hosted by ImageShack.us RESULT: Image Hosted by ImageShack.us
----------------------------------------------------------------------------------------------------------------------------

STEP #16.

+ PASTE the image you just copied and set that layer to 60%.
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us RESULT: Image Hosted by ImageShack.us
----------------------------------------------------------------------------------------------------------------------------

YOU'RE DONE!!!


+ If you want it B/W; MERGE IT and DESURATE (CTRL+SHIFT+U}
----------------------------------------------------------------------------------------------------------------------------
Image Hosted by ImageShack.us
----------------------------------------------------------------------------------------------------------------------------

Comment if you liked & show me what you got from the tut!
if you have any questions bout the tut, you can always ask.
EXCEPT IF YOU WANT THE PSD. FILE... IT'S MORE FUN IF YOU MESS AROUND WITH IT!




Tags: tutorial: black & white
Subscribe

  • Victoria's Secret Face Manip Tutorial

    Program: Photoshop CS3 Translatable: No, has selective coloring as well as some other photoshop steps. Difficulty: Hard, but not too hard. Ask…

  • Not-So-Negative Space?

    How can I make icons like these? and credit x, x I've tried looking up multiple negative space tutorials but I still seem to have…

  • DVD Ripping on Mac

    I have DVDs of the Wire, which I would like to autocap, presumably on VLC. I've looked around quite a bit and found what I thought were the right…

  • Post a new comment

    Error

    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 30 comments

  • Victoria's Secret Face Manip Tutorial

    Program: Photoshop CS3 Translatable: No, has selective coloring as well as some other photoshop steps. Difficulty: Hard, but not too hard. Ask…

  • Not-So-Negative Space?

    How can I make icons like these? and credit x, x I've tried looking up multiple negative space tutorials but I still seem to have…

  • DVD Ripping on Mac

    I have DVDs of the Wire, which I would like to autocap, presumably on VLC. I've looked around quite a bit and found what I thought were the right…