Advertisement

Customize
 
 
22 March 2007 @ 08:01 pm
icon tutorial  
I was aksed how to make this.  Unfortunately I don't save the .psds and I usually just play till I get what I like, but I attempted to remember.  It's not exactly the same though.  It is very simple.



OK, firstly start with your base.


1. Then duplicate that twice. Set them both to screen.  Go to Filter>Sharpen and sharpen ONE of the screen layers.



2. Get your orginal image and crop it again but crop it differently from the your first base.  Like so.  My characters are bigger here.  Set it to screen.



3.  New adjustment layer>Gradient map.  Select black and white.



4. Duplicate the orginal base drag it to the top set it to soft light 60%.



5.  Add this texture by [info]ewanism, about multiply 68%



6. Add text if you want.  I chose 'Print Clearly' at 9pt.
>>>>
Annnnd you're done.  Pretty similar right?


Next is this one.  Again, not the same, but close enough.



Base.

1. Duplicate it twice.  Set them both to screen.  Sharpen ONE of them.



2. Take tis texture by 77_words and set it to multiply.  If you put the texture before the selective colours ect you can sometimes get a really cool effect.



3. Now, add a curves layer. Make two points

RGB/one

Input: 205
Output: 222

RGB/Two

Input: 50
Output: 86



4. Hue/Saturation layer.

Saturation: +32



5. Selective colour layer.  I know it looks rank now, but it's right.

Red

-22/+13/+91/+16

Yellow

-100/+15/+86/+10

Green
+100/-100/-100/+67

Cyan

+100/-100/-100/+38



6. Another Selective colour layer.  Set it to darken

Red
-100/+5/+100/+15

Yellows
-30/+5/-30/+5

Neutrals
+100/-20/-50/+14



7. Duplicate the base, drag it to the top. Soft light.



8. Take this texture by [info]unmasked_icons set it to screen.  Position it how you like it.



9.  Duplicate layer 6 and drag it to the top.



10. Now cut out the sky copy and paste it and then move it to the bottom.  Use the blur tool to blur the edges.

Then add this texture by [info]brasaremean.  Set it to mulitply.



Again, not bad, but the seoncd looks reder.  Try lowering the Hue/Saturation and removing some of the red from the SC.

>>>

Any questions? I'll try and help.
Tags:
 
 
( 47 comments — Post a new comment )
Infinity[info]infinitiva on March 22nd, 2007 09:47 pm (UTC)
those are great and very creative:) thanks, i'll definitelly try them out later
fogg: PB-Michael. uhm...shit.[info]fogg8 on March 23rd, 2007 11:33 am (UTC)
Thank you :) Glad you like them
(no subject) - [info] on March 22nd, 2007 10:02 pm (UTC)
fogg[info]fogg8 on March 23rd, 2007 11:33 am (UTC)
Thank you. Credit isn't necessary though. :)
lucy_themeedes[info]lucy_themeedes on March 22nd, 2007 10:04 pm (UTC)
Love this kind of "trick" ;) useful for me ^___^ thanks =D
fogg: I hate you Linc[info]fogg8 on March 23rd, 2007 11:34 am (UTC)
No problem. Glad it could help :)
underconstruction.: rupert poa premiere[info]twinkletrees on March 22nd, 2007 10:06 pm (UTC)
Most definitely will be using! thanks and will credit
fogg: PB-Michaelwalk[info]fogg8 on March 23rd, 2007 11:34 am (UTC)
No, thank you :) Credit isn't necessary though :)
Katie[info]jatiebk on March 22nd, 2007 10:49 pm (UTC)
I love them both!
fogg: 24-JackPalmer 6. A new day[info]fogg8 on March 23rd, 2007 11:37 am (UTC)
Thank you :)
jude_judith82: Carnivale[info]jude_judith82 on March 22nd, 2007 11:24 pm (UTC)
This is really great. So pretty.
fogg: PB-PBHwin[info]fogg8 on March 23rd, 2007 11:37 am (UTC)
Thank you very much :)
joieee! ☆: icon 3[info]darkhorizonx on March 22nd, 2007 11:39 pm (UTC)
Adding to memories. Thanks a bunch! These are very cool icons :).
fogg: 24-Reiko/Carlos[info]fogg8 on March 23rd, 2007 11:37 am (UTC)
No, thank you. Glad you like them :)
Alex: 24: Jack & Tony[info]alex_c_potter on March 23rd, 2007 01:27 am (UTC)
These are awesome! Thanks so much for sharing :)
fogg: 24-BillKaren 5 wears the pants[info]fogg8 on March 23rd, 2007 11:38 am (UTC)
No problem, glad you like them :)
Daughter of Mr. Darcy: CM (Alone At Last)[info]ladyofavalon77 on March 23rd, 2007 02:51 am (UTC)
oooooo
These are great, fogg! I'm saving to memories. You are the icon goddess :D
fogg: 24-Jack 6. Duck and run[info]fogg8 on March 23rd, 2007 11:38 am (UTC)
Re: oooooo
Heh, well thank you m'dear :D
Gen: LoVe - Girls' Bathroom[info]xg3n on March 23rd, 2007 06:00 am (UTC)
+mems :)
fogg: 24-jack chappy 3[info]fogg8 on March 23rd, 2007 11:39 am (UTC)
Cool :)
afrostyhaze[info]afrostyhaze on March 23rd, 2007 06:38 am (UTC)
ok i don't want to sound like and idiot, but i'm totally clueless when it comes to step 3

"3. New adjustment layer>Gradient map. Select black and white."

i have psp9 so i don't know if its just a photoshop thing or if theres a way i can do it. thanks so much
---k
fogg[info]fogg8 on March 23rd, 2007 09:22 am (UTC)
Ahh, OK. It's cool. You don't need to have that. What you can do is make a new layer fill it with black and set it to 'colour', then play around with the contrast. All you're doing there is making the icon B&W. I just prefer to use GM since it defines the tones alot better than just desaturating it :)
ƒяαgяαηтѕ   »   кιѕѕ мє тняυ тнє ρнσηє[info]fragrants on March 23rd, 2007 03:01 pm (UTC)
I tried the second tutorial, but modified it to my images needs and here is what I came up with. It's a great tutorial btw! =]



fogg: 24-Jack 6. Flip rotate[info]fogg8 on March 23rd, 2007 05:12 pm (UTC)
Ahh, that's cool. The colours are beautiful. It actually works with other images too. Cool. I don't think it'll work too well with dark caps.

Glad you like it :)
Greta: christina desire[info]lady_devon on March 23rd, 2007 03:09 pm (UTC)
Memming right now!!! Amazing tuts! Gonna try them out :) Thank you! *dropping kisses*
fogg: 24-Michelle 3. Don't move[info]fogg8 on March 23rd, 2007 05:12 pm (UTC)
lol, well thank you.

Bear in mind they'll both probably work best with lighter, clearer caps :)
[info]mafaldita_coura on March 23rd, 2007 06:33 pm (UTC)
Wonderful tutorials!! Thank you soooo much for sharing!!!
fogg: 24-Jack Never kill[info]fogg8 on March 23rd, 2007 07:36 pm (UTC)
No problem. Glad you like them :)
Susan H: Dwight in a Bra[info]dolover on March 23rd, 2007 08:22 pm (UTC)
man these icons are mind blowing, well to me. putting it here:
http://dolover.livejournal.com/5567.html
fogg: 24-Bill and Jack 6[info]fogg8 on March 23rd, 2007 09:24 pm (UTC)
Wow, really? Cool. Thanks :)
[info]unique_kiwi on March 23rd, 2007 08:35 pm (UTC)
These are beyond gorgeous!!! Beautiful colouring and great tuts!!
fogg: 24-Sandra 6. I'm with stupid[info]fogg8 on March 23rd, 2007 09:25 pm (UTC)
Thank you very much :)
S.: current icon of ff[info]salilu on March 23rd, 2007 09:12 pm (UTC)
I couldn't find any black/white Gradient...whish made me sad.
fogg: 24-Bill 6 vector[info]fogg8 on March 23rd, 2007 09:26 pm (UTC)
Ahh, Ok. Firstly what software do you use? Seconly, you don't actually need it. All you have to do is make your image black and white.

So you could desaturate it (this looks crap) or you could make a new layer, fill it with black, set it to colour then play around with the contrast.

Hope that helps :)
S.: logan/parker[info]salilu on March 24th, 2007 09:17 am (UTC)
thanks ... i think i got it.
here is both of mine icon after this tut...hope you like :)

with the last texture in the first tut...it said only 68% so i figur go with noraml right?



Photo Sharing and Video Hosting at Photobucket

Photo Sharing and Video Hosting at Photobucket
fogg: 24-JackPalmer 6. A new day[info]fogg8 on March 24th, 2007 10:34 am (UTC)
Hey, wow that second one is great.

Oh, right, no sorry. That should say 'multiply'. Sorry about that :)
[info]irenic_icons on March 24th, 2007 02:02 pm (UTC)
They look rad. I'm going to try them later, thank you!
[info]m1ch1ru on March 24th, 2007 09:08 pm (UTC)
I hate to sound like an idiot, but what do you mean by the "sky copy" in step 10 of your second tutorial? ^^

Btw, +mems! ^^
fogg[info]fogg8 on March 24th, 2007 09:33 pm (UTC)
Oh, duh, I missed out the comma. It shhould be 'cut out your sky, cop and paste it'.

So basically cut out the section of sky at the top (using the rectangular marquee tool...it's at the top on the left tools menu), paste it as a new layer then position it how you like
Amanda: Majora's Mask[info]dutchwaffle on March 24th, 2007 09:48 pm (UTC)
Excellent tuts, trying both and will credit. Just a quick question though: for the first tutorial, do you crop the second (bigger) image, drag on top of your other layers and screen? When I tried that (step 2), you could barely see the image through the light, and reducing screen opacities didn't help. Thank you.
fogg[info]fogg8 on March 24th, 2007 10:12 pm (UTC)
Yup. That's what Idid. But 1) It very much depends on you image you use (it won't work with all of them 2) Don't crop it so that there's a huge difference. If you get me.

Failing that, maybe add a some darker layers or something.
starry_night_53[info]starry_night_53 on March 29th, 2007 09:13 pm (UTC)
Pretty and interesting, thanks =)
Angie: Gaius/Six[info]icequeen3101 on April 8th, 2007 09:44 pm (UTC)
I really adore the first tutorial.
I always wondered how some people do this style, tried to copy it, but kind of failed *lol*

Anyways, this helped me much, and I just wanted to show you two of my results with that tut :



again, thanks for showing us your tricks! ^_^
fogg: 24-Logan 5. Wrong doings[info]fogg8 on April 9th, 2007 12:59 pm (UTC)
lol, no problem. Glad I could help :D

Very nice icons :D
Lau: triple threat[info]ohhepburns on June 5th, 2007 12:50 am (UTC)
Love them! &hearts
thks!
rolange[info]rolange on April 28th, 2008 10:40 pm (UTC)
wow
Looks like a really great tutorial. I haven't done it yet, but I'm itching to try it. Thanks!
wafflexlove[info]wafflexlove on May 18th, 2008 04:10 am (UTC)
this is what i got :]



of tokio hotel.
its a great tutorial you've got there.
Ania[info]aaania80 on November 8th, 2008 04:10 pm (UTC)
the first one's a keeper! thanks :)
 
 

Advertisement

Customize