Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Abstract»Make a Devil May Cry Insipred Dark Portal Scene in Photoshop
Abstract

Make a Devil May Cry Insipred Dark Portal Scene in Photoshop

By James QuDecember 13, 20084 Mins Read
Share
Facebook Twitter LinkedIn Pinterest Email

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

After

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

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:

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:

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:

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:

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

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.

The effect so far looks like this:

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:

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:

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

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

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:

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:

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:

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.

beginner dark effect fantasy photo
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience based in Australia. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

How to Create Double Exposure Photos in Photoshop (Easy Tutorial 2025)

September 27, 2025

How to Use Reference Image AI Feature in Photoshop

September 26, 2025

AI Portrait Lighting in Photoshop: Adjust Moods in Seconds

September 20, 2025

12 Comments

  1. Tutorialvault on December 15, 2008 12:57 AM

    Added to http://www.tutorialvault.net

  2. Kirsten Noelle on December 18, 2008 7:58 AM

    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

  3. James on December 18, 2008 11:50 PM

    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 :)

  4. Altgold on December 25, 2008 2:36 AM

    Hi there I like your post

  5. Danny Korf on January 3, 2009 3:01 AM

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

  6. RAGGAMAN!! on January 9, 2009 10:27 AM

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

  7. psaddict on January 9, 2009 7:11 PM

    Added to http://www.psaddict.com

  8. BRI on January 30, 2009 6:20 AM

    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?

  9. Chinmay on March 17, 2009 8:50 PM

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

  10. Business Card Printing on April 4, 2009 2:47 PM

    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!

  11. Amana PTAC on April 9, 2009 2:32 AM

    Brilliant!

  12. huwaw69 on May 11, 2009 11:03 PM

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

Don't Miss

How to Refine Adobe Firefly Generations Directly in Photoshop with Firefly History

October 4, 2025

Curves or Levels: Choosing the Right Tool for Stunning Edits

September 28, 2025

How to Create Double Exposure Photos in Photoshop (Easy Tutorial 2025)

September 27, 2025

For Beginners

Basics

Curves or Levels: Choosing the Right Tool for Stunning Edits

By Lana WilsonSeptember 28, 20255 Mins Read

How to Read Photoshop Histograms for Beginners

September 19, 2025

How to Master Auto-Blend Layers in Photoshop for Stunning Image Blending

September 13, 2025

10 Genius Tips to Master Photoshop’s AI Object Selection Tool

August 30, 2025

You May Also Like

Photo Effect

How to Create Double Exposure Photos in Photoshop (Easy Tutorial 2025)

By James QuSeptember 27, 20254 Mins Read
AI

How to Use Reference Image AI Feature in Photoshop

By Mario TeodosioSeptember 26, 20254 Mins Read
AI

AI Portrait Lighting in Photoshop: Adjust Moods in Seconds

By James QuSeptember 20, 20253 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2025 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}