Photoshop Tutorial: Create a Fantasy Seascape with Stock Photo Composites

by Caroline Mercurio on July 27, 2016 No comments

Sometimes we all need a break from reality, and Photoshop is great for creating visual fantasies that tell a story. By combining breathtaking ocean vistas and landscapes with a few photo editing tricks and a big dose of imagination, you’ll be sailing to the edge of the world in no time.

This stock photo composite tutorial is a wonderful place to start if you are looking to master a wide variety of Photoshop basics. Best of all, each of these elements can be downloaded from our library of royalty-free photos.

Let’s dive in!

Elements Used:

 

Create Your Background Layer

Before you can begin, you will need to create your canvas. For this image, we used a canvas that was 1600 x 844, with 300 dpi.
 
Step One: Download your Underwater Ocean image.

With the image selected and using your Move Tool, grab the corner of the photograph and resize it to fit. Then, grab the center of the image and pull the whole picture to the bottom edge of the canvas.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Two: Duplicate and flip the layer.

We also want to use this image as the “sky” surface to create a surreal, space-bending effect. To do this, we are going to duplicate the existing layer by selecting Layer > Duplicate Layer.

With this new copy layer selected, go to Edit > Transform> Flip Vertical. Move this new, upside-down image to the top edge, mirroring the photograph on the bottom.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

 

Add the Ocean Surface

 
Step One: Add your ocean image.

Once again, we need to open our image, drag it into the main document, and resize it to fit using the Move Tool.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Two: Isolate the ocean surface.

There are many methods to isolate part of an image, but in this case I used a vector mask. To do this, you need to first make sure your color boxes show black in front of white. Then simply select the rectangular marquee tool and draw a rectangle encompassing the area you want to save.

With the marquee box active, click the “Add Vector Mask” button in the Layers Panel, and the rest of the image will disappear.

Now, using your move tool, stretch the remaining image to fit the entire width of the canvas.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

The benefit of a vector mask is that no pixel data is actually destroyed, unlike the eraser tool or crop tool. If you want to make some of these pixels visible again, you can do so by selecting the vector mask in the Layers Panel, and using your brush tool with the white color selected to paint the hidden portions of the image back in.
 
Step Three: Adjust the color and lighting.

For each of the Adjustment Layer settings in the tutorial, feel free to play with the settings until you are happy with your image, or use our settings in the images as a guide.

First, we will add a Color Balance Adjustment Layer by selecting Layers > New Adjustment Layer > Color Balance. When we do this, there are three options that appear in the drop down within the dialogue box, and you will currently see “Midtones” selected. Adjust the midtones until you achieve your desired effect.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Next, select “Highlights” from that drop down menu. Adjust the highlights.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Finally, add a Curves Adjustment Layer (Layers > New Adjustment Layer > Curves) to adjust the lights and darks within the image.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

 

Blend the Ocean Layers

 
Step One: Adjust the hue and saturation of the bottom underwater layer.

Select the bottom underwater layer and apply a Hue/Saturation Adjustment Layer (Layers > New Adjustment Layer > Hue/Saturation). Adjust the hue and saturation until you are happy with the results. We chose to make the color greener and lower the saturation to give it a murky feel.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Two: Soften the bottom edges of the ocean surface with a Layer Mask.

For this vector mask, you will not use a marquee tool to isolate the pixels. Instead, with the ocean surface layer selected, go ahead and click “Add Vector Mask” in the Layers Panel.

Next, select your brush tool and lower the opacity to 17%. Begin removing areas of the ocean surface image, following the patterns of the waves, until the two layers appear seamless.

Experiment with different levels of opacity, and remember, you can always click command (mac) or control (windows) + Z to take a step back, or reverse the black and white in the color box to stop hiding pixels and start revealing them.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Three: Apply a Color Balance Adjustment Layer to the top underwater layer.

Now we need to adjust the colors on the top underwater/sky layer. After selecting this layer in the layer panel, apply a Color Balance Adjustment Layer. I chose to keep this layer looking slightly different than the bottom, so I did not use the same adjustment layer settings.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Next, add a Curves Adjustment Layer and adjust as necessary.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Four: Soften the top edges of the ocean surface within the Layer Mask.

Returning to the ocean surface layer, select the layer mask. Make sure black is your foreground color, and select your brush tool. On a low opacity, blend the horizon line softly with the top ocean layer by painting in an undulating S-shape.

It’s worth noting that if you select the layer, but not the layer mask itself, you will only be painting on the image, not hiding pixels in the layer mask.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

 

Add the Cityscape

 
Step One: Isolate the city and wall.

Once your cityscape image is open and resized, you need to isolate the city and the wall from the background using your preferred method. We again used a vector mask and paint brush to carefully “erase” all the extra information from the image.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Two: Add a Hue/Saturation Adjustment Layer.

Apply a Hue/Saturation Adjustment Layer and a Color Balance Adjustment Layer to make the cityscape fit better with our ocean scene.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

 

Bring In the Underwater Mountain

 
Step One: Get your Pitons in Saint Lucia image in place.

Open, place and resize your image as always.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Next, we need to flip the image vertically to make it appear to be “upside down.” Go to Edit > Transform > Flip Vertical.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Two: Isolate the mountain.

Use a Vector Mask or other method to isolate the mountain and hide the background.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Three: Stretch the image to fit under the city.

Using the Move Tool, “stretch” the Mountain to fit under the cityscape.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Four: Bring water in front of the mountain.

This is where the magic happens. Add a vector mask to the mountain layer if you have not already done so, and using a black brush on 25% opacity, hide the mountain under the ocean. I used multiple strokes, concentrating close to the ocean “surface.”

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Five: Adjust the color and lighting.

Apply Curves and Color Balance Adjustment Layers.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

On the Color Balance Adjustment Layer, adjust both the midtones and the shadows until the image colors blend with the rest of the waterscape.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 

Add the Reflective Mountain scene

 
Step One: Bring in your Mountain Reflected in a Calm Lake image and resize it to fit the screen.

This image is great in that most of the work is already done for you. Once the image is in the canvas and resized, isolate the image using your preferred method.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Two: Repeat steps 4 & 5 above.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Three: Apply a Hue/Saturation Adjustment Layer.

In addition to the Color Balance and Curves Adjustment Layers, this image called for a Hue/Saturation Adjustment Layer, so we decreased the saturation to get a less vibrant effect.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

 

Add the Foreground Rock

 
Step One: Bring in your Mountains Sheltering a Quiet Bay image and resize it to fit the screen.

Isolate the image using your preferred method.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Two: Flip the image horizontally and place to the left of the image.

Go to Edit > Transform > Flip horizontal.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Three: Apply Curves and Color Balance Adjustment Layers.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Four: Lower the opacity of the image.

There are a few ways to lower the opacity of a layer, including lowering the opacity directly in the Layers Panel. Because I wanted more control over individual elements, I applied a Vector Mask, and used my black paint brush on a low opacity to hide some of the pixel data.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

 

Time for a Whimsical Underwater Friend

 
Step One: Bring in your Stingray image and resize it to fit the screen.

Isolate the image using your preferred method.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Two: Adjust the color and lighting.

Apply Curves and Color Balance Adjustment Layers.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
Step Three: Adjust the size and position as desired.

Use your move tool to change the size, dimensions, and location of the stingray on the canvas.
 
Step Four: Apply a Hue/Saturation Adjustment Layer.

This guy didn’t look quite right to me, so at this stage I added a Hue/Saturation Adjustment Layer to help him blend into the scene.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites

 

Tying It All Together

 
Step One: Add shadows.

Without shadows, everything is just floating on a 2-dimensional canvas. Luckily, adding realistic shadows is super easy, (and no, I don’t mean the “Drop Shadow” tool).

Just select your brush tool and set the mode to “Color Burn.” Then, going through each layer one by one, color in shadows where they would naturally appear. Remember to keep your light source consistent, and play with the opacity level on your brush (I used a level ranging from 5%-20%). I added shadows to the water surface, the ocean floor, and each element within the scene.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 

Bonus Round

If you aren’t a fan of the water being used as the sky, it’s super easy to make it look like a normal sky scene. Simply grab that layer, and adjust the scale so that the sand is hidden outside the frame.

Photoshop Tutorial Create Fantasy Seascape Stock Photo Composites
 
And voila! You now have the know-how and skills to create whatever underwater fantasy your heart desires.

Feeling inspired? Make your own seascape with these and other stock photos from our library. We would love to see what you come up with!

 
 

Find Your Fantasy

 

Caroline MercurioPhotoshop Tutorial: Create a Fantasy Seascape with Stock Photo Composites

Related Posts

Take a also a look at these posts

Join the conversation

Or