Create a Cinematic Aerial Scene in Photoshop

ultimate warfare preview Create a Cinematic Aerial Scene in PhotoshopIn 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 warfare 1 Create a Cinematic Aerial Scene in Photoshop

 

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.

ultimate warfare 2 Create a Cinematic Aerial Scene in Photoshop

 

Step 2

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

ultimate warfare 3 Create a Cinematic Aerial Scene in Photoshop

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.

ultimate warfare 4 Create a Cinematic Aerial Scene in Photoshop

Remove the dark mountains with the clone tool.

ultimate warfare 5 Create a Cinematic Aerial Scene in Photoshop

 

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).

ultimate warfare 6 Create a Cinematic Aerial Scene in Photoshop

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.

ultimate warfare 7 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 8 Create a Cinematic Aerial Scene in Photoshop

 

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.

ultimate warfare 9 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 10 Create a Cinematic Aerial Scene in Photoshop

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.

ultimate warfare 11 Create a Cinematic Aerial Scene in Photoshop

 

Step 6

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

ultimate warfare 12 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 13 Create a Cinematic Aerial Scene in Photoshop

 

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.

ultimate warfare 14 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 15 Create a Cinematic Aerial Scene in Photoshop

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.

ultimate warfare 17 Create a Cinematic Aerial Scene in Photoshop

 

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.

ultimate warfare 18 Create a Cinematic Aerial Scene in Photoshop

Copy and paste the Fighter into your document.

ultimate warfare 19 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 20 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 21 Create a Cinematic Aerial Scene in Photoshop

 

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.

ultimate warfare 22 Create a Cinematic Aerial Scene in Photoshop

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.

ultimate warfare 23 Create a Cinematic Aerial Scene in Photoshop

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.

ultimate warfare 24 Create a Cinematic Aerial Scene in Photoshop

 

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.

ultimate warfare 25 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 26 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 27 Create a Cinematic Aerial Scene in Photoshop

 

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

ultimate warfare 28 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 29 Create a Cinematic Aerial Scene in Photoshop

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.

ultimate warfare 30 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 31 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 32 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 33 Create a Cinematic Aerial Scene in Photoshop

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.

ultimate warfare 34 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 35 Create a Cinematic Aerial Scene in Photoshop

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.)

ultimate warfare 37 Create a Cinematic Aerial Scene in Photoshop

 

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.

ultimate warfare 38 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 39 Create a Cinematic Aerial Scene in Photoshop

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

ultimate warfare 40 Create a Cinematic Aerial Scene in Photoshop

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

 

Final Image

ultimate warfare 1 Create a Cinematic Aerial Scene in Photoshop

 

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 Create a Cinematic Aerial Scene in Photoshop

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

 

[majaenvato market="graphicriver" action="popular" count="12" refer="loswl" cache="30" thumb_width="75" padding="10" columns="3"]

church marketing templates banner 1 Create a Cinematic Aerial Scene in Photoshop

About loswl

I’m a graphic designer with over 15 years experience. I love design and take great pride in producing quality artwork,. I specialize in producing high quality print designs. Follow me on Graphic River, Flickr, Facebook, Twitter or my personal site at Creative Designs.

25 Responses to “Create a Cinematic Aerial Scene in Photoshop”

  1. Brilliant, really love this a lot!!!! saw the finished version on Flickr, thanks for the tut :)

  2. 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!

  3. Nice work loswl weldone..

  4. Nice design, great tutorial and even better due to the fact you used scripture.

  5. wow thats an amazing effect :) thanks for the tutorial :)

  6. I`m new to this. I`m amazed!!! :) Fantastic :)

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

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

  9. 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

  10. Beautiful tutorial!! Thank you xD

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

    many thanks for the tut

    • 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.

  12. 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

  13. 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 :)

  14. Wow! Very nice tutorial, one of the best final images I have seen.

  15. great tutorial, thanks for putting it up.

  16. Great tutorial my friend, thank you for sharing!

  17. thanks for sharing knowledge

Leave a Reply

Notify me of followup comments via e-mail. You can also subscribe without commenting.