In this tutorial, I'll show you how to create a futuristic looking photo manipulation using some special tools, such as the Background Eraser Tool and how to blend pictures properly using Match Color Adjustments and Lighting Effects. So let's start!
Final Preview
Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below.

Tutorial Details
- Program: Photoshop CS2
- Difficulty: Advanced
- Estimated Completion Time: 3-4 hrs
Preparation
Before we start let's download all the pictures we will need: road, bigger factory, smaller factory, woman, mist brushes and texture. The picture of sky is not available for downloading but you can use any sunset you find.
Step 1 - Blending the Background
Open the picture of the road and of the sky you've chosen, then drag them into the new document. Name the layers "Road" and "Sky." The layer "Road" should be above the "Sky" layer.
Now you have to flip the pictures. To do that go to Edit > Transform > Flip Horizontal. Do it with both layers. Add a vector mask to the "Road." You can find the button Add Vector Mask in the Layers palette (F7).

The good thing about vector masks is that all the steps you do are reversible. If you use the Eraser Tool instead it's very hard to get back erased parts. But if you use vector masks, then you can always paint with a white color instead of the black, and the hidden parts will appear again.
So as I said, add a vector mask, press B to pull up the Brush Tool, choose a soft, round brush and pick a black color. Start to paint over the areas you want to disappear. After this step, you should have a picture similar to the one below.

Step 2 - Adding the Bigger Factory
Open the picture with the bigger factory and drag it into the manipulation. Call the layer "Bigger Factory" and place it above the "Sky" and "Road" layers. Flip the picture as you did with the previous layers. Now we have to remove the blue sky. Use the Background Eraser Tool to do this.

Good thing on the Background Eraser Tool is that you don't have to mask all the parts of the factory with the Lasso Tool or with the Pen Tool. Set the tool as in the picture below.

Click carefully on the blue sky. It will disappear, but the factory will stay. You can change Diameter and Tolerance to get a more realistic result. Don't worry if some parts of the factory will be a little transparent. It will look like some reflection from the sun, but still be very careful.
The more patient you are with the blending, the more realistic the whole manipulation will look. After this step, you should have something like the image below.

Step 3 - Adding the Smaller Factory
Open the picture of the smaller factory, drag it into the manipulation, flip it, then name the layer "Smaller Factory." Place it on the top of the layers.
Now choose the Background Eraser Tool again and paint over the sky area. One of the good things about this picture is that there is some artificial mist, as we'll be adding some more in the next steps.
In the stock picture of the factory the whole smoke is not shown. To add it and make it round press S on your keyboard for the Clone Stamp Tool. Press Alt and (still pressing it) choose some area with the smoke. Paint some more smoke to make it nice and rounded as shown.

Step 4 - Blending the Factory
As you can see the factory is too dark. To fix that add a Brightness/Contrast Adjustment Layer and lower the contrast to about -20. Click directly on the adjustment layer and create a clipping mask from it. Thanks to the clipping mask, the adjustment layer affects only the "Smaller Factory" layer.
The factory is fixed, but I think it would be better if the smoke had some more contrast. Let's add one more Brightness/Contrast Adjustment Layer. Now increase the contrast to the value of +40, then clip the mask again.
We want to affect the smoke only, and not the whole factory. To fix it press B on your keyboard, choose a soft, round brush with a black color, then paint over the vector mask of the factory (not the smoke!). The result of this step should be similar to the image below.

Step 5 - Fixing the Road
If you take a look at the previous picture, you can see that the road is too dark, it has the wrong lighting, and also the colors don't fit. All these problems will be fixed in this step though.
At first we'll improve the colors. Right-click on the layer "Road" and choose Duplicate Layer. I usually make a backup of the layer if the next step is not reversible and I don't know if I will like the result later.
Click on the new "Road copy" layer. Go to Image > Adjustments > Match Color... and set the values on the palette as shown below.

Thanks to Color Match... your picture should look like this one.

Much better isn't it? Now we'll add Omni Light. Go to Filters > Render > Lighting Effects and set it similar to that shown below.

The result after this step is shown below.

Step 6 - Adding Mist
To create a more dreamy atmosphere we'll add mist. Add the mist brushes you downloaded. If you don't know how to add brushes into the Photoshop, then review this tutorial.
Select a bright yellow color from the manipulation. Create a new layer and start painting fog. Don't paint it too much - we want just small, light touches. If the mist doesn't look realistic, then you can lower the Opacity or change the blending mode of the layer to Screen or Lighten.

Step 7 - Sharpening
In this step, we'll make the picture more sharp. Press M for the Rectangular Marquee Tool, then select the whole image. Got to Edit > Copy Merged, and then Edit > Paste. It will paste the merged image with all the visible layers.
Now go to Filter > Sharpen > Unsharp Mask... and set the values as shown.

Step 8 - Color Adjustment
Now it's time for the first color adjustment. We'll add more violet colors to create a bit of a futuristic or unrealistic look. Add a Color Balance Adjustment Layer on the top of the layers, then set it as shown below.

After this step your picture should be like this one.

Step 9 - Adding Lens Flare
To light the picture and give it a bit more contrast we'll add a lens flare. Create a new layer on top of the other layers, name it "Lens Flare" and fill it with a solid, black color. Go to Filter > Render > Lens Flare...and select the one you like. I used the first one, which is 50-300mm Zoom. Now press OK.
We have to change the blending mode of the layer to so we can see something else - not only the flare. To do that change the Blending Mode to Screen. You can also play with the Opacity of the layer if you're not satisfied with the result, but I didn't do that in this case.

Step 10 - Adding the Female Character
It's time to add the woman. Open the picture with her, cut her out and drag her into the manipulation. Call the layer "Woman" and place the image on top of the layers. Change the size of the picture and place it in the horizon.
I feel the women is too dark. We'll simply fix that by adding a Brightness/Contrast adjustment layer and setting the value of Brightness to +50. Don't forget to make a Clipping Mask.

Step 11 - Adding Shadows
According to the lighting of this manipulation, the woman should have a long, soft shadow in front of her. To add it, right-click on the women and select Duplicate Layer, then name the layer "Shadow." Press Command and click on the Layer thumbnail. It will activate the mask of the layer.

Now press G on your keyboard for the Gradient Tool. Press Alt and with the Eyedropper to select a dark color from the picture. Fill the mask of woman with this color. Go to Edit > Transform > Flip Vertical. Very well!
Now go to Edit > Transform > Rotate and change the rotation of the picture so it has the same direction as the lighting. Then press Command + T and change size of the shadow. Do it larger and little bit wider.

The shadow is too hard at this point. To fix it go to Filter > Blur > Gaussian Blur...and set the value Radius on about 3,5 px. The result of this step should be similar to the image below.

Step 12 - Changing Colors
I think that the colors should me richer than they are now. In this step we will change the Color Balance once again and add a Photo Filter.
First we'll modify the color balance. Add a new Adjustment Layer Color Balance on the top of the other layers, and set the values like on this picture below.

Add a Photo Filter Adjustment Layer and set it as shown.

Very well, we are almost done. At this stage your image should be similar to this one.

Step 13 - Vignette & Texture
I like vignette because it's an easy way to border the picture and jail the viewer's look a little longer in the manipulation. So let's add it!
Create a new Levels adjustment layer at the top of the layers. Set the Input Levels to: 0; 0,85; 255. Press G (Gradient Tool) on your keyboard and fill the vector mask of the adjustment layer with black, and the adjustment disappears.
Now choose a soft, round brush, pick white for the color, and paint around the edges (still on the vector mask) of your picture. It will make the edges darker.
In this last step we'll add texture which will increase the contrast of manipulation a little more. Open the grunge texture you downloaded earlier and drag it into the manipulation. Now change the blending mode to Color Burn and lower the Opacity to about 10%.

Conclusion
Congratulation you've finished! I really hope that this tutorial was useful to you, and that you've learned some new techniques, or found inspiration for your work. You can see the final result below.

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.



























User Comments
( ADD YOURS )Sam August 14th
Great, simple tutorial, very clear to read and understand!
( )Palusko August 14th
I absolutely love these type of images. Certainly will try this tut! Good job.
( )mat August 14th
Did you use nearest neighbor to resize all of the example images? The white markers on the road have tons of jaggies.
( )Kanchan Rai August 14th
Everything’s just cool!
But why don’t you first define the document size?
Yes, its advanced tutorial but what;s wrong with mentioning the size?
( )Saro August 27th
Why don’t you just check the settings of the image?
( )Yughues August 14th
Very nice tutorial !
Just a thing, if you look the position of the light and the direction of the road you can see that the shadow should be better/more realistic if you make it follow the middle line of the road (maybe between the both lines in the middle of the road)
( )inox August 14th
shadows don’t curve….
( )good tut though, but the character’s shadow ruins it
Iceman August 14th
the shadow of the woman isn’t going in the right direction based on where the light source is….the shadow dominates the picture and detracts from the final picture.
nice one though.
( )Zurr September 1st
Its an optical illusion. If you check closely you will realize that it isn’t curved at all.
( )Speedysamiro August 14th
Very Good tutorial, especially the color adjustments part.
( )07 August 14th
That character shadow needs some serious refinement.. ought to be sharper and smaller at the characters feet, and wider / fuzzier at the farthest end. The angle also looks odd, given the light source.
( )Phenotype August 14th
Pretty nice but we’ve seen a lot of photo manip tuts lately. How about some more tuts showing how to create things from scratch in PS?
( )Tebe August 14th
You’re right, it’d be nice to see something like that once in a while too.
( )capsz August 14th
the shadow of the girls is off. look where the sun comes from
( )Melody August 14th
I really like the person’s shadow for some reason..some people can forget those kind of little details, but my only question is would the angle be right?
^^and I agree, would be nice to see start to finish tutorials
( )rob August 14th
the angle is wrong.
( )loswl August 14th
Yeah, the angle of the shadow is way off, if going by the sunlight, it should actually be more to the right of the image, but nice touch all the same
)
( )josh August 14th
maybe following close to the angle of the lens flare
( )lawrence77 August 14th
short and sweet….
( )lawrence77 August 14th
but where is the old psdtuts+ ?
Only manipulations….
Sean do some hitler methods to change psdtuts+…
( )Lucas Tadeu August 14th
Great tutorial.Will try it now
( )Clyde Sanchez August 14th
What a great tutorial, keep it up PSD Tuts+!!!
( )g3niuz August 14th
greeeat stuff..
image looks amazing
( )Corey August 14th
Really cool, nicely done.
( )Zach August 14th
Made the lens flare look good.
Very nice tutorial.
( )Nikhil August 14th
Really fantastic final effect….
( )Eddo Siep August 14th
awesome tutorial, thanks alot!
( )EffectsGroup August 14th
Thats amazing!
( )josh August 14th
simple yet great!
( )emmanuel August 14th
woohh!! realy loiked doing this one learned a couple of things too!
( )Steven Couper August 14th
Very nice, Good quality Tut, good to see quality tutorials.
Love all this future design look
Loving TUTS
( )TwenStudio August 14th
nice Tutorial
( )Lei August 14th
very nice….. ^_^
( )snnaqvi August 14th
Nice tutorial but again a manipulation.
( )spidermonkey August 14th
Very nice tutorial. I love the final result of this one! Some good techniques used in there too.
( )Carlos August 15th
One of the best I’ve seen on here for a while.
Will be using some of the same techniques shared here on some stuff im working on.
( )Dainis Graveris August 15th
amazing photo manipulation! impressive tutorial, I cannot say anything more!
( )G August 15th
The shadow destroys the final image.. otherwise nice tutorial.
( )Toniccio August 15th
Good job Jarka, nice and clear tut thx for sharing
( )Jane August 15th
terrific tutorial, Jarka. Exactly what I was looking for. thank you very much
( )Peter Nardi August 15th
Very nice Tutorial! Thank You!
( )Shlomit August 16th
Great tutorial
( )I will try it now
Mike August 16th
ive seen this somewhere, i’ll find it
( )Richard Bond August 16th
Quick question here.. I am not so up to speed yet on Photoshop but when you refer to “open a new document” and then “drag the images into it” what exactly is the “document”? I was not sure if you meant a new Photoshop item which if you did I am not sure how to “drag” the image in to it?… I know… it’s advanced but I like a challenge!
( )Ben September 4th
mr bond
the doc is the new window that opens after you click file new or ctrl n
( )Mary August 16th
the first thing I saw at once is the shadow didn’t match the light source.
( )Robin Crandall August 16th
Shadows will conform to what ever shape they fall upon. If the road in our image is concave the shadow will be concave (or curved).Some thoughts:
( )1. Photo manipulators/digital artists, et al, will always benefit from any traditional art training they choose to pursue. It will help your work appear more natural.
2. There is a phenomenon known as “artistic license” that nullifies point #1, but, only if it enhances the work in some positive or creative way.
3. Consciously observe nature. You may have to leave your computer to accomplish this. ; ) and study lots of photos, paintings and other works of art.
David Nash August 17th
It’s a shame how really nice pictures are spoiled by lack of attention to details. Yeah the shadow is at the wrong angle and too long given the suns position. Also the grass on the left should be casting a shadow on the road in front of it.
Apart from this, very good technique! Well done.
( )To noobs August 17th
who cares abt the lack of attention. this is about learning technique, you fix your own shadow and position!
( )jeprie August 18th
that’s not vector mask, just layer mask. vector mask is filled with path not pixel. Just a minor mistake, the tutorial is great. That shadow is wrong but the technique to create is great. Nice work!!!
( )Joe August 20th
Does anyone actually DO these tutorials and still achieve the same look? It feels like you’ve skipped a ton of steps.
( )Ing August 22nd
THIS IS AMAZING!!!
( )Pierre Vanderpol August 23rd
Why is manipulation a problem???? Photoshop is mainly a photo editing sofware…
It allows many to have fun and to have a quick result…
If you want to start from scratch with the bruses and everything,
you should have solid perspective theory knowledge, a lot of time (a good digital painting takes 8-10 hours), sense of composition, colour harmonies, light and shadows, pencil drawing … otherwise it will be horrible. And it takes years to learn by constant practice.
Starting from scratch :
I recommend strongly Dylan Cole tutorials on “Gnomons workshop” (80 bucks a piece but definitely worth it), the french guy “Eric Levy” on the same website (from speed painting to concept art is fantastic), the whole serie by Charles Bernard, or the magazines “Imagine FX” and “corel painter magazine”…
Good luck of you go in the fascinating branch…
But anyway the tutorial we had was great thank you !
Yet, I don’t have exactly the same result because I have used different sky pictures, with different harmonies and temperatures, fonts, cloud brushes, but who cares to have the same tuff ?
Tutorials should never lead all the way. Experimenting your own stuff in the process can be very cool too….
My outcome is like that: http://www.pierrevanderpol.com/2009/08/23/2d/psdtuts-89
For those interested, you can download my psd file on the same page, even though it is a modest work. Comments and critics positive or negatives are very welcomed
Cheers to you!
( )roro August 23rd
good for understanding…
( )Brolando August 25th
Great outcome!! what do you think of my version?
http://www.flickr.com/photos/bebbekink/3855554827/in/pool-613394@N22
( )Serghei August 30th
Good work man! Thanks!
( )Mahmud Ahsan August 31st
awesome
( )furvert101 August 31st
ummmm… the blending mode for the lense flare is HARD LIGHT not screen…
( )furvert101 August 31st
took me more like 45 mins but its ok… lol
( )San September 1st
I think i can use this tutorial for my ‘Green World Campaign’
Thanks A LOT !!
( )vitamine? September 2nd
magnifique !
( )tonella September 6th
you are a great graphic designer and indeed , ur work inspired me…
http://www.flickr.com/photos/42224511@N02/3893398526/
( )Aurelo_o September 29th
Very nice work !
What did you think of mind ? I change the right element.
http://aur3l.free.fr/Factory/Factory%20Final.jpg
Thank you very much for your Tutorial!
( )Dani October 1st
Excellent tutorial, I made my own version following this instructions.
( )Here is:
Dani October 1st
Sorry, this is the correct link: http://www.flickr.com/photos/alcalaenfotos/3959117334/
( )Tom October 17th
Thank you, it was a great way to learn some new methods in Photoshop.
( )Andy October 28th
NEVER use Blur to create shadows! Look at the final image. This is not the shadow, it’s just blury dark spot.
( )