Advertisement
Photo Effects

How To Create the Photo Manipulation "Brightness Tomorrows"

by

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 $19/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.

Related Posts
  • Design & Illustration
    Illustration
    Dragon in a Snow Globe: How to Vector a Baby DragonSnowglobedragon 400x400
    Do you remember how magic snow globes used to seem when you were a child? We can bring this magic back by creating a virtual snow globe with a little dragon inside. In the first part of this tutorial we've drawn a baby dragon, now it's time to create a home for it! You'll learn how to use a variety of Adobe Illustrator tools to create a complex illustration; textures, Clipping Masks, 3D tools, Gradient Mesh, color management and many, many more!Read More…
  • Design & Illustration
    Designing
    Create a Mixed Martial Arts Event Flyer in Photoshop0953 fight preview400
    Most of you have probably seen event posters displayed in your area promoting a boxing, mixed martial arts (MMA), Ultimate Fighter, or wrestling match. In this tutorial, I will show you how to create a similar event poster in Photoshop using several techniques including photo manipulation, retouching, and typography. Let's get started!Read More…
  • Photography
    Photo Effects
    How to Create a Magical Photo Manipulation: Post-Production0955 toys psdtuts toys in action 400x400
    Artists often work with a team of individuals to complete a project. This team could include a client, a creative director, an art director, a photographer, a retoucher, and a graphic designer. In this two-part tutorial, I teamed up with photographer Natalie Fobes to create a magical photo illustration that depicts a child interacting with toys that have come to life. In the process, we will show you how to not only shoot the photos that you need, but also, how to retouch them and combine them with stock photos to create artwork that closely resembles a sketch. Let's get started!Read More…
  • Design & Illustration
    Photo Effects
    How to Add Realistic Falling Snow to a Photo in Photoshop0947 snow preview 400px
    Falling snowflakes are a great way to make your winter photography much more interesting. Sometimes, the weather doesn't cooperate however, and you have to turn to Photoshop to get the job done. In this tutorial, we will explain how to create a realistic falling snow effect in Photoshop and show you how to apply it to your images.Read More…
  • Design & Illustration
    Photo Effects
    Use Retouching Techniques to Create a Caricature From a Photo0913 mr holiday preview400
    Photoshop includes some powerful tools to help you manipulate photos. In this tutorial, we will show you how to create a caricature portrait from a photo using many of Photoshop's advanced editing tools. In the process, you will learn how to use Adobe Camera RAW to make some global adjustments, how to use Photoshop's transformation and Liquify tools to alter the appearance of the portrait, how to retouch the image, and much more to give your portrait a cartoon or comic look. Let's get started!Read More…
  • Design & Illustration
    Illustration
    Create a Clueless Racecar Driver Illustration in Photoshop0902 racer preview400
    Creating a high-impact and realistic caricature illustration can be a fun but extremely challenging task. In this tutorial, we will explain how to properly control all the elements of a composition including color balance, contrast, textures, and more, as well as all of the tools and techniques that you will need to know in Photoshop to build a highly entertaining and detailed caricature illustration. Let's get started!Read More…