fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Polaroid collage Photoshop Dispersion Rays of Light Photoshop Action

The Mad Hatter from Alice in Wonderland Photoshop Tutorial

www.psd-dude.com
Tutorials Photo Manipulation 161247 Views January 5th, 2011

I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to recreate all the important characters in Photoshop.

After the Red Queen of Hearts and Alice now it is time for the Mad Hatter! I hope you find this tutorial interesting enough to create your own mad hatter! If you do please leave me a comment with the link!

So let's begin!

Advertisment

Preview of the Final Image

the mad hatter from alice in wonderland

Step 1 Prepare the Initial Stock Image

I have found a really nice photo on deviantart.com Mr. Hatter VI by ~MaithiranStock so I decided that I had to make this photo manipulation.

Use Filter - Liquify Tool (Shift+Ctrl+X) and with the Forward Warp Tool change the hat shape like in the image:

Another thing that I have to change are the eyes. Download the big size image with the hatter and crop the eyes. Create a layer for each eye and place them in the right place. Start blending by erasing carefully the skin and keeping only the eye. Use the Blur tool to soften the edges.

Like in any blending process you need to work slowly and take care of every detail.

Go to Image – Adjustments – Brightness/Contrast and increase contrast like in the image:

Another thing you have to do is to use the Brush Tool to paint over the eye with #655d47 color. The size of the brush is 3px. Use also the Dodge Tool to lighten the white area of the eye. After you treat the both eyes you should obtain something like this:

Step 2 Add a Few Fancy Details to the Hat

Now let's add some features from the mad hatter character. For the hat I will paint a scarf over. So with the Pen Tool draw a simple shape, color #d52d00:

Rasterize the layer and with the Burn Tool selected do the following settings and draw little curly lines like in the image:

Do the same but this time with the Dodge Tool:

Add light shadow and light with the same tool until you obtain a good result. This is the best result I could obtain in 5 minutes with the mouse not the graphic tablet.

Now lets add some more features. Add a card with the text “10/6 “ attached on the hat.

Copy this image THE_QUEEN by *QBit71

and resize it. Use the Clone Tool to gently hide the queen image. You can actually fix just half of the card the visible one . If is a really powerful tool.

Change the contrast a little and than use the Warp tool from the Edit - Transform – Warp.

Erase the bottom part and use the Burn/Dodge Tool to add a more old look to the card. Also add with the Burn Tool a shadow where the scarf meets the play card.

Add the text 10/6 , Georgia , Italic, 24 pt , Sharp, color#3e3522. Create 3 text layers one for each character. Rasterize the 3 text layers and with the the Dodge Tool try to lighten the color of the text on small areas to look more like it is written on the card and to blend even more.

Another thing is to add a hat accessory like in the image. Simple shape with Burn/Dodge Tool light accents and of course don't forget to add a black shadow opacity 35%.

Add lace to the hat. Copy this nice lace texture Lace 4 by *gild-a-stock and place it over the hat, remove the unnecessary part. Change the blending mode of lace layer to Soft Light 100%.

Use also the Dodge Tool in the indicated area but this time in the actual hat layer to make the lace pattern more visible!

Step 3 Apply Skin Smoothing

I forgot to do something. Select only the face area and copy paste it in another layer than add Surface Blur like in the image:

Step 4 Add the Neck Bow

Part 1Part 2Part 3

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

29 comment(s) for "The Mad Hatter from Alice in Wonderland Photoshop Tutorial"

John
7:00 AM Friday, January 07, 2011
Hi dude, love this tut! Your Mad Hatter looks really nice
I have added you to freeitsolutions directory reply
white
white
7:00 AM Monday, January 10, 2011
funny and nice effect. reply
PsdDude
7:00 AM Tuesday, January 11, 2011
Thanks I am really glad you like my mad hatter!!!
As for you Juraga thanks a lot for letting others to use your image, this work would not exist without your contribution!!! reply
Wayne
7:00 AM Wednesday, January 19, 2011
Great site and great work!! reply
bakoor osman
bakoor osman
7:00 AM Wednesday, January 19, 2011
awesome (*_*)
u don't have regular mind>>>
keep going n i think I understood it completely
thnx
BAKOOR reply
Caven Xu
Caven Xu
7:00 AM Tuesday, January 25, 2011
from another website to here,cool! reply
iapdesign
7:00 AM Wednesday, January 26, 2011
Very nice tutorial, I thought this tutorial will have lots of steps.. It's just 9 steps. that was sick..

thanks for this tutorial.keep it up! reply
Sally Erickson
Sally Erickson
7:00 AM Friday, January 28, 2011
You are very talented and generous to share your expertise. You open up a whole world of possibilities that I would not have realized. Thank you reply
PsdDude
7:00 AM Saturday, January 29, 2011
thank u so much, I am really glad u like it!!!! Alice and her wonderland is such a great inspiration for me! reply
marl
marl
7:00 AM Thursday, March 31, 2011
it is vey nice..i wonder if i can make one like that...its hard for me to follow the instructions because i am just starting to use photoshop..hhmm..i would b glad if you can help me psdDUDE..TNX..UR GREAT...
reply
PsdDude
7:00 AM Friday, April 01, 2011
thanks marl
try to follow steps of the tutorial, practice is the best way of learning
good luck :)

reply
Mary
7:00 AM Thursday, June 30, 2011
Thanks for sharing!! This is one of the most intersting tutorial I've ever made.

xoxo, Mary ? reply
PsdDude
7:00 AM Friday, July 01, 2011
this is really a great compliment
multumesc :) reply
Custom Logo Design
1:18 PM Wednesday, September 28, 2011
Awesome tutorial. Well defined steps.
Thanks reply
E.S.
E.S.
7:16 PM Sunday, October 30, 2011
I prefer to get my Photoshop tutorials from professionals. reply
seon
seon
12:07 AM Wednesday, June 20, 2012
many many thanks,
great job. reply
PSDDude
12:08 AM Wednesday, June 20, 2012
I am glad you like it! reply
george
george
4:19 AM Wednesday, July 18, 2012
nice job man
reply
jham
11:53 PM Tuesday, May 21, 2013
such a great tutorial :) I will definitely do this :D reply
sinfonia
sinfonia
7:48 AM Saturday, January 04, 2014
My daughter's name is Alicia, I would like to learn to do a tutorial like this, but with the character of Alice.
Thanks. reply
John
8:04 AM Saturday, January 04, 2014
You can try the Alice in Wonderland Photoshop tutorial reply
John
8:52 AM Monday, June 02, 2014
First you can use the Pen Tool draw the shapes. Than you can use the Dodge Tool and the Burn Tool and simply draw many lines(strands of hair) with these tools to create the effect. You can of course use the Brush Tool with different tones of orange.
I am not an expert on painting hair so, here is a quick tutorial on how to digitally paint realistic hair in Photoshop:
http://b0o-b0o.deviantart.com/art/Digital-Painting-tutorial-pt-2-40310699 reply
Bian
9:49 AM Friday, October 24, 2014
Hi, very good effect. But I'm stock at Step 7 The Hair. Use which tool to draw the shape? And how to color it with different texture like yours? reply
Free PSD Tutorials
1:30 AM Tuesday, December 23, 2014
nice tutorial buddy ;)... reply
Anita
Anita
1:30 AM Tuesday, December 23, 2014
This is a funny idea! Except the hair part that looks wrong, I really like your mad hatter ! reply
Business logo design
1:30 AM Tuesday, December 23, 2014
Great tutorial with useful steps. reply
Web Design Sheffield
1:30 AM Tuesday, December 23, 2014
Step by step excellence. Every detail is not left out. Great job man. Thank you for sharing this to us. reply
Kelly
Kelly
1:30 AM Tuesday, December 23, 2014
Here is another tutorial on how to Create an "Alice in Wonderland" inspired artwork with Photoshop:
http://www.photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/how-to-create-an-alice-in-wonderland-inspired-artwork-with-photoshop/ reply
Juraga
Juraga
3:00 AM Thursday, July 21, 2016
Oh dude, I've never looked that cool in my life!

Yeah, that's me... That's some epic work, bro! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to change season in Photoshop. Create a spring to autumn effect in Photoshop using simple ...
In this tutorial you will learn how to create lava or magma text effect in Adobe Photoshop using lay...
Create realistic snowfall effect in Photoshop using this free snow brush set. You have different sno...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...

      Rubber Stamp Generator Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Pixel Mix Artist Photoshop Action
top