Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial

Hey

I sort of stumbled across this effect while playing about with the layers in Photoshop. It quite cool and doesn't take long to complete and it can be applied to any image. I've made a couple Star Wars wallpapers, these are located at theCreating An Effective Two Colour Star Wars Background - Photoshop Tutorial bottom. You can at any point click on the images to see the full versions. We are trying to aim for a similar effect to the one on the right using only the layer blending options within Photoshop.

For this tutorial you will need:

Step 1) The first step is to create a canvas, i've chosen a size of 1440 x 900 pixels to match my desktop background. Pick any size you want.

Step 2) The second step is to prepare your background. This can be any colour you want. I've chosen a tan/brown colour. I've chosen a radial gradient. The darker colour is "A7885A" i've picked a lighter colour from the menu and applied as so.

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
Step 3) Find a picture you want to use. I've picked Yoda. You can click the following image for the full size.

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
Step 4) Place Yoda into your canvas. I've positioned mine in the bottom left hand corner. Place yours where every you want.

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
Step 5) Desaturate the image by going Image > Adjustments > Desaturate. The idea behind this is to create an image which is only black and white, and then to use the blending options in Photoshop to create the effect we are after.

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
Step 6) The next step is to change the threshold of the image. Go to Image > Adjustments > Threshold. Slide the values up or down until you get an image where most of the outline is one colour. This could be Black or White depending on the image. Use the following image as an example

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
Step 7) Touch up the photo by removing any erroneous pixels. You can either use the eraser or a colour brush.

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
Step 8) The next step is to Select screen mode from the Layer Blending options. Screen removes all of the black parts of the image and leaves only white behind. Alternatively if your image was the other way around and you wanted to remove the white parts you would use the Multiply option.

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
And you are done. The image below is the final with a couple of retouches and a final export.

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
You can do this with any coloured background and any photo. Darth Vader anyone?

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
You can choose to go the other way and have the image as black. This uses the Multiply blending mode instead of Screen.

Creating An Effective Two Colour Star Wars Background - Photoshop Tutorial
Please leave a comment and links to your creations.

8 comments:

Web Hosting said...

Very cool effect. Also nice subject matter. SW FTW!

Ocarina654 said...

Another fun thing to do is apply some filters to the image after you've got the outline. Something simple and not too noticeable, just to give it some texture.

Jeffrey said...

Quite a nice one there, feels like this is the basis for some really nice ideas. Or ... just to keep it simple and focus on a single idea. Thanks for this one.

Anonymous said...

These are really neat - like 'em.

Anonymous said...

Hey! That was fun, and easy! Used GIMP, and had no trouble navigating around. Nice tutorial!

http://www.mediafire.com/imageview.php?quickkey=8vh0y785m2f&thumb=4

Anonymous said...

Hey, tnx for the tutorial, but I'm having trouble importing the picture into photoshop, I'm a total newbie in this.

Any advice?

Tnx

James Powell said...

Yeah, its simple.

Either copy and paste the image is it is in your clipboard. Or, go File > Place if the image is saved to your hard drive.

Fadly Ramlan said...

Awesome tutorial. Never thought photo-editing would be so easy. Well, atleast for this one.

Thanks, bro.