11
Photo Effects \ Tutorials

The Dark Knight wallpaper

 On March 27th, 2009 With 11 Comments

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:

11 The Dark Knight wallpaper

Let`s get started…

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

The Dark Knight

City

Clouds

Load the City image into your Photoshop

Duplicate the layer and apply the following Gaussian blur:

gaussian The Dark Knight wallpaper

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:

gradient The Dark Knight wallpaper

gradient2 The Dark Knight wallpaper

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

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

hue saturation The Dark Knight wallpaper

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

color balance The Dark Knight wallpaper

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

brightness The Dark Knight wallpaper

Our image should look like this:

1 The Dark Knight wallpaper

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:

2 The Dark Knight wallpaper

Position the clouds like in the image:

3 The Dark Knight wallpaper

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:

brush The Dark Knight wallpaper

4 The Dark Knight wallpaper

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

5 The Dark Knight wallpaper

Let`s giving the clouds a blue color:

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

cloud colorbalance The Dark Knight wallpaper

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

clouds brightness The Dark Knight wallpaper

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

6 The Dark Knight wallpaper

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:

7 The Dark Knight wallpaper

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.

8 The Dark Knight wallpaper

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:

9 The Dark Knight wallpaper

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.

9 1 The Dark Knight wallpaper

10 The Dark Knight wallpaper

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

11 The Dark Knight wallpaper

Alternative colour scheme:

diferent The Dark Knight wallpaper

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.

Passing ccna voice exam is so easy with testking 646-563 resources and 650-393 test engine.



Author:

Hello!My name is Madalin Tudose and I`m the founder of OurTuts blog.I love design and spend a lot of my time learning Photoshop techniques and putting them in practice.

YOU MAY ALSO LIKE:

11 Responses to “The Dark Knight wallpaper”

  1. Wallpapers 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 ?

    • Madalin Tudose 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…:)

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

    Were did you get your blog design?

  3. aleks April 25, 2009 at 2:44 am

    @jules

    i like your scooby wallpaper :D

    ->
    anyway, thanks for sharing this tuts… this could like help to a newbie like me :D

    ~aleks

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

    I don’t like Batman, so I made a scooby-doo one.
    http://img25.imageshack.us/img25/1966/scooby.png

  5. Silver Bullet 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?

    Thanks

  6. Brochure Printing 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!