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»Photo Effect»Design a Dark Surreal Urban Scene with Space Brush in Photoshop
Photo Effect

Design a Dark Surreal Urban Scene with Space Brush in Photoshop

By Valentin PetroffNovember 21, 20235 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

In this tutorial, I will show you the steps I took to Design a Dark Surreal Urban Scene with Space Brush in Photoshop. This is an intermediate tutorial so some steps can be tricky, but why not have a try :)

The PSD file of this tutorial is available via the PSD Vault VIP members area.

Along the way, I will show you a few simple photo manipulation skills that might be useful for your future design, including some lighting tricks and image adjustment techniques.

Here is a preview of the final effect: (click to enlarge)

PSD Vault VIP Membership

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 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!

Ok Let’s get started!

To complete this tutorial, you will need the following stock: (registration required for those images)

Office Building

Man in Suit

Space Brush-set

Step 1

Create a new document sized 800px * 1187px with black background. Load the office building image into Photoshop and cut out the building portion of the image, paste it onto our document, resize and position it as shown below:

Now we want to fade the edges of the building a bit so it blending into the background. So load the selection of this building layer, hit Ctrl + Alt + R to bring up the refine edge tool, apply the following settings:

Apply the refine edge settings, then inverse the selection and clear it, now you will have a slightly fade-in edge for the building:

Now use the blur tool with around 30% strength, blur the following areas: (this will shift the focus to the man and the upper side of the building)

Add the following image adjustment layer to the building layer as clipping mask:

Black and White

Levels

Layer mask on the Levels adjustment layer:

Curves

and here is the effect so far:

Step 2

Optional step: now we can add some little spot light effect around the building – you can use a soft white brush and basically do a few simple clicks to the positions shown below: (make sure you adjust the brush tip size as you go)

Now load the Business Man stock image into Photoshop and cut out the man, paste it onto our document on top of all previous building layer, resize and position it as shown below:

Add the following image adjustment layer on the man layer as clipping masks:

Black and White

Levels

Mask on the Levels adjustment layer: (As you can see, I used the eraser tool to remove the man’s body edge on the level adjustment layer – this will produce a highlight effect on the edge, as if there is a light source in front of the man.)

Curves

and here is the effect so far:

Step 3

Now let’s add a big planet on the night sky. Create a new layer below the building layer and use the elliptical marquee tool to draw a circle on the top right corner of the canvas:

Load the space brush we downloaded in Photoshop, pick a brush from the pack:

Use this brush to paint some pattern inside the selection:

Use a soft eraser to remove the edges around the planet as shown below:

Create a new layer under this planet layer, use the space brushset to further paint some nebula pattern around the sky:

Step 4

Now we have done the majority of the work about combining images. We can focus on adding some details on the image. I decided to add some rainy effect with this technique I described in another tutorial here on psdvault.com:

I also created a new layer under the man’s layer, and used a soft white brush with a 20% flow and opacity to add some lighting effect around the man’s body:

I also added a few splashing effect with the spatter brush (around 30% flow and opacity) around the shoulder areas and arms:

Use the spatter brush to paint some water splash effect on the man’s shoulder – use a soft eraser to remove unnecessary bits as you paint:

Step 5

We’re almost done :) I decided to flatten the image then duplicate the background layer, then applied some smart sharpen effect via Filter > Sharpen > Smart Sharpen effect to the duplicated layer:

Of course we don’t need the entire image to the sharpened, so I added the following layer mask to it for hiding some parts of this sharpened layer:

Alternatively, you can experiment the unsharpen mask filter for some comic effect:

I also added a new colour layer (blending mode set to “color dodge”) and painted some cyan/light blue colour onto the areas shown below:

and here is the final effect of this tutorial: (click to enlarge)

That’s it for this tutorial! Hope you enjoy this tutorial and find it useful! Till next time, have a great day!

dark urban scene surreal urban scene photoshop urban space photoshop
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Valentin Petroff
  • Website

My name is Valentin Petroff and I am a freelance graphic designer specializing in retouching and photo manipulation. As a graphic artist I always try to use maximum of my imagination, to improvise and to experiment with different techniques.

Related Posts

How to Create Stunning Cityscape Portraits in Photoshop

July 1, 2025

How to Create Epic War Scene in Photoshop

June 30, 2025

Create Fiery Dragon Ravaging Mountain Village Scene in Photoshop

June 27, 2025

10 Comments

  1. syd hardy on June 6, 2011 7:44 AM

    As a relative newbie to all things wonderful with photoshop, your tutorials add to my enjoyment! So inspiring and thoroughly helpful. I am delighted i subscribed.
    My Kindest Regards

  2. hamoon on June 7, 2011 10:55 PM

    i wish you put this image for free in this site.cuz we cant buy this stock photos in iran.

  3. James Qu on June 8, 2011 5:34 PM

    @hamoon: the majority of images used in tutorials here are free. With only a few exceptions.

  4. ashely on June 10, 2011 8:30 AM

    love the tutorials! you should check out this artist she has a similar style! i love her!
    http://www.redbubble.com/people/krystalc

  5. rajasegar on June 13, 2011 3:19 PM

    Great tutorial and techniques well explained!
    Thanks for sharing…
    Bookmarked & Featured in Tutorials of the Week!!

  6. psddude on September 17, 2011 8:36 PM

    the result is awesome, great tut!

  7. THOPPP on December 28, 2011 9:02 AM

    Fantastic tutorial !! easy to follow :D great share

  8. kiiid on January 7, 2013 5:48 AM

    the pictures are not free…

  9. Hamadah Elsaudi on May 14, 2013 3:05 PM

    coool

  10. Jenni on February 24, 2014 2:05 AM

    Thank you for this thorough and easy-to-follow tutorial, it helps very much. What I like about this tutorial the most is that it actually helps me to understand some tools and techniques, so that I can apply what I learnt to my own designs quickly.

Don't Miss

Why Learning Non-Destructive Editing is a Must for Every Photoshop Beginner

July 5, 2025

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

July 4, 2025

How to Effectively Change Hair Colour in Photoshop

July 2, 2025

For Beginners

Basics

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

By Lana WilsonJuly 4, 20256 Mins Read

How to Effectively Change Hair Colour in Photoshop

July 2, 2025

How to Use “Find Distractions” Feature in Photoshop for Easy Photo Clean-up

June 28, 2025

Photoshop June 2025 Update: Master New Features in Version 26.8

June 21, 2025

You May Also Like

Photo Effect

How to Create Stunning Cityscape Portraits in Photoshop

By James QuJuly 1, 20255 Mins Read
Photo Effect

How to Create Epic War Scene in Photoshop

By James QuJune 30, 20255 Mins Read
Photo Effect

Create Fiery Dragon Ravaging Mountain Village Scene in Photoshop

By James QuJune 27, 20254 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}