Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,357 Categories: 12

Total Tutorial Views: 42,408,796

How to Create The Dark Knight Rises Effect in Photoshop.

Tutorial Name: How to Create The Dark Knight Rises Effect in Photoshop.  

Category: Graphics Tutorials

Submitted By: Nissan

Date Added:

Comments: 8

Views: 1,640

Related Forum: Graphics Forum

Share:

How to Create The Dark Knight Rises Stencil Effect in Photoshop.


in this tutorial, we will create a stencil and spray effect using basic filters and some brushes. The technique is very simple and I am sure you will use it in your future projects.

Step 1
Open Photoshop and create a new document. I am using 2560x1600 pixels. After that let's use an image of Bane. Look up on Google Images for the right one. The one I used can be found [ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

Step 2
With the Polygonal Lasso Tool (L) select just the head of Bane.

[ Register or Signin to view external links. ]

Step 3
Duplicate the head layer just to have a backup. After that select one and go to Filter>Filter Gallery>Sketch. Click on Halftone Patter. Use 1 for the Size, 43 for the Contrast and Dot for the Pattern Type. Make sure you had Black and White for the foreground and background color.

[ Register or Signin to view external links. ]

Step 4
Look up on Google Images for the Batman symbol. After that use it as the eyes of Bane.

[ Register or Signin to view external links. ]

Step 5
Add a layer to use as a background. Fill it with black and make sure it will underneath all the other layers. Select the Bane head layer with the Batman symbol and merge them into one. Change the Blend Mode to Screen and if necessary go to Image>Adjustments>Levels and increase the black and white inputs to make sure there are no greys. After that add the text "RISE" using a san-serif font in caps. Also increase the kerning to 125.

[ Register or Signin to view external links. ]

Step 6
Duplicate the background layer, hide one of the layers and then select the visible one. Merge them into one layer. Duplicate this layer. With one copy go to Filter>Blur>Gaussian Blur. Use 8.0 Pixels for the Radius.

[ Register or Signin to view external links. ]

Step 7
Go to Filter>Noise>Add Noise. Use 30% for the Amount, Gaussian for the Distribution and select Monochromatic.

[ Register or Signin to view external links. ]

Step 8
Go to Layer>Layer Mask>Hide All. Then with a spray brush from [ Register or Signin to view external links. ] start painting on top of the mask layer using white for the color.

[ Register or Signin to view external links. ]

Step 9
Make the hidden layer of step 6 visible again. Change the Blend Mode to Color Dodge. Go to Layer>Layer Mask>Hide All. Then with a spray brush and white start painting on the mask to make the layer visible. The idea of this step is to give more detail on the Bane's head.

[ Register or Signin to view external links. ]

Step 10
Repeat the same process to apply the effect to the "RISE" word. Note that there are some details like blurry edges and splatters. You can do that with the layer mask and the spray brushes.

[ Register or Signin to view external links. ]

Step 11
Search from some asphalt textures on Google Images. The one I am using can be found at [ Register or Signin to view external links. ]
Place the texture underneath the background layer that is filled with black. Change the Blend Mode of the background layer to Soft Light at 80% Opacity.

[ Register or Signin to view external links. ]

Conclusion
Add a layer on top of the others and using a spray brush with black, create a sort of vignette effect to make the focal point in the center. Our design is pretty much done and the technique we used to create the spray effect can be used for your future graffiti images or any sort of spray effect you want to create. Now it's up to you, have fun.

[ Register or Signin to view external links. ]

Download the Photoshop File

[ Register or Signin to view external links. ]

Ratings

Current rating: 8.17 by 6 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"How to Create The Dark Knight Rises Effect in Photoshop." :: Login/Create an Account :: 8 comments

If you would like to post a comment please signin to your account or register for an account.

GhostPosted:

How has this guy not got graphics king? It's insane the amount of detail you put into these posts.

MrParkerPosted:

Someone needs to hire this man makes great tuts

10/10 hands down

JoeyNapPosted:

At first I did not see it.. I did not understand where you were going, but once you added the back layering or the effect it all made sense! Cheers and thank you

TOXICPosted:

That looks pretty sik to be honest mate really good work here I might have to give it a go sometime

thanks

MajPosted:

Another excellent tutorial! Keep them up.

ZydrinPosted:

This is such a detailed tutorial. Thanks man.

HaloPosted:

It doesn't look that bad, however not liking the blue effect you added on. Great guide man

MickersPosted:

You make it look so easy with these tuts! Thanks.