?

Log in

 
 
03 October 2009 @ 05:59 pm
tutorial: er icon  
tutorial requested by terovic

going from Photobucket to Photobucket

Program: Photoshop CS2
Translatable: involves selective coloring
psd: YES, please comment when you take

comments are always appreciated
Image and video hosting by TinyPic join/watch to keep track of updates

other icons made with similar settings:
Photobucket Photobucket Photobucket




start by taking your picture, re-size it, paste it on the 100x100 image and place it the way you want it. You can either sharpen it now or at the end. My base looks like this

Photobucket

(only use this step, if your base is too dark)
before we work on the coloring, we're gonna have to lighten the whole picture up. For that go to Layer > New Adjustment Layer > Brightness/Contrast
Brightness: +54
Contrast: +26
Change the settings till they fit your picture

Go to New Adjustment Layer > Selective Color,
Reds:
-100, +24, +36, -29
Neutrals: -13, -5, +4, 0

open a New Adjustment Layer > Color Balance, Opacity 72%
Shadows:

Midtones: 25 , +1 , -22
Highlights: -16 , 0 , -11

this will give it a redish/yellowish color.

Photobucket

Since its too yellow for my liking I added a New Adjustment Layer > Photofilter
Choose Cyan. This will reduce the yellow colors a little bit but, unfortunately, also give the picture a kind of dull look.

To bring out the color a bit add a New Adjustment Layer > Hue/Saturation
Standard:
0, +17, 0

Since I want the outcome to have a bit of a blue-ish coloring to it, I added a New Adjustment Layer > Solid Color, Opacity 60% with the color #7d8cd5. Set the solid color layer to overlay. Depending on how much blue you want in your picture change the color.

Photobucket

Due to the blue solid color layer the reds are not as dominant as before. To add them to the picture again add a New Adjustment Layer > Selective Color
Reds:
-59, +16, +3, -4

Photobucket

Still a bit dark for my liking. Add a New Adjustment Layer > Solid Color, Opacity 25% with the color #dac2b4. This will lighten the whole picture up. Change the opacity till it fits your picture.

Since I wanted to enhance the contrast I added a New Adjustment Layer > Photofilter, Opacity: 55%
Choose Coldfilter (80).

You can either leave it like that, but I wanted just a tiny bit of magenta in it, so I added another New Adjustment Layer > Photofilter, Opacity 35%
Choose Magenta.

and you're done

Photobucket

other icons made with similar settings:
Photobucket Photobucket Photobucket

PSD
please comment when you take the PSD. since it takes some time to write a tutorial, I don't think it's too much to ask that you take a sec and let me know that you liked and downloaded it, otherwise I will not be offering PSD's in the future. Thanks

not every image is the same, so just play around with the different settings, add new layers or delete some till it fits your image. just copying all layers onto another picture rarely works.

hope that was understandable. if anyone has any questions don't hesitate to ask :)

JOIN/WATCH
Tags:
 
 
 
reality sucks: bonesmummy_daydream on October 3rd, 2009 04:49 pm (UTC)
took .PSD
thanks a lot :)
visualizer95visualizer95 on October 3rd, 2009 04:52 pm (UTC)
Taking the psd.
Thanks <3
sj13forever on October 3rd, 2009 04:57 pm (UTC)
Snagging it ^^ Thanks! :D
Nici: enchanted: adorablenicis_anatomy on October 3rd, 2009 05:06 pm (UTC)
Snagged the psd and saved the tutorial. Thanks for making and sharing it! I need to make some new icons and I'm sure your tutorial would be helpful.
This is my sign xDx_insurrextion on October 3rd, 2009 05:09 pm (UTC)
OMGGg!!!

TOTALLY TAKING THE PSD!!!!

THANK YOU!!
(Deleted comment)
Whitwhitkj22 on October 3rd, 2009 05:40 pm (UTC)
Snagging the PSD! Love the coloring :)
Tanya Caulfield: heath_smokefare_lady on October 3rd, 2009 07:27 pm (UTC)
like it :) thank you!
Beate: SPN - Misha Gleebluna81 on October 3rd, 2009 08:02 pm (UTC)
took the psd ... thankie
Olga / Ольгаbefore_water on October 3rd, 2009 08:16 pm (UTC)
took the psd, thank you
Lauralala_lollipop on October 3rd, 2009 08:25 pm (UTC)
I think I will snag the psd as well to try it out sometime. You rock girl
OK, in a misguided sadist's way: FASHION - baggy jeansguitarmy on October 3rd, 2009 09:58 pm (UTC)
Really nice colour. Taking the psd. Thanks!
sjnubbel on October 3rd, 2009 11:59 pm (UTC)
I took the psd =)
settykins108 on October 4th, 2009 04:53 am (UTC)
I like this tut! I'm taking the PSD. Thank you! :D
baby_gonebaby_gone on October 4th, 2009 12:53 pm (UTC)
I love it, I'm taking the psd, thank you :)
bellabitch90bellabitch90 on October 4th, 2009 06:53 pm (UTC)
Taking psd.
Thanks. It's amazing!
stickymint on October 5th, 2009 04:01 am (UTC)
Great tutorial :)
kamesoulkamesoul on October 5th, 2009 05:30 pm (UTC)
took the psd! very pretty~!
thank you so much for sharing~!
stabbing the dramatherapy on October 12th, 2009 11:05 am (UTC)
Love the colouring! :D Took the .psd. Thank you. :)
well well wellahkna on October 15th, 2009 01:49 pm (UTC)
Lovely colouring. I like this tutorial a lot.
Kim: booth / bones / s5ep1kimcullen on October 18th, 2009 09:41 pm (UTC)
took the psd. love it! :)
aliaskazvezda_tristana on October 19th, 2009 07:42 pm (UTC)
Took the psd.
thanks a lot ^^
xattentionx on October 30th, 2009 01:58 am (UTC)
took the PSD, thank you (:
It's very cool!
lita_cena425lita_cena425 on November 7th, 2009 10:53 pm (UTC)
I absolutely love the coloring. I don't know if I will use the PSD but I will definitely credit you if I do take it. :)
Marianna: Swiftvanilla4life on November 18th, 2009 12:55 am (UTC)
Lovely,I'm taking the PSD
OB_supportermayfrayn on February 1st, 2010 01:34 pm (UTC)
Thanks for the PSD, it's really nice!
TeamPompeoomgrey on February 5th, 2010 01:30 am (UTC)
i DL the PSD thanks' :D
The Honorable S. Tesdinicgoghoti on February 10th, 2010 06:21 am (UTC)
great tutorial! i hope you don't mind that i snagged the psd.
neonday on March 28th, 2010 02:40 pm (UTC)
taking the psd :)