Log in

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.


( 26 comments — Leave a comment )
Dec. 11th, 2005 07:24 pm (UTC)
Awesome! Def. putting it in memories!!
Dec. 11th, 2005 07:26 pm (UTC)
Wow, that's so cool. *adds to memories*
Dec. 11th, 2005 07:34 pm (UTC)
beautiful! best santa tutorial yet! <333333 you rock!
Dec. 11th, 2005 09:03 pm (UTC)
Who is that boy in your icon? He's puuurdy.
Dec. 11th, 2005 11:59 pm (UTC)
XDDD;;; kotani yoshikazu. ^_^
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.
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.
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.
Dec. 12th, 2005 12:01 am (UTC)
this made me giggle.
Dec. 11th, 2005 08:05 pm (UTC)
Awesome I'll have to try that later.
Dec. 11th, 2005 08:44 pm (UTC)
Awesome ♥ Thanks for making the tut ~
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. :)
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. :)
Dec. 12th, 2005 02:13 am (UTC)
Great tut. You made it look realistic.
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.
Dec. 12th, 2005 08:36 am (UTC)
To add: But the one you did for your icon looks all right.
Dec. 14th, 2005 05:42 am (UTC)
This is great! Can't wait to try it out. :)
Dec. 18th, 2005 05:10 am (UTC)
Nice tut. :) I'm adding this to my memories.
Nov. 28th, 2007 06:43 am (UTC)
How do u "draw" a Santa hat???
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!
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?
Dec. 5th, 2007 06:06 pm (UTC)
lovely tips!! I will try them out, thanks! <3
Dec. 11th, 2007 10:31 pm (UTC)
this is so cool! can I use your hat?
will credit
thank you!
Dec. 11th, 2008 11:31 am (UTC)
This is perfect!

Dec. 14th, 2008 07:52 pm (UTC)
Dec. 15th, 2008 05:24 am (UTC)
that's so great! Straight to Mem's.
( 26 comments — Leave a comment )

Latest Month

February 2017


Powered by LiveJournal.com