Previous Entry | Next Entry

Santa Hat Tutorial

I am sick of poorly added Santa hats to pictures! You cannot just cut out a Santa hat, stick it on, and expect it to look OK. There's a little more to it than that!

Tutorial using PSCS... Ok, not an Icon, but can be used for Icons *Points at own icon*


This tutorial is based on a picture my friend reed3000 sent me and asked me to modify.


(Click for full size)

I drew myself a nice santa hat in photoshop. It's a png, so the background is transparent, makes it easier to select.



Open the PNG in photoshop. Hold Ctrl and click on the image representing this layer, to select the hat. (Alternatively, using the magic wand tool, click the transparent background, then use ctrl + shitf + I to select the inverse)



Now, we just take our image, and paste the hat in as a new layer. I need to do everything twice on this picture, as there are two hats. Ignore that fact, I will just describe everything once as I worked on the woman first - the process repeats itself on the guy.



Using transform, and a little bit of rotate, drop the hat into position and roughly size it.





My tutorial doesn't end here though. Now we grab the perspective and/or distort options (Edit>Transform>Distort or Perspective) and fiddle about with the hat until it looks a bit more realistically positioned. (Ignore how bad the guy's hat looks. It will be sorted later, haha.



Zoom out and look at the picture you're working with. Mine is quite dark, with an orangey hue. The light is coming from the top right. So, let's try to match this. I drop the brightness on the hat.



Next, I take the dodge tool, and lighten the hat where the light is hitting it.



Now, to match the orangey hue, I apply a photo filter to the layer (Image>Adjustments>Photo Filter)



It's starting to look much better. Finally, I take my burn tool, and add more shadows on the hat, and, I also switch to the background layer, AND ADD A SHADOW UNDER THE HAT, ON THE GIRL'S HEAD. This makes the image look more realistic, as the hat casts a shadow on her face.



I repeat the process on the guy...



Just add a little Gaussian blur (think it was 0.5px) to give the hats the same sort of blurry look as the rest of the image (click for full size). Voila!



And THAT, ladies and gents, is how you put a Santa hat in a picture.

Comments

( 26 ideas — Have an idea? )
modernelegance
Dec. 11th, 2005 07:24 pm (UTC)
Awesome! Def. putting it in memories!!
biscayne
Dec. 11th, 2005 07:26 pm (UTC)
Wow, that's so cool. *adds to memories*
genderblender
Dec. 11th, 2005 07:34 pm (UTC)
beautiful! best santa tutorial yet! <333333 you rock!
vaguely
Dec. 11th, 2005 09:03 pm (UTC)
Who is that boy in your icon? He's puuurdy.
genderblender
Dec. 11th, 2005 11:59 pm (UTC)
XDDD;;; kotani yoshikazu. ^_^
alnora
Dec. 11th, 2005 08:01 pm (UTC)
It's nice, but sometimes the purpose is for them to look bad. Because, I mean, adding Santa hats to everybody and everything is a silly idea in itself.
mazzmatazz
Dec. 11th, 2005 09:36 pm (UTC)
Fair enough, but this is my opinion, and I know people have been looking for realisitic Santa Hat tuts.
alnora
Dec. 11th, 2005 11:07 pm (UTC)
I just didn't like how you said it, that's all. Like you just put down everybody else's work. Wouldn't hurt to rephrase that, but again, that's just my opinion.
asphyxiated7
Dec. 12th, 2005 12:01 am (UTC)
haha
this made me giggle.
tybone
Dec. 11th, 2005 08:05 pm (UTC)
Awesome I'll have to try that later.
measuringlife
Dec. 11th, 2005 08:44 pm (UTC)
Awesome ♥ Thanks for making the tut ~
starshines
Dec. 11th, 2005 08:44 pm (UTC)
Great tutorial. I gave it a shot. What do you think?
Image hosted by Photobucket.com

I think it worked pretty well. I had the hardest time getting the hat positioned on her head. :)
mazzmatazz
Dec. 11th, 2005 09:35 pm (UTC)
Yeah, that's pretty cool. It is the positioning that's the hardest, but if you get it right, the rest just falls into place. :)
maryse
Dec. 12th, 2005 02:13 am (UTC)
Great tut. You made it look realistic.
brighterlater
Dec. 12th, 2005 08:34 am (UTC)
Honestly, the effect looks nice, but in real life, no one wears Santa hats like that...they look too small.
brighterlater
Dec. 12th, 2005 08:36 am (UTC)
To add: But the one you did for your icon looks all right.
vampkiss
Dec. 14th, 2005 05:42 am (UTC)
This is great! Can't wait to try it out. :)
bentfire
Dec. 18th, 2005 05:10 am (UTC)
Nice tut. :) I'm adding this to my memories.
camy_sammy
Nov. 28th, 2007 06:43 am (UTC)
How do u "draw" a Santa hat???
stiffy_byng
Nov. 28th, 2007 10:30 am (UTC)
Thank you! Tis the season for Santa hats and I hate all those yukky unrealistic ones. :D Great tut! Mem'ing!
creamofcabbage
Nov. 28th, 2007 10:22 pm (UTC)
Lovely work! I have PSP9, but that shouldn't be problematic :D. +mems

If I ever make Santa icons, can I use that hat of yours as long as I credit you for it?
a_fluffy_cloud
Dec. 5th, 2007 06:06 pm (UTC)
lovely tips!! I will try them out, thanks! <3
douxmist
Dec. 11th, 2007 10:31 pm (UTC)
this is so cool! can I use your hat?
will credit
thank you!
ashley_massacre
Dec. 11th, 2008 11:31 am (UTC)
This is perfect!

xxsmoothopexx
Dec. 14th, 2008 07:52 pm (UTC)
Thanks!!
babygirl14x
Dec. 15th, 2008 05:24 am (UTC)
that's so great! Straight to Mem's.
( 26 ideas — Have an idea? )

Tags

Current Month

September 2014
S M T W T F S
 123456
78910111213
14151617181920
21222324252627
282930    
Powered by LiveJournal.com
Designed by Lilia Ahner