Create a Cinematic Aerial Scene in Photoshop

May 27, 2011| Legion of Skills

ultimate-warfareIn this this tutorial, we will create a cinematic aerial scene in Photoshop. The idea behind this was to create a dramatic scene that looked like it was from a movie. By using free stock photos and some simple techniques and graphic design rules such as perspective, lighting and overlapping, I accomplished the task. I hope you enjoy the tutorial and try it with your own stock imagery.

 
Inspiration: This image was inspired by:



1 Peter 2:11 Dear friends, I urge you, as aliens and strangers in the world, to abstain from sinful desires, which war against your soul.

 

Final Image

Ultimate Battle Final

 

Resource

  1. Canyon from Stock.xchng
  2. Lake Powell Sunset from Stock.xchng
  3. Aircraft6 from Stock.xchng
  4. Fighter planes at airshow 4 from Stock.xchng
  5. Tornado Jet from Stock.xchng
  6. F-15 Strike Eagle from Stock.xchng
  7. Eagle fighter Jet at Air Show from Stock.xchng
  8. Sun Flare from Wikipedia Commons

 

Step 1

Open the Canyon image in Photoshop.

[sociallocker]

 

Step 2

Lets create a more dramatic sky. Open the Lake Powell Sunset image and crop it at the horizon line.

Flip the cropped,ร‚ย Lake Powell Sunsetร‚ย image horizontally, to match up with the direction of the light in the canyon image….Image > Image Rotation > Flip Canvas Horizontally.

Remove the dark mountains with the clone tool.


[sam id=3 codes=’false’]

 

Step 3

Copy and paste the Lake Powell Sunset image, into the canyon image, then scale the sunset to match with the canyon’s horizon. To scale click Edit > Transform > Scale and Hold down the Shift Key as you scale, to prevent the image from warping).

Step 4

Now we will create a mask to blend the sunset into the background. With the sunset layer still selected, click, Layer > Layer Mask > Reveal All. Take a medium sized paint brush, with black as your foreground color and start brushing out the areas below the mountain.

Switch between small and medium brushes until you have something like the image below.

 

Step 5

Lets start adding some background action. Open the Eagle fighter Jet at Air Show. Extract it’s background with the Magic Wand tool.

Copy and paste the Eagle Fighter into your scene, flip it horizontally and scale it down really, really small.

Position your Eagle fighter to the left of the composition, reduce the opacity to 35%, then rotate it upwards about 20%. Duplicate the layer to make the other jets.

 

Step 6

Repeat the same process in Step 5 with the F-15 Strike Eagle.

Position the F-15 Strike Eagle on the right side of your composition with a 48% Opacity.

[sam id=3 codes=’false’]

 

Step 7

Now that we have some background action going on in the distance, we can pull the action closer to the camera by creating some middle ground action. Open the Tornado Jet image and extract it from the background with the magic wand tool.

Reduce the saturation (Image, Adjustments, Hue/Saturation ) to -72, then change the hue to +148

Copy and paste the Tornado Jet into your scene, scale and reduce it’s opacity to 70%-80%. Duplicate the Jet and arrange them in your scene.

 

Step 8

Now we will start to create some foreground action with some menacing looking fighters, these Fighters will be the focal point of our image. Open the Fighter planes at airshow 4 . Select and delete the sky with the Magic Wand Tool.

Copy and paste the Fighter into your document.

Fix the levels on the Fighter to match up more closely with the lighting in the scene. Image > Adjustments > Levels.

Resize the fighter about 45%. Edit > Transform > Scale.

[sam id=3 codes=’false’]

 

Step 9

Create a motion blur for the fighter. Duplicate the fighter layer, then add the motion blur to the duplicated layer. Filter > Blur > Motion Blur.

Move the blurred layer slightly to the right and reduce it’s opacity to 30%. Use a soft medium size eraser brush to erase the areas of the blur in the front of the fighter.

Group the Fighter and the blurred layer. Make duplicates, making sure to overlap one of them over the smaller planes in the background to give that extra sense of distance.

 

Step 10

Now we will use a large plane to bring us right inside of the action. Open the Aircraft6 image and use the Magic Wand Tool and Shift click to remove as much of the background as possible.

Use the Polygon Lasso Tool to select and delete the remaining areas.

Copy and paste the large Aircraft into your scene, re-size the Aircraft and position it like the image below.

 

Step 11

Now that we have a nice balance of aircrafts in the image, lets start blending everything together with some lighting techniques, we will use Adjustment layers. Add a Levels Adjustment layer. (Click the half moon symbol on the bottom of the layers palette, and choose Levels). Adjust the levels until you have something you like or use my settings: 28, 1.16, 229

Add a Curves Adjustment Layer, adjust the curves so that the foreground is darker than the background.

Add a Color Balance Adjustment Layer, make adjustments to the colors to match up with the color of the sunset, Cyan +29, Magenta +13, Yellow +15.

Add another Color Balance Adjustment Layer, I used this layer to add a purple tone to the image. Cyan +48, Magenta +37, Yellow +62.

Next add a Gradient Adjustment Layer Color 1 # 066caa, Color 2 #008fc7, Color 3 #c1dbe8

Change the Layer option to Soft Light and the Opacity to 82%.

Now there is too much blue in the image. To fix that, we will paint the mask for the Gradient with Black. Change your foreground color to black, then click on the mask for the gradient and start brushing away those areas towards the foreground of the image.

Lower the opacity of the brush to 31% as you move further to the back of the image, to create a gradual change.

Brush more of the blue until the blue color only remain in the distance. Mask the blue from the bottom of the large plane engine, to give the effect of the sunlight color reflection. ( Switch between a white or black paint brush to make minor adjustments to the Mask.)

 

Step 12

Now we will add a bit of drama to the scene with some natural light flare. Open the Sun Flare image, copy and paste it in your psd composition. Place the Sun Flare Layer beneath all the adjustment layers.

Resize the Sun flare and change the Layer Style to Screen.

Use a soft medium size eraser brush to erase the excess edges of the Sun Flare image.

Now crop the image if you want that wide screen, cinematic aspect ratio. This will bring the action more into focus.

 

Final Image

Ultimate Battle Final

 

Conclusion

Using a few graphic design rules, we can bring life to our compositions. Determine your background, middle ground and foreground images. Use perspective techniques to achieve the illusion of distance. Perspective is the technique of creating an illusion of depth by depicting distant objects as paler, less detailed, and usually bluer than near objects, but under some conditions may be some other color, eg., at sunrise or sunset, distant colors may shift towards red, it is always a good idea to study real life images for inspiration. Use overlapping to enhance the interaction between elements in the composition. Last but not least, always create a focal point in your compositions, eg., I used the large aircraft wing and the menacing jets to bring the eyes into the action. These techniques can be used in any graphic design or painting project. Check out the Flyer Template below.

 

Rise of the Phoenix Flyer, Ticket and CD Template

Rise of the Phoenix Flyer, Ticket and CD Template

Rise of the Phoenix Flyer, Ticket and CD Template – $7.00

[/sociallocker]

Godserv Designs

Categories: Compositing, Tutorials

25 thoughts on “Create a Cinematic Aerial Scene in Photoshop”

  1. loswl Post author

    OK, after the Gradient Options open up.

    1. Click on the Gradient in the dialog box (The Gradient Editor box will open)
    2. Click the color on the gradient you want to edit. (you will see Color AND “location 0%”
    3. Click “Color” to start editing that particular color.
    4. The Color Picker box will open, looks just like the regular color picker.
    5. Paste the number for the color in the # box eg #066caa
    6. Press OK.
    7. Do the same for the other colors.
    8. If you want to add an additional color to the Gradient, click just below the gradient bar and one will be added at the position that you clicked.

    It sound confusing and hard without images to follow along, but it is not, hope that helps ๐Ÿ™‚

  2. leerolo

    thanks for the reply mate,
    you say that i must create a gradient adjustment layer using the 3 colour numbers that you listed. i now know how to open the gradient option but i dont know how or where to enter the 3 numbers.

    please help lol

  3. leerolo

    How do i add a gradient adjustment layer using those colours stated in cs5?

    many thanks for the tut

    1. loswl Post author

      You are welcome, to add a Gradient Adjustment Layer look at the bottom of the Layers Palette, click the half moon symbol, many options will pop up in the menu, choose Gradient.

  4. peps

    Resize the fighter about 45%. Image > Adjustment > Scale. there isn’t on photshop CS5 right? because I can’t find it…
    However very nice tutorial

  5. Luke watts

    Wonderful manipulation, Every things is good it would be better if you have added some shooting effect, and explosion.Good work thanks for sharing.

  6. sayhien

    Simple yet great-looking results, u made my day, please do come up with more tutorials like this, thanks!

  7. Oneni

    I can’t believe this! Who knows that this is only photoshopped! I’m truly amazed w/ your talent. I will do this cool tutorial.. thanks for sharing!

  8. Gonzalezg

    Brilliant, really love this a lot!!!! saw the finished version on Flickr, thanks for the tut ๐Ÿ™‚

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.