Thursday, January 1, 2009

Make a Devil May Cry Inspired Dark Portal Scene in Photoshop

The techniques used in this tutorial include layer blending styles, various image adjustment tools, filters and some basic selection techniques. The steps are very simple and straight-forward. Give it a go!

Step 1

Download the image and load it into Photoshop.

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 1

On the background layer, use curve tool to adjust the lighting contrast a bit. See below for detailed settings:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 2

Step 2

Duplicate the background layer once, then hit Ctrl+Alt+Shift+B to bring up the the Black and White image adjustment tool, apply the following settings on the duplicated layer:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 3

After applying Black and White, right-click on the layer and choose "Blending Option", change the layer blending option of the duplicated layer to "Saturation".

So far the effect looks like:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 4

Step 3

Now we add some glowing light on the stone pillars. Duplicate the Background layer once more, and the duplicated layer above the previous duplicated layer in Step 2. Apply the Black and White image adjustment on this layer, using the following setting:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 5

After Black and White, go to filter > blur > Gaussian Blur and apply the following settings:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 6

After applying gaussian blur, change the layer blending option to "Screen" and set the layer opacity to about 70%.

Optional: You may apply the Curve Tool (Ctrl + M) on this layer if you wouldl like to adjust the colour constrast.

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 7

The effect so far looks like this:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 8

Step 4

Now we want to create some cloud/mist inside the archway so it looks like a portal to the underworld and add some extra CG effect.

Create a new layer named "cloud" on top of every other layer, use the Lasso Tool with a 15-20px feather, select the six archways respectively. (To do this, you need hold down the Shift key while selecting)

Fill the selection with Black and go to Filter > Render > Cloud and render some cloud:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 9

You can repeatly hit Ctrl + F to re-render the cloud untill you're happy with it.

After rendering cloud, hit Ctrl + L to bring up the Level Tool, apply the following settings:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 10

Then hit Ctrl + M to bring up the Curve Tool, apply the following settings:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 11

Optional: You may use the Clone Stamp Tool to clone some clouds and fill the empty gap.

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 12

Step 5

Now we can add some colour to the image. Create a new layer and set the layer blending option to overlay. Grab a big brush and change its setting as the following:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 13

To make the Devil May Cry Theme, I Chose a Dark red colour and brush over the cloudy part of the image:

The effect so far looks like this:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop image 14

Ok! That's it for this tutorial. You may still want to adjust its Hue and Saturaton a bit more, or simply add some more lighting effects to it.

Here is my final image for this tutorial:

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop Tutorial: Final Result

Hope you enjoy this tutorial and if you have any question, just drop me a comment below.

PS: I used a lot of Keyboard shortcuts in this tutorial. The reason is that I think it's a good idea for a beginner to practice some shortcuts and later on you will form this habit and increase your work efficiency.