The Dark Knight wallpaper

In this tutorial I`m gonna show you how to create an amazing Dark Knight wallpaper in Photoshop.This is a simple tutorial from where you`ll learn how to blend very easily two images.

Have a look!

What are we making:

Let`s get started…

For this tutorial i used a couple of images,so first step is to download the photos:

The Dark Knight



Load the City image into your Photoshop

Duplicate the layer and apply the following Gaussian blur:


We can give this photo a blue gradient effect. Go to Layer > New Adjustment Layer > Gradient Fill, apply the following gradient settings(the colors are from left to right:#000a18,#010713,#0f2231,#192b39,#2c4154,#476774,#c7ddea) and change the blending mode for the gradient layer to Soft light:



Then change the color a little bit by adding the next settings:

Hue/Saturation(Layer->New Adjustments layer->Hue/Saturation):


Color Balance(Layer->New Adjustments layer->Color Balance):


Brightness/Contrast(Layer->New Adjustments layer->Brightness/Contrast):


Our image should look like this:


Next step is adding some clouds and make them to look a little foggy

Load the “Clouds” image into Photoshop select the clouds from the image and add them into the project:

Position the clouds like in the image:

For the clouds layer,make them a mask(Layer->Layer Mask->Reveal All) and using the Airbrush soft round,make the margins of the clouds to look smoother:

Now,lowing the opacity of the brush,make the clouds to look like fog,like in the next image:

Let`s giving the clouds a blue color:

Go to Layer->New Adjustments layer->Color Balance and apply the next settings:


Then go to Layer->New Adjustments layer->Brightness/Contrast and apply the next settings as well:


Merge those layers(clouds layer,color balance layer and brightness/constrast layer) and our image should look like this:


To make the clouds to look more blue coloured,duplicate the new clouds layer and set the blending mode for the new layer to Soft light.This is the result:


Let`s add a moon in the top-left corner.I`ve found some moon brushes on the internet and used one of them in my project,but you may use what moon you like.


Now,insert “The batman” photo into the picture.Using the Pen tool,make the selection of the batman and place him like in the picture:


Now let`s add more fog on our picture.I`ve found some Fog brushes on the internet and used one of them to fill the clear space from the bottom of the image.



Finally,you can add some bats using some bats brushes.This is how our final image looks:


Alternative colour scheme:


Ok,that`s it for our dark knight wallpaper tutorial.Enjoy it and for any question drop me a comment and I will try my best to help you out.

Click to rate this post!
[Total: 0 Average: 0]

Madalin Tudose

A web developer with a crush on SEO. Having my skin in the game of website development and digital marketing for more than 10 years already, you might consider me an expert. At least this is what people call me. Honestly, I HATE that term. I prefer to describe myself as a person who takes action and risks. I test every hypothesis, document every step of the process, and implement what works.

Join the discussion

  1. Brochure Printing on March 27, 2009 at 9:50 pm

    I’m not a very big fan of the Dark Knight, but this looks really cool! Definitely something to try out. Thanks for posting this tutorial!

    1. Pseudonymus on April 8, 2009 at 12:57 am

      I`m glad that you like it…I certainly believe that your version will be wonderful.

  2. Silver Bullet on April 2, 2009 at 4:05 pm

    Awesome. Thank you so much.It now sita proudly on my desktop. I so love it.
    I would love to show you my version, but not sure how to do the link thing!;(
    Do I have to upload it on a website or sumthing in order for people to see it?


    1. Pseudonymus on April 8, 2009 at 12:55 am

      Thank you for comment.I can`t wait to see your version.You can upload your photo to…it`s very quickly…:)…

  3. Jules on April 9, 2009 at 4:15 am

    I don’t like Batman, so I made a scooby-doo one.

    1. Madalin Tudose on May 3, 2009 at 3:11 am

      Great man…It`s very cool 😉

  4. aleks on April 25, 2009 at 2:44 am


    i like your scooby wallpaper 😀

    anyway, thanks for sharing this tuts… this could like help to a newbie like me 😀


  5. webkatalog on May 2, 2009 at 6:51 am

    Were did you get your blog design?

    1. Madalin Tudose on May 3, 2009 at 3:12 am

      The blog design is created by me…:)

  6. Wallpapers on May 10, 2009 at 2:55 am

    A fantastic read….very literate and informative. Many thanks….what theme is this you are using and also, where is your RSS button ?

    1. Madalin Tudose on May 10, 2009 at 1:37 pm

      Thank you too…The theme i used is Darkzen theme by DBT.I have a link into the footer…My rss button is on top-right of the screen.Is blue and is big…:)

Comments are closed.