85
Learn how to create this creepy gothic artwork in Photoshop! In this tutorial, you will learn how to create create a symmetrical background, add reflections, and warp a face so that it looks like a child. Try it out! Preview of Final Results How to Create a Surreal Gothic Artwork in Photoshop By Siiri Kumar (/author/siiri-kumar/) April 28, 2013 PHOTO MANIPULATION (/CATEGORY/PHOTOSHOP-TUTORIALS/PHOTO-MANIPULATION/)

How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Embed Size (px)

DESCRIPTION

How to Create a Surreal Gothic Artwork in Photoshop

Citation preview

Page 1: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Learn how to create this creepy gothic artwork in Photoshop! In this tutorial, you will learn how to

create create a symmetrical background, add reflections, and warp a face so that it looks like a child.

Try it out!

Preview of Final Results

How to Create a Surreal Gothic Artwork inPhotoshop

By Siiri Kumar (/author/siiri-kumar/)

April 28, 2013

PHOTO MANIPULATION (/CATEGORY/PHOTOSHOP-TUTORIALS/PHOTO-MANIPULATION/)

Page 2: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Resources

Gothic Lolita (http://kechake-stock.deviantart.com/art/New-Gothic-Lolita-1-

244033059) – Kechake-stock

Floor (http://skyesstock.deviantart.com/art/victorian-hardwood-148114680)– SkyesStock

Dress form (http://jinxmim.deviantart.com/art/Victorian-Fashion-Set-

201016763) – JinxMim

Clocks (http://jinxmim.deviantart.com/art/Pocket-Watches-211817922) –

JinxMim | Alternative (http://so-ghislaine.deviantart.com/art/Stocks-Clocks-

363054691)

White Rabbit (http://tilt-stock.deviantart.com/art/Rabbit-07-67240454) – Tilt-

Stock

Stormy Sky (http://evanescentstock.deviantart.com/art/Sky-Stock-12-

Page 3: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

99410830) – EvanescentStock | Alternative (http://www.sxc.hu/photo/530517)

Wall Crest (http://ashensorrow.deviantart.com/art/Wall-Crest-PNG-

140499597) – AshenSorrow

Texture (http://www.sxc.hu/browse.phtml?f=view&id=1369906) – SXC.hu

Step 1

Create a new file, 2000x2000px 300dpi.

Step 2

Now take the floor stock and paste it on the canvas.

Page 4: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Hit Ctrl + T and stretch it from the corners so that it’s large enough to cover it.

Page 5: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Then pull it down from the upper border to get a realistic-looking floor. Hit Enter to exit the

Transform.

Page 6: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 3

Now take the wall crest and place it in the middle. Resize if needed. Be sure to keep it on a separate

layer.

Page 7: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 4

Take the wallpaper tile and enlarge it so that you can see the pattern better. The wallpaper layer

should be under the wall crest layer.

Page 8: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Duplicate the tile (Layer > Duplicate Layer) and move it beside the first one – make sure there are no

gaps between tiles!

Page 9: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Merge the tiles together. (Select both layers on the layer palette and press Ctrl + E)

Step 5

Duplicate the layer with two tiles and place the duplicate under them. Again, look out for gaps where

the background is showing.

Page 10: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 6

Keep working on the pattern by duplicating and merging them the tiles together. You can also make it

a bit larger. (Ctrl + T and then stretch from the corners)

Step 7

Now the whole wall is done – but just to be sure, zoom in to 100% to make sure there are no spaces.

All tiles must be merged together on one layer.

Page 11: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 8

Go back to the wall crest layer and click on the area around the crest with the Magic Wand Tool (W).

You should have a similar selection. Make sure the contiguous box is checked when you select.

Page 12: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 9

Now go to the wallpaper layer and hit Ctrl + Shift + I and your selection will invert. Hit Delete to clear

the area inside the wall. Finally, press Ctrl + D to release the selection.

Page 13: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 10

Place stormy sky on a new layer under the crest. Resize it a little until the clouds look pretty.

Page 14: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

This is the result you should be seeing.

Page 15: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 11

For color correcting, go to Image > Adjustments > Brightness/Contrast and move the sliders to

settings shown (-150 and -35). Also move the Vibrance slider to -60.

Page 16: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 12

Now take the Burn Tool with settings provided and burn the areas marked with red.

Your wall should look like this now.

Page 17: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 13

Now to the floor layer. To get the colours match, go to Image > Adjustments > Hue/Saturation and

take Hue to -163, Saturation to -100 and Lightness to -43. Burn the red areas with previous Burn Tool

settings.

Page 18: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 14

Your floor should look like this now – with an annoying white gap.

Page 19: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Go to the background layer, hit D on your keyboard to get black as your main colour and take the

Paint Bucket tool (G) and paint the background black with one simple click.

Page 20: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 15

Go to Wall Crest layer and add a Drop Shadow layer style for the “window effect”. Then choose -85

and -63 as its Brightness and Contrast (Image > Adjustments > Brightness/Contrast).

Page 21: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Your room should look like this now.

Page 22: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

I darkened the sky very little bit.

Page 23: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 16

Open the model image and select her with the marquee tool. Press Ctrl + C to copy. Don’t select the

legs as she is going to be a creepy doll and people without legs intensify the “freaky” feeling. Paste

the model on top of all the other layers (Ctrl + V). Fun fact: the model is my best friend Birgitta,

wearing my graduation dress in an abandoned machine factory.

Page 24: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 17

Grab the Pen Tool (P) and make sure these settings are used. Carefully go over the outlines of the

model. I prefer the Pen Tool because it gives you effortless and fast selecting – and if you misclick,

you can just press Ctrl + Z and continue (unlike the Lasso Tool).

Page 25: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Leave the veil as is, it’s almost humanly impossible to cut it out (and it’s not the point of this tutorial

either).

Page 26: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 18

Here the ends meet – click on the first point to complete the path.

You will have a nice line that indicates your path is closed. Now right click anywhere on the image and

choose “Make Selection” from the drop-down menu. Make sure you use the settings shown for the

feather radius.

This is your selection now; hit Ctrl + Shift + I and then Delete. I usually press Delete twice.

Page 27: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 19

This is how it looks when cut out.

Page 28: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 20

Take the dress form and place it on a new layer under the model.

Step 21

Now select models head (since it’s an unimportant selection, you can use Lasso Tool – you don’t

have to worry about the exact edges etc). Then right click and choose “Layer via Cut” to behead the

model… for a few minutes. After that, press Ctrl + D to release the selection.

Page 29: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 22

Press Ctrl + T to enter Transform and make her head larger by stretching from the corners.

Page 30: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 23

Go to Filter > Liquify and enlarge her eyes with the Bloat Tool.

Page 31: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Add more doll features – tiny nose, small and full lips, pointy jaw.

Page 32: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 24

Retouch skin with the Healing Brush. A slight plastic-perfect look is even good here.

Page 33: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 25

Now go to the neck part and erase the sharp corners to make her neck really slender.

Neck looks like this now.

Page 34: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 26

Paint the gap by picking colours from the skin areas around the gap. You don’t have to be precise,

just make sure the lighting is right.

Page 35: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Merge the head and body layers together and use the healing brush to blend everything.

The cheeks looked strange so I went back to Liquify and fixed them.

Page 36: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 27

Looks like this…

Page 37: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 28

Time to colour correct the doll. Move the Vibrance slider to left (-50). Then go to Image > Adjustment

> Hue/Saturation and choose “Reds” from the drop down menu. Move the sliders to make the skin

more pale.

Page 38: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 29

The eyes have too little contrast. Use the Dodge Tool on Midtones and low Exposure (10-20%) to

lighten the areas painted blue; and the Burn Tool (also set to Midtones and low Exposure) to darken

the red areas. You should use a small brush, something around 5-15 px. Make sure it’s soft rounded.

Page 39: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Makeup enchanced!

Step 30

Page 40: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Looks like this so far.

Step 31

Create a new layer on top of the model layer and grab a soft round brush. Paint the red areas with a

greyish blue colour (#567190 is good, for example). Set the layer mode to Overlay.

Page 41: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Blue eyes.

Page 42: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step32

Create another new layer and paint the shape of the lips with a greyish pink tone (#84675d). Then set

the layer to Soft Light.

Page 43: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Pretty pink doll lips.

Step 33 (optional)

Page 44: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

If you have a tablet, take a slightly darker colour (like #756259) and paint the jawline. It’s not an

important step, but it helps to define the face.

Step 34

Now go back to the model’s layer and select the skirt with the Marquee Tool.

Page 45: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Go to Filter > Liquify and make the skirt more puffy by pulling it outwards.

Page 46: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Puffy skirt.

Step 35

Grab the Burn Tool, set it on low Exposure (20%) and burn the areas marked with red.

Page 47: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 35

Go to the dress form layer (aka legs) and make it darker.

Page 48: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Click anywhere on the area around the form with the Magic Wand tool (W).

Page 49: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Go to Select > Modify > Expand. Expand by 1px, click OK. Hit Delete. Press Ctrl + D to release the

selection.

Page 50: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Legs darkened.

Page 51: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 36

Go to the doll body layer. Go to Image > Adjustments > Replace Color and click on the dress so that

the image in the black box turns partly white, bringing out the black areas. Move the sliders so that

you get a bit different black hue.

Page 52: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Colours are matching better now.

Page 53: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 37

Go back to the legs layer and duplicate it. (Layer > Duplicate Layer).

Page 54: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Go to Edit > Transform > Flip Vertical.

Page 55: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Now move them to the bottom so that the ends meet and set layer opacity to 50%.

Page 56: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 38

Take the other pattern and create this shape by duplicating the tiles and merging them together.

Place the finished pattern on top of the model.

Page 57: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Set layer mode to Multiply.

Page 58: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 39

Go back to the model layer and click on the area around her with the Magic Wand Tool. Go back to

the pattern layer. Hit Delete to get rid of excess pattern. Press Ctrl + D to release selection.

Page 59: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 40

While still on the pattern layer, take a hard round eraser and erase the pattern from her sleeves and

hands.

Page 60: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 41

This is the dress with a nice pattern.

Page 61: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

I lowered the opacity to 65%.

Page 62: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 42

Take this watch and reduce its size.

Page 63: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Cut off the top with the eraser, pen tool, lasso… whichever you prefer.

Page 64: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Watch without top.

Go to Hue/Saturation, but this time select “Yellows” from the drop down menu and move the

Saturation and Lightness sliders all the way to left. Then lower Vibrance by -50.

Page 65: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Clock has now matching colours. However, it has a white border.

Step 43

Page 66: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Like with the legs, select area around the clock, go to Selection > Expand, but this time expand by

2px. Hit Delete. Press Ctrl + D to release selection.

No white borders!

Add drop shadow to the clock to make it blend in better.

Page 67: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Do the same with other clocks.

Step 44

Page 68: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Go back to the wallpaper layer and select this area with the Marquee Tool.

Right-click and choose “Layer via Copy”, then flip vertically (just like with the legs).

Page 69: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Set layer opacity to 35% for a slight reflection.

Page 70: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 45

Paste the rabbit on a new separate layer and resize if needed to keep realistic proportions.

Page 71: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Cut the rabbit out with the Pen Tool.

This how it looks with the rabbit… time to blend it in.

Page 72: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 46

Go to Hue/Saturation and make the yellow tones lighter by +100.

Page 73: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Take the Burn Tool, but this time set the range to “Shadows” and click a few times around the eye to

make it pop. Then take the Sponge Tool and choose “Saturate” from its drop-down menu. Click a few

times on the eye.

Page 74: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

For the shadow, create a new layer under the rabbit and using a soft round brush with black colour,

draw this shape. The larger your brush is, the smoother the edges of the shadow will be.

Go back to bunny’s layer and reduce Vibrance by -50. Also add some Brightness (+15).

Page 75: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 47

Now the reflection. It has to be very subtle. Go to Layer > Duplicate Layer and make a copy of the

bunny. Flip it vertically and place it under the white fluffy creature so that the noses touch.

Go to Edit > Free Transform and then click the little arch that appears to enter the warping mode.

Warp the reflection until the paws touch as well.

Page 76: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Go back to the bunny layer and select the paw. Right-click and “Layer via Copy”.

Flip it vertically and warp a little bit so that the paw on the reflection is flat. Then take a soft round

eraser and blend the paw in.

Page 77: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Darken the reflection’s stomach with the Burn Tool.

Lower the reflection layer’s opacity to subtle 25%.

Page 78: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Finally, add this Gradient Overlay.

Step 48

With bunny!

Page 79: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 49

Paste the wall texture on a separate layer right above the wallpaper layer. Resize it so that it fits the

area.

Page 80: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Texture is now set on Soft Light. I also desaturated it and set the Lightness to -15.

Page 81: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

With a slight reflection.

Page 82: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Step 50

Finally, colours! This is the fun part. Use settings provided and you should have a nice blue-toned

image.

Page 83: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Final Result

Page 84: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Tutorial by Siiri Kumari

I hope you liked it!

- Siiri Kumari

Facebook ﴾https://www.facebook.com/dialog/feed?

app_id=1467384270178882&display=popup&name=How+to+Create+a+Surreal+Gothic+Artwork+in+Photoshop&link=http%3A%2F%2Fgoo.gl%2FG2Qb2d&redirect_uri=https://www.facebook.com﴿

Twitter Google+ ﴾https://plus.google.com/share?url=http://goo.gl/G2Qb2d﴿

Pinterest E‐mail

Page 85: How to Create a Surreal Gothic Artwork in Photoshop _ Photoshop Tutorials

Advertise (/advertise/) Contact (/contact/) Privacy Policy (/privacypolicy/)Write for Us (/moneyphotoshop/)

Copyright © 2015 by Photoshop Tutorials (/).

Facebook ﴾https://www.facebook.com/dialog/feed?

app_id=1467384270178882&display=popup&name=How+to+Create+a+Surreal+Gothic+Artwork+in+Photoshop&link=http%3A%2F%2Fgoo.gl%2FG2Qb2d&redirect_uri=https://www.facebook.com﴿

Twitter Google+ ﴾https://plus.google.com/share?url=http://goo.gl/G2Qb2d﴿

Pinterest E‐mail

(-1/) Next Page » (/photoshop-tutorials/photo-manipulation/create-surreal-

gothic-artwork-photoshop/)

Page: 1 (/photoshop-tutorials/photo-manipulation/create-surreal-gothic-

artwork-photoshop/) 2 (2/) 3 (3/) 4 (4/) 5 (5/) Single Page