fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Alice in Wonderland drinking tea in the royal courtyard

Tutorials Photo Manipulation 41413 Views October 5th, 2010

As I have promised this is my second photo manipulation inspired by Alice in Wonderland Book. The new movie I haven't seen yet but I am still hoping. In today tutorial I will simply blend four Alice inspired images and adjust the color tones . It is a very simple to achieve effect without advanced photoshop skills. Lets start !

Advertisment

Symmetry is the keyword for this photo manipulation.... we have symmetric walls , symmetric exterior landscape and the girl is place strategically in the center of the photo. We also have items that are repeating like the tea cup, the key from the walls, the floor pattern , the trees....

In the center, the girl sits in a cup of tea and she is drinking tea from another cup. All in all we have a strange looking photo manipulation just the style for Alice in Wonderland.

Preview of the Final Image

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image Alice in Wonderland – Drinking Tea

Step 1

I am starting my photoshop images by drawing a simple sketch of the background and than add all the other items. Sometimes I draw an idea on a piece of paper and than scan it and import it into my photoshop file.

Of course that in the most cases the final result doesn't look at all with the first idea!

So I will start with the background, in fact with the opened room in which Alice stands. For that I need to types of textures;the blue one from the walls and the black and white texture from the walls and floor.

I will show you how simple it is to create your own pattern if you don't find the perfect one on the free internet resources.

Open a new psd file size 114/177 pixels as shown in the picture below.

I will simple draw a simple small rectangle, color #087883.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

As you can see I have also drawn some key shapes. For that use the Ellipse Tool for the round shape and the Pen Tool for the rest of the shape . Put the two shapes into a group or merge the two layers , as you wish. Than copy the key shape four times and place it like in the image. With a little bit of luck we've achieved a our own pattern.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

You can of course change the key shapes to give it a fancier look but I am fine with that one. Now the only thing that we need to do is to go to Edit – Define Pattern

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Also save this psd file.

Step 2

Open a new photoshop file 690/580 pixels. Draw an white rectangle. Go to the Blending Mode of this layer and check Pattern Overlay with the settings shown in the image below. Choose for the pattern the one that we have just created :

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

The pattern is ok but the perspective is not right. So create a new layer and call it Wall Layer . Go to Image – Apply Image. Now you have a flat image without Pattern Overlay attached.

Now we have to select with the Rectangular Marquee Tool half of this image. Press CTRL+X and CTRL+V and now you have two layers Wall Left and Wall Right.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Use the Edit – Transform – Skew option to give to the wall the right perspective like in the image attached:

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Step 3

Create a new layer and copy this photo into your psd file.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Chess by estherase

Delete the area from the back of the room. Now with the Pen Tool select part of the wall. Make sure that the path option is selected. Than right click and choose Make a Selection. Copy/Paste this part, duplicate it and than flip it horizontally. Move it to the right side. You should now have something like this.

I have also altered the perspective a little bit with the Skew Option.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Step 4

The floor is also obtained from the previous photo. Select the floor area like you did in the previous step and than duplicate it and flip it horizontally.

Now looking at the image a see a little anomaly , the lines from the chess wall patern are not vertical so I will skew it a little:

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

As you can see the floor has a wrong perspective due to duplication. So use the Skew to fix that.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

As you can see we have now the right side of the floor that is right but does not cover the hole image. Until I duplicate this right side I must complete the pattern. With the Pen Tool select a part of the floor and copy it in another layer.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Move this selection downwards and scale it to 125 %. You see that there is no difference. Once there is in place merge the two layers.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Duplicate it , flip horizontally, move to the left. Now merge the two sides. As you can see there is an empty space...try to fill it yourself using the techniques practiced before... you can use Warp from Edit – Transform menu.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Alice in Wonderland Room

The last thing that we have to do for now for this room is to add 2 little lines (color #04150d) to differentiate the chess patter from the key pattern of the wall. Use the Pen Tool for that.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Select all the layers so far and put it in a group called Room.

Step 5

Now it is time to add the Tea Cup by YaZzZz... into the scene. Copy the large size of this photo into your file. Now simply crop only the image of the tea cup. I use for that the Pen Tool (paths option, make selection, copy paste) as you can probably know if you read other tutorials written by me .

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

We have two problems with this image : the first is the size we need to scale it to 88 % and the other is color and tone.

As you can see there is a big discrepancy between the tea cup and the rest of the image; the tea cup image has a different light , a yellow tone one. For a realistic blending of the two images we need to lighten the tea cup image and lower the saturation level.

I will adjust this parameters from the menu Image – Adjustments – Hue/Saturation. Set the values like in the image:

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Step 6

Now copy his Photo of Alice by Rebecca Lader into your psd file. Crop Alice from the photo.

After loooong 10 mintues I have selected and cropped Alice . So it is better to Zoom In the photo to see all the details.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

So the Alice photo is in place, giving the impression that she sits on the tea cup edge. The only thing that I don't like is the color of the dress ... I want a color similar to the turquoise of the walls.

There are a lot of methods to play with colors : Color Balance , Hue/Saturation , Color Replacement and so on. I choose to work with Color Balance. Set the colors as shown in the image below. Make sure the Preserve Luminosity option is unchecked.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Now the only thing that I will do to this photo is to lower the saturation a little bit:

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Step 7

Add the tea in the Tea Cup. It is now time to fill in the tea cup.

For the tea texture I have found a really nice photo, The Perfect Cup by Campin' Guy .

So copy this photo into your file and rotate it like in the image.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Take the Pen Tool and start drawing a shape above the Tea Texture Layer to include the tea and part of the cup. The reason we do that is to maintain the tea texture intact , to look realistic.

Now right click and choose Make Selection and press CTRL+C and CTRL+V. Delete the photo and keep only the crop part with the tea texture.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Now we have to resize it a little to fit our tea cup. Edit – Transform – Scale:

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Still not exactly what we need especially in the bottom part. So hide the texture layer and with the same Pen Tool , paths , draw the shape of the interior of the tea cup.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Now select the Lasso Tool , right click on the selection and choose Select Inverse. Return to the Tea Texture Layer and press delete.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

One more step is to match the color of the tea cup with the color of the cropped tea cup. Use first the Eraser Tool , choose a soft round brush and erase as much as you can from the tea cup.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Use Hue/Saturation for matching fully the color:

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Step 8

I want Alice to sit inside the tea cup so I have to delete part of her legs ...sorry! So create shape with the Pen Tool, Make Selection , and press delete:

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Use the Eraser Tool with a softer round brush , small size, opacity 60 % and also Blur Tool same settings to adjust the area where the feet meet the tea.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image Step 9

Add the exterior background. I have found this really beautiful photo Alice in Wonderland by twenty_questions.

Place this photo behind all the layers in the right side. Duplicate this layer , Flip it horizontally and move it to the left side. Left a gap between the two photos. As you can see we now have two shadows coming from different sides as if outside are two sun. To fix that take the Clone Stamp Tool

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Use the same tool to close the gap. Use it for both layers to meet somewhere in the middle.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

So this is our background image so far with no textures.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Step 10

Because what you see in the back I want to be the walls of the Red Queen Castle I will put three red hearts on the walls:

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

Create 3 Custom Shape Hearts; color #c22f17, Stroke 1px color # 761611.

Merge the 3 shapes and change the layer blending to Overlay 60%.

Step 11

The texturing part is the last part. So take this beautiful Crack wall texture by K. OS and place it above all the other layers. Change the blending mode of this layer to Color Burn 100%.

Above this layer add anther texture Sand and stone texture by dog ma.

For this layer change the blending mode to Overlay 75%.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

I don't like that the tea cup is not looking very good. So duplicate the Tea Cup Layer and place it above the two texture layers. Change the layer blending mode to Overlay 100%. For an extra contrast take the Burn Tool , midtones and Dodge Tool and burn/dodge parts of the tea cup.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

What is a castle without flags? I have decided that I want to change a little the sky color and add 2 little flags to the castle. So I have found this photo on flickr Gediminas Casle by jaudrius.

Copy this image into your file and copy the image and flip it horizontally so that we have the same image in both sides. Merge the two images and change the blending mode of this layer to Color Burn 100%. Change carefully the castle area so that the image covers only the sky.

Another thing that I did was to Duplicate the Exterior Group and change the blending mode of the entire group to Screen 65 %.

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary image

If you want to add more contrast to other parts of the image, simply create a new layer above all the others. Go to Image – Apply Image and than you can burn / dodge the parts that you like; burn the interior of the room and dodge the exterior background.

I have also used Sponge Tool to Saturate Parts of the sky and trees and grass to add a surreal turquoise tone to the image!

alice-in-wonderland-drinking-tea-in-the-royal-courtyard tutorial intermediary imageAlice in Wonderland – Drinking Tea

18 comment(s) for "Alice in Wonderland drinking tea in the royal courtyard"

slegnama
7:00 AM Wednesday, May 12, 2010
Very interesting tutorial. Tanks. reply
slegnama
7:00 AM Wednesday, May 12, 2010
Very interesting tutorial. Tanks. reply
PsdDude
7:00 AM Wednesday, May 12, 2010
Thanks! I am glad you like it! reply
Rictor 13
Rictor 13
7:00 AM Wednesday, May 12, 2010
Very clear great job!!! reply
Laura aka twenty_questions
7:00 AM Tuesday, July 27, 2010
Hehe - nice work. Glad to see my pic of those trees in Morocco was useful! reply
PsdDude
7:00 AM Wednesday, July 28, 2010
Thank you for your beautiful photo Laura, perfect for Alice theme! I am really glad you like it! reply
Viki
7:00 AM Friday, July 30, 2010
Very helpful tutorial. Thank you Laura. Is there any other tutorial on how to add walls and floor on any image? I want to add depth in a wooden frame and inside it I will make a collage theme, but I can't make the depth effect. reply
PsdDude
7:00 AM Friday, July 30, 2010
Thanks Viki i am glad you liked my tut, but actually my name is Raluca :) Laura is the owner of one of the stock photos. For the depth effect i use transform tools such as Skew, Distort,Perspective, Warp ... there are relatively easy to use but for a reply
viki
7:00 AM Saturday, July 31, 2010
Sorry I changed your name! Ones more, thanks Raluca! It was very helpful. I'll practice on your tutorial immediately!!! reply
PsdDude
7:00 AM Sunday, August 01, 2010
:) no problem i am really curious to see the result maybe you send me the link. By the way did you do those handcraft works? They are really beautiful! reply
ezequiel zubko
ezequiel zubko
7:00 AM Thursday, August 05, 2010
wow man thanks, really love people that have the time to set this up for us to learn your techniques. wow thanks a bunch dude love it reply
PsdDude
7:00 AM Friday, August 06, 2010
Thanks dude! I am really glad u've found this tut useful. Be careful to create a shadow for the tea cup :) i have missed this important aspect! reply
viki
7:00 AM Friday, August 06, 2010
Well, take a look. With your help I made the wall effect and I made a 3d frame painting. http://a.imageshack.us/img714/1768/walleffect.jpg
http://a.imageshack.us/img690/280/screenshotnx.jpg It's not finished yet but you can see what it looks like. I reply
PsdDude
7:00 AM Tuesday, August 10, 2010
Well it looks really nice...i don't think the wall texture is the best choice; and the floor is not very realistic you can see that it has been distorted!
The idea and the final result look beautiful ! reply
boris
boris
7:00 AM Sunday, October 24, 2010
Wow that is a really creative image! reply
yawsis
yawsis
7:00 AM Wednesday, February 09, 2011
so like.so good. reply
Resimleri
7:00 AM Thursday, February 24, 2011
Great. Thanks very much. Amazing work. reply
losdanzanteseditores
losdanzanteseditores
9:06 AM Wednesday, April 18, 2012
wow, thanks! almost the same... reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
Here are some interesting product packaging solutions that might help promote and sell your items. Y...
What's inside our head? In this collection you will find creative Photoshop manipulation having the ...
In this Photoshop tutorial you will learn how to combine different fire and light effects to create ...
In this tutorial we are going to create a fruit pie typography in Photoshop. You can use any filling...

      Painted Wood Photoshop Actions
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top