mazzmatenth ([info]mazzmatazz) wrote in [info]icon_tutorial,
@ 2005-12-11 19:19:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:basics: miscellaneous

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 [info]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.




(Post a new comment)


[info]modernelegance
2005-12-11 07:24 pm UTC (link)
Awesome! Def. putting it in memories!!

(Reply to this)


[info]biscayne
2005-12-11 07:26 pm UTC (link)
Wow, that's so cool. *adds to memories*

(Reply to this)


[info]dearangelogata
2005-12-11 07:34 pm UTC (link)
beautiful! best santa tutorial yet! <333333 you rock!

(Reply to this) (Thread)


[info]vaguely
2005-12-11 09:03 pm UTC (link)
Who is that boy in your icon? He's puuurdy.

(Reply to this) (Parent)(Thread)


[info]dearangelogata
2005-12-11 11:59 pm UTC (link)
XDDD;;; kotani yoshikazu. ^_^

(Reply to this) (Parent)


[info]alnora
2005-12-11 08:01 pm UTC (link)
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.

(Reply to this) (Thread)


[info]mazzmatazz
2005-12-11 09:36 pm UTC (link)
Fair enough, but this is my opinion, and I know people have been looking for realisitic Santa Hat tuts.

(Reply to this) (Parent)(Thread)


[info]alnora
2005-12-11 11:07 pm UTC (link)
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.

(Reply to this) (Parent)


[info]asphyxiated7
2005-12-12 12:01 am UTC (link)
haha
this made me giggle.

(Reply to this) (Parent)


[info]tybone
2005-12-11 08:05 pm UTC (link)
Awesome I'll have to try that later.

(Reply to this)


[info]measuringlife
2005-12-11 08:44 pm UTC (link)
Awesome ♥ Thanks for making the tut ~

(Reply to this)


[info]starshines
2005-12-11 08:44 pm UTC (link)
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. :)

(Reply to this) (Thread)


[info]mazzmatazz
2005-12-11 09:35 pm UTC (link)
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. :)

(Reply to this) (Parent)


[info]_sving_up_
2005-12-11 09:20 pm UTC (link)
^-^ thank you so much for tha! ive tried all the santa hat tutorials and they didnt look realistic! *adds to memories* =D

(Reply to this)


[info]gunznroses
2005-12-12 02:13 am UTC (link)
Great tut. You made it look realistic.

(Reply to this)


[info]brighterlater
2005-12-12 08:34 am UTC (link)
Honestly, the effect looks nice, but in real life, no one wears Santa hats like that...they look too small.

(Reply to this)


[info]brighterlater
2005-12-12 08:36 am UTC (link)
To add: But the one you did for your icon looks all right.

(Reply to this)


[info]vampkiss
2005-12-14 05:42 am UTC (link)
This is great! Can't wait to try it out. :)

(Reply to this)


[info]bentfire
2005-12-18 05:10 am UTC (link)
Nice tut. :) I'm adding this to my memories.

(Reply to this)


[info]camy_sammy
2007-11-28 06:43 am UTC (link)
How do u "draw" a Santa hat???

(Reply to this)


[info]stiffy_byng
2007-11-28 10:30 am UTC (link)
Thank you! Tis the season for Santa hats and I hate all those yukky unrealistic ones. :D Great tut! Mem'ing!

(Reply to this)


[info]creamofcabbage
2007-11-28 10:22 pm UTC (link)
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?

(Reply to this)


[info]a_fluffy_cloud
2007-12-05 06:06 pm UTC (link)
lovely tips!! I will try them out, thanks! <3

(Reply to this)


[info]douxmist
2007-12-11 10:31 pm UTC (link)
this is so cool! can I use your hat?
will credit
thank you!

(Reply to this)


[info]ashley_massacre
2008-12-11 11:31 am UTC (link)
This is perfect!

(Reply to this)


[info]xxsmoothopexx
2008-12-14 07:52 pm UTC (link)
Thanks!!

(Reply to this)


[info]babygirl14x
2008-12-15 05:24 am UTC (link)
that's so great! Straight to Mem's.

(Reply to this)


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