mata ([info]mata090680) wrote in [info]icon_tutorial,
@ 2009-07-10 20:03:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Entry tags:program: photoshop, tutorial: black & white

Icontutorial #39: Legolas for PS
From this to


I used this texture by [info]_iconographer as the background:


Resize your pic to a height of around 60px. Even though it's going to be black & white in the end anyway go to Image - Adjustments - Auto Contrast and Auto Color.
-->

Paste it onto your background and remove everything that isn't Legolas and his arrows - the polygonal lasso tool works quite good for that.
-->

Duplicate the pic and set it to screen. Merge the screen layer down.


Take a fuzzy brush, in white, and use it carefully at the bottom part.


Select - All and go to Edit - Copy Merged. Paste it on top and set it to screen.
Create a new layer on top, fill it with a dark grey (#212121) and set it to exclusion.
--> -->

Duplicate your Screen layer, bring it to the top and set it to soft light. Duplicate the soft light layer (so you'll have two of those).


Create a new Adjustment Layer, Black & White (or Desaturate) on top (Layer - New Adjustment Layer). Now you can also desaturate the Soft Light layers for a slightly varied result.
or

On to the rounded edges. ;) I use paths for that, so I believe this won't work with early versions of Photoshop, but I'm not sure.
Copy merge the whole icon onto a new canvas.
Right click on the 'background layer' and click 'layer from background'.
Click OK and it should be named 'Layer 0' now.
With 'Layer 0' selected go to Select - All and hit the delete button, so you'll have a transparent background.
-->

Select the Rounded Rectangle Tool and go to your Paths palette (usually right next to the layer palette, and if not click Window - Paths). Click the symbol (a tiny sheet of white paper) for create new path, and make sure that your settings look like it's shown in the pic below:


Make sure that your new path is selected and with the Rounded Rectangle Tool select the area you want. On your path palette click the little dotted circle, that will turn it into a regular selection.
-->

Go back to your Layer Palette, make sure that the iconlayer (not the transparent background) is clicked, go to Select - Inverse. Hit the delete button.
Now go to File - Save as and pick 'png' (PNG Options: Interlace None). Et Voilà!




(7 comments) - (Post a new comment)


[info]apologizeg
2009-07-10 06:27 pm UTC (link)
Wow, totally memming, thanks!

(Reply to this)


[info]ellie_fo_20
2009-07-10 07:30 pm UTC (link)
i really like how you did the rounded edges.
adding to mems to try out.
thanks :)

(Reply to this)


[info]magharabi
2009-07-10 08:41 pm UTC (link)
Very nice. I've been meaning to get into irregularly sized icons. This helps a lot. Thanks!

(Reply to this)


[info]zarajade123
2009-07-10 09:47 pm UTC (link)
Woah. Prettyness!! Mem'd for future use.

(Reply to this)


[info]emptyyourlife
2009-07-11 06:58 am UTC (link)
WOW. This is so lovely! Thanks for sharing :)

(Reply to this)


[info]kopgirl
2009-07-11 07:51 am UTC (link)
awesome tut
thank you

(Reply to this)


[info]laury_kos
2009-07-11 09:26 am UTC (link)
Love your tutos!!!
thanks for sharinf :D

(Reply to this)


(7 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…