Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

Posted on December 13th, 2008 under Abstracts,Photo Effect

In this tutorial, I will show you the processses involved in transforming an average photo into a mysterious dark portal to the underworld scene, inspired by the famous Playstation hack-and-slash game Devil May Cry.

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!

Here is a before-and-after comparison:

Before

fantasy ancient building original 500x329 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

After

fantasy ancient final 500x329 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

PSD File for this Tutorial

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

Ok let’s get started!

Step 1

Download the above “Before” image and load it into Photoshop. On the background layer, use curve tool to adjust the lighting contrast a bit. See below for detailed settings:

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

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:

2 black and white Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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:

2 effect so far3 500x327 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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:

3 black and white1 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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

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

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.

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

The effect so far looks like this:

3 effect so far 500x328 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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:

4 after lasso cloud 500x287 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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:

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

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

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

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

4 effect so far1 500x327 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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:

5 brush 500x29 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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:

5 effect so far2 500x320 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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:

fantasy ancient final 500x329 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

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.

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • http://www.photoshoplady.com/forums/photo-editing-tutorials/160-make-devil-may-cry-insipred-dark-portal-scene-photoshop.html#post533 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop – Photoshop Lady Forums

    [...] Give it a go! Here is a before and after comparison: Before After Please click here to view this tutorial on my website. If you have any question, simply drop me a line on the post. [...]

  • http://www.tutorialvault.net Tutorialvault
  • http://www.malayatoday.com/blog/2008/12/50-spectacular-textphoto-effects-photoshop-tutorial/ malayatoday – online resource ALMOST for everyone » Blog Archive » 50 spectacular text&photo effects photoshop tutorial

    [...] A Devil May Cry Effect [...]

  • Kirsten Noelle

    This was really good, I used this for my graphic art 20 class [grade eleven] : ] This is brilliant. : D The only thing though is I had a little trouble doing step three, with the duplications, the wording was slightly confusing, other than that, thanks a bundle. Sincerely, Kirsten Noelle

  • http://www.jamesqu.net James

    Hi Kirsten~ Glad to see you enjoy this tutorial!

    WIth step 3, simply duplicate the background layer, then put the duplicated layer above all other layers.

    Hope this helps :)

  • http://www.goldpreise.biz/altgold.html Altgold

    Hi there I like your post

  • http://www.dannykorf.com/ Danny Korf

    This looks really great, i’ll make this when i get home and put it on my portfolio http://www.dannykorf.com/

  • http://www.myspace.com/raggamanvibez RAGGAMAN!!

    Sempre molto macabri i vostri tutorial no??
    Comunque BIG UP!!

  • http://www.psaddict.com psaddict
  • BRI

    i could never get the curves perfect and my clouds dont look very good. i did different feather settings on the lasso tool but nothing really worked. The begger areas of cloud still look like big plain clumps of cotton candy. I dont understand what i’m doing wrong. Could you please help me out?

  • http://chinmayherwadkar.tk Chinmay

    Not looking realistic the one with Eiffel Tower was amazing….

  • http://www.uprinting.com/Business-Cards.html Business Card Printing

    BRI, If you are not satisfied with the clouds, you could just apply the render clouds again until you achieve the desired effect.
    Thanks for posting another tutorial worth trying out!

  • http://www.breedenandsilver.co Amana PTAC

    Brilliant!

  • http://www.miraztutorials.com huwaw69

    the last part is quite hard to make but thanks again for a great tutorial

  • http://www.ubervu.com/conversations/www.psdvault.com/photo-effect/make-a-devil-may-cry-insipred-dark-portal-scene-in-photoshop/ uberVU – social comments

    Social comments and analytics for this post…

    This post was mentioned on Twitter by tutengine: Make a Devil May Cry Insipred Dark Portal Scene in Photoshop http://bit.ly/56dN0E #photoshop @psdvault…