web design

Final Image

As always, this is the final image that we’ll be creating:

If you want access to the downloadable .PSD file for this, and every other tutorial at PSDFAN, then join our members area for just $4.95 per month.

Images Used

The following images were used in the making of this tutorial:

Lion Statue

Steps

Curtain

Victorian Woman

Victorian Man

Victorian Gentleman

Light

Pillar

Hanging Curtain

Old Paper Texture

Step 1

Create a new document (1000X600px). Then paste in your photo of a theatre curtain.

Step 2

Now we want to make the curtain more intense, yet also more retro feeling.

STEP A:

First I go to levels and apply the settings shown below. By moving the left and middle sliders to the right, the shadows of the curtain are emphasized, which gives it overall more intensity.

STEP B:

Now I go to image>adjustments>hue/saturation and reduce the saturation and lightness. This is to try and achieve a more retro feel, through the use of washed out colored, creating a dusty, worn look.

STEP C:

Now to really create an old, dusty looking curtain, I go to image>adjustments>color balance and apply the settings shown below:

RESULT:

Step 3

Now create a new layer called ‘clouds’. Go to filter>render>clouds. This will render clouds over your entire canvas. However, we want the clouds to only be in the center of the stage, and to gradually fade out towards the edges of the piece.

To achieve this, we require a layer mask. Go to layer>add layer mask>reveal all. Now select your gradient tool, and choose a white (0% opacity) to black (100% opacity) radial gradient. Drag this gradient out from roughly the center of your canvas towards one of the edges. This will create a ball of cloud in the center of your canvas.

Finally, to make the clouds blend better with your curtain, change your ‘clouds’ layers blend mode to ’soft light’.

Step 4

Now cut out and paste in an image of a lion statue. I cut out this image using the lasso tool, but the pen tool works equally well. Position the lion statue in the bottom left area of your canvas, and then duplicate this layer, go to edit>transform>flip horizontal and position the flipped statue in the bottom right area of your canvas.

Step 5

Now merge down the top lion layer, so that both of your lions are on one merged layer.

I want to make the lions more intense. The colors and saturation appear OK, so I just go to image>adjustments>levels and alter the levels slightly, to add more shadow to the statues.

Step 6

Now paste in a pillar behind your left lion layer. Duplicate it, and move the duplicate to behind the right lion.

Step 7

Just like with your lion layers, merge your two pillar layers together.

Then apply the levels setting shown below to make your pillars more intense.

Step 8

Now I paste in an image of a tied back theatre curtain. I position it on a new layer, beneath my pillar and lion layers. You can see from the first image below that the photo does not extend far enough downwards to cover the area between the lion and pillar. To fix this, I use my rectangular marquee tool to select the area of curtain below the gold tie, and then go to edit>transform>scale and simply drag the bounding box downwards.

Finally, I go to filter>sharpen>sharpen (with my bottom area of curtain still selected). This is because transforming this area of curtain led to it becoming slightly blurred, and I wanted it looking as sharp as the upper area of curtain.

Step 9

Now merge your two tied curtains layers together. We want to blend these curtains with the rest of the piece, specifically the main backdrop curtain.

STEP A:

Start by going to image>adjustments>hue/saturation:

STEP B:

Then go to image>adjustments>levels and apply the settings shown below:

STEP C:

Go to image>adjustments>color balance and apply the following settings:

STEP D:

You should end up with a final result like this:

Step 10

If you look at our image so far, the tied back curtains are certainly an improvement on before, but sometimes initial blending just doesn’t cut it. To improve them further, I go back to hue/saturation settings and adjust them again:

Step 11

Now paste in an image of some steps behind your lions layer.

Then go to image>adjustments>levels and apply the settings shown below:

Step 12

Looking at the join between the lion statue’s bases and the steps, it’s a little too uniform. To make it more jagged and thus realistic, I select the lions layer, and use the lasso tool to select/delete a jagged edge.

Step 13

Create a new layer called ‘cloud front’. Go to filter>render>clouds. Then, just as you did with the clouds in front of your main curtain, apply a layer mask, and then fade out the edges of the clouds using a white-black radial gradient. Make a ball of cloud in front of the left lion statue. Create a new layer called ‘cloud front 2? and repeat these steps, creating the clouds in front of the right statue.

Then change both layers blend modes to ‘hard light’. This should create a subtle, but visible mass of clouds in front of each statue.

Step 14

Now paste in three photos of Victorian characters. I cut them out using the lasso tool, but again, the pen tool is equally suitable.

Position the characters at the top of the stairs.

Step 15

Now apply some text to the center of your back curtain. I used the font ‘Dirty and Classic’ and the color B2826C. Then I changed my layer blend mode to ‘color burn’ and reduced the opacity to 60%.

I want to make the text less flat, and more fitting to the wavy shape of the curtain. To do this, I go to filter>distort>ripple and apply a ripple effect (amount: 60%).

Step 16

Now add some more text and a symbol to your curtain. Make sure to make them all the same color, and then change each layer blend mode to ‘color burn’ and apply the same ripple filter.

Now use a rough eraser brush to erase parts of your text, creating a more grungy appearance.

Step 17

Now paste in a photo of a light. Position it on the edge of the left lion statue. Then duplicate it, and move the duplicate down the edge of the statue. Go to edit>transform>scale and shrink the duplicate light very slightly. Repeat this to create a third, smaller light. This should give the illusion of perspective, as a line of lights line the statue, each appearing smaller as it gets further away from us.

Finally, merge these three layers, and duplicate the merged layer. Then go to edit>transform>flip horizontal and move the flipped row of lights to the opposite statue. Then merge this layer with the left row of lights layer.

Step 18

Now select your merged lights layer, and apply the levels and hue/saturation settings shown below:

Step 19

Now create a new layer called ‘light beams’. Create a selection using your lasso tool, that spans out from the far left light, in the rough shape of where light would be pointing. Be sure to expand your ‘light beams’ area as you get further away from the light source.

Then, with your selection in place, go to filter>render clouds.

Then go to filter>blur>gaussian blur, and apply a blur of 9.5 strength.

Step 20

Now change your ‘light beams’ layer’s blend mode to ‘linear dodge’ and reduce it’s opacity to 40%. Then use a large, soft eraser brush to eraser the very end of the light beam, so that it gently fades into the background curtain.

Step 21

Now duplicate your light beam and place it over each one of your lights (including the lights on the opposite side, by flipping it).

You may notice that where all of the light beams connect is overly bright, detracting from the rest of the image. To fix this, I simply erase this area using a large, soft, low opacity eraser brush.

Step 22

Clearly with so much lighting pointing towards our actors, they would cast a shadow on the back curtain. Fortunately we are going to construct one!

To do so, ensure that all 3 of your actors have been merged to be on the same layer. Then duplicate this layer, and move the duplicate beneath the original. Then go to blending options and apply a black color overlay.

Then go to edit>transform>distort and distort your shadow layer so that the shadows follow the path of your light beams.

Finally, go to filter>blur>gaussian blur and apply a 9.5 strength gaussian blur to your shadow layer.

Step 23

Now reduce your shadow layer’s opacity to 60%. Then duplicate it, flip it horizontal, and move the duplicate to fit the path of your other set of light beams.

Step 24

Now create a new top layer called ’shadows’. Select a medium sized, soft black paintbrush (5% opacity), and set it to ‘color burn’ mode.

Then proceed to brush over areas that you feel require more shadow. This step is very important in shaping your overall image. I can’t provide too many specific instructions, but simply pay attention to your light sources, and overall composition. In this piece most of the light is in the center of the piece, so try to add more shadows to the edges of the canvas. Similarly, shadows can further the depth of the piece, so try to add more intense shadows in the back drop.

You can see my brush strokes in the image below, as well as the result:

Step 25

Now, you guessed it, create a new top layer called ‘highlights’. Repeat the same steps as Step 24, but this time use a white paintbrush, and set your blend mode to ‘normal’. Also reduce your brush opacity to around 2-3%.

I’ve indicated my brush strokes by showing them against a black background. As you can see, they’re very subtle, and focus mainly on the pillar areas, making them stand out more in the foreground, and helping to round them more.

Step 26

Now paste in an old paper texture that covers your entire canvas. Change the layer’s blend mode to ‘multiply’ and reduce it’s opacity to 50%. This should give your piece an even older feel, and tie it all together nicely.

And We’re Done!

I really hope that you enjoyed this tutorial and would love to hear your feedback!

If you want to view the full sized final image, then click here:

FULL SIZED FINAL IMAGE.

Wood Textures

You can view the textures below, and can download the full sized textures at the bottom of this page.

Download Them Free

You can download the full-sized textures totally free using the link below:

Free Wood Textures Set

License: Creative Commons Attribution

The Author

These textures were provided by Andre Oliveira, a talented photographer and artist. You can see more of his work at his DeviantArt Page or Behance Page.

Final Image

As always, this is the final image that we’ll be creating:

If you want access to the downloadable .PSD file for this, and every other tutorial at PSDFAN, then join our members area for just $4.95 per month.

Images Used

The following images were used in the making of this tutorial:

http://www.sxc.hu/photo/886020

http://www.sxc.hu/photo/1145386

http://www.sxc.hu/photo/1173255

http://www.sxc.hu/photo/1114569

Step 1

Create a new document (600X700px).

Paste in a rough looking texture. I chose one of the ‘color fog’ textures available right here at PSDFAN. You can download the entire texture set here: Colored Fog Texture Set. Stretch your texture to fit your canvas perfectly, and then call this layer ‘background texture’.

Step 2

Now go to image>adjustments>hue/saturation. Reduce this layer’s saturation to -80.

Step 3

Now go to image>adjustments>levels and apply the settings shown below. Reduce the layer’s opacity to around 20%.

Step 4

Now paste in a photo of some clouds, and place them at the top of your canvas. Remove the original sky background using the pen tool (or magic wand tool if it’s a solid color). This leaves only the cloud. Then duplicate this layer, and go to edit>rotate>rotate 180 degrees. Move this rotated cloud to the bottom of your canvas. Then merge these two layers together, and call the merged layer ‘clouds’.

Step 5

Now change your ‘clouds’ layer’s blend mode to ‘hard light’. Then duplicate this hard light layer and merge the two layers together. Reduce the opacity of this merged layer to 85%. Then go to image>adjustments>desaturate to grayscale the layer.

Step 6

Now select a texture from our Concrete Textures Set and paste it onto a new top layer.

Then change this layer’s blend mode to ‘multiply’ and reduce it’s opacity to 20%. Go to image>adjustments>hue/saturation and reduce your saturation to -85. If you feel that it’s necessary, go to filter>sharpen>sharpen, just to really bring out the details of the texture.

Step 7

Now create a new layer called ‘color gradient overlay’. Drag a linear gradient down vertically across your canvas. You can see the gradient that I used below. Then change this layer’s blend mode to ’soft light’.

Step 8

Now create a new layer called ‘gradient fade’. Use your rectangular marquee selection tool to create a thin, rectangular selection. Then fill this selection with a white to transparent linear gradient (going across the narrow width of the selection). Then change this layer’s blend mode to ‘overlay’. Go to edit>transform>rotate and rotate the gradient to fit nicely across the top clouds in your canvas.

Step 9

Now duplicate this layer twice, moving each duplicate to a different part of your canvas, and rotating it, to make the gradients positioning appear random. Finally, merge all of your ‘gradient fade’ layers together, and use a large, soft eraser brush at a low opacity to erase their harsh edges (letting the end of each shape fade naturally into the main background).

Step 10

Now paste in an image of a girl jumping. This image was quite time-consuming to cut out, but it’s worth spending the extra time to get a good cut out. You can use either the lasso tool or pen tool to cut out your woman.

Step 11

Go to image>adjustments>levels and apply the settings shown below:

Step 12

Now go to image>adjustments>color balance and apply the settings shown below. This should help your woman blend better with your background.

Step 13

Now go to image>adjustments>hue/saturation and reduce your woman’s saturation to -25.

Step 14

Now cut out a photo of a bird wing, and paste this over your woman, joining the wing to her back. I also rotated the wing to make the angle more realistic, and went to filter>sharpen>sharpen to bring out the detail of the wing, as the original photo was a little blurred.

Step 15

Now use your eraser brush, and smudge brush, to gently blend the wing into the woman’s back. Then reduce your wing layer’s opacity to 0%, and use your lasso tool to cut away parts of the wing that are overlapping the woman’s hair. Then, with your hair selection in place, bring the wing layer’s opacity back up to 100%, and hit delete. This will give the impression that the woman’s hair is in front of the wing.

Step 16

Now go to image>adjustments>levels and apply the settings shown below. This will make the wings more intense.

Step 17

Go to image>adjustments>color balance and apply the settings shown below:

Step 18

Now duplicate your wing layer, and move the duplicate below your ‘woman’ layer. Go to edit>transform>rotate and rotate it so that it appears to be behind/beneath your original wing. Then go to image>adjustments>brightness/contrast and reduce your brightness to -60, and your contrast to -40.

Step 19

Now select your original wing layer and go to blending options. Apply a subtle drop shadow (settings below), in order to help give your piece depth.

Step 20

Now paste in a photo of a feather. In this example, the feather has a plain black background. There is far too much detail in the feather to cut it out using the magic wand, or pen tools, so we must use the color range tool.

First hide all layers apart from your feather layer. Then go to select>color range. And choose ‘reds’ and your color range. This will select only the red parts of your layer (i.e.: your feather).

Now hit ‘OK’ and then copy/paste your selection onto a new layer called ‘feather’. I wanted to make my feather slightly more bold, so I duplicated this layer, and merged it down with the original.

Step 21

The feather is obviously the wrong color to match the rest of our piece, so I go to image>adjustments>hue/saturation and apply the settings below:

Step 22

Then I go to image>adjustments>levels and apply the settings below:

Step 23

To finish up, duplicate your feather layer MANY times, and resize/rotate each feather, to give the impression that feathers are falling from the wings. To create a cool perspective, make the feathers that are nearer to you much larger, and apply a gaussian blur effect. Apply a lesser blur to those feathers in the ‘mid range’ of perspective, and no blur to the smaller feathers that are nearest to the angels wings.