Preview of Final Results

image002


Tutorial Resources


Step 1: Creating a new Photoshop file

Let’s start off by creating a new Photoshop file. Create a new file with the following settings:

image003


Step 2: Adding the field

The first thing we’re going to add to our manipulation is the field. Go to File -> Place (see image below for reference) and place the Field resource into our project.

image004

This is what you should see in your screen now:

image005

Now hold Shift+Alt/Opt, click on the top right corner of the image, and drag the mouse in the direction of the arrow shown in the image below. This will increase the size of the image while maintaining it in its center.

image006

Try to increase the size of the field until it reaches the borders of our project.

image007

To confirm the changes just hit Enter, or click in that little check sign on the top bar:

image008

Now let’s create a layer mask to hide the sky part of this image, because we won’t be needing it. With this layer selected, click on the “Add Layer Mask” button (highlighted in the image below).

image009

This is how your layers panel should be looking like after that:

image010

Now select the brush tool (see the image below). You can also use the shortcut B.

image011

Keep the Opacity and the Flow of the brush at 100% (settings are located on the top panel).

image012

We’re going to paint the sky part of our layer with black, to hide unwanted parts of our image in a non-destructively way. To easily select black while painting a layer mask, press D to reset the colors of your palette, and then press X to swap them and make black as your foreground color.

image013

Right click anywhere in the image to change the size and hardness of the brush. Keep the size between 200-400px (you can reduce the size to help paint some parts) and keep the hardness at 0% at all times. Here are some shortcuts to help speed up your work:

· To increase the size of a brush hit ]

· To decrease the size of a brush hit [

image014

Paint the whole sky and some parts of the mountains with black. Check the image below and try to reach a result similar to this one.

image015

And we’re done with the Field. If you have a Background layer like me, delete it by clicking on it and dragging it to the recycle bin (check the image below for reference).

image016image017

Now your canvas should be transparent instead of white, just like this:

image018


Step 3: Adding the sky

Let’s add some sky to our project. Go to File -> Place again and select the big blue planet (“cosmos1_0009”).

image019

Every time you place an image into your project, you automatically have the control of the Free Transform Tool. This is a really common tool, and basically it lets you move, rotate and scale your image. Here’s how it works:

  • To move the image, just click anywhere inside the rectangle and drag it someplace else
  • To rotate the image, click anywhere outside the rectangle and drag it around the image
  • To resize the image, click in one of the corners of the rectangle and drag it. To maintain the proportion while doing this, just hold the Shift key during this process.

Ok, so we’ll start with a rotation. Rotate the image following the instructions above, and remember to hold Shift while doing it, so the rotations will be multiples of 15º.

image020

Rotate the planet 90º to the right, like this:

image021

Now we have to put this layer behind the field layer. To do that, just click and drag this layer below the other one.

image022

Now we’re going to increase the size of this image so it can fill our whole canvas. Hold Shift, click on the top right corner of the image and drag it on the direction of the arrow:

image023

After scaling the image, drag it down by clicking anywhere inside the rectangle and dragging everything down. Check the image below for reference.

image024

So here’s the result of this step:

image025

And this is how your layers panel should be looking like:

image026


Step 4:Adding the first planet

In this step we’re going to add the big planet into our project. Because we are working with smart objects, we can easily do this by creating a copy of our cosmos layer. Drag the cosmos layer into the button highlighted in the image below to create a copy of it.

image027image028

Now hit Ctrl/Cmd+T to bring up the Free Transform Tool (or go to Edit->Free Transform). To reveal the planet, all we have to do is drag this layer up, like this:

image029

Let’s select the only part of the layer we want to work with (the planet itself) and delete the rest of it. To do that, select the Elliptical Marquee Tool (Shortcut: M).

image030

Now we have to make a perfect round selection of the planet. Take a look at the instructions in the image below and try to make the selection as accurate as possible.

image031

With the selection made, create a new layer mask in the image by clicking on the “Add Layer Mask” button.

image032

Here’s the result:

image033

And here’s how your layers panel should be right now:

image034


Step 5: Adding the second planet

To add our second planet into the project, follow the same process we did before. Go to File -> Place and select the “cosmos1_0001.jpeg” image.

image035

Drag the image up a little bit so we can make a selection around this new planet.

image036

Select the Elliptical Marquee Tool again (Shortcut M) and repeat the same steps we did with the other planet to select this one.

image037

With the selection made, create a new layer mask in this layer by clicking on the “Add Layer Mask” button.

image038image039

Here’s the result:

image040

Now we’re going to have to resize, move and rotate the planet. To do that, use the Free Transform Tool (Ctrl/Cmd+T) and check the images below:

· Remember to always hold Shift while scaling to maintain the proportions

image041

After resizing it, drag the planet to this position:

image042

The final step is to rotate the planet. With the Free Transform Tool still activated, rotate the planet (click and drag outside the rectangle) based on the instructions in the image below:

· You don’t have to hold Shift while rotating this time

image043

Here’s the final result in our image and in our layers panel:

image044

image045


Step 6: Improving our layers

Before we continue let’s arrange our layer in a better way. To start off, change the names of all ours layers to something that represent them (so we don’t get lost in the future). To change the name of a layer simply double click on its name. Here’s how I renamed my layers:

image046

After you’ve renamed all of your layers, select all of them (click on the first one, hold Shift and click on the last one) and drag them to the “Create new Group” button.

image047

Name this new group Images (or anything else you want) and we’re good to go.

image048


Step 7: Adding the forest

We’re done with the photo manipulation part of our project, we are now only going to work with brushes. Let’s start off by adding the forest to the right part of our image. If you’re not familiar with installing and using Photoshop brushes, I suggest you take a look at this video on how to install Photoshop brushes. So now that you know how to install new brushes into Photoshop, you can go ahead and download and install the four brush packs that we are going to need for the next steps. It’s two tree packs, one bushes pack, and one people pack. After all done, create a new layer in our project by clicking in the “Add new layer” button (or use the shortcut Ctrl/Cmd+Shift+Alt/Opt+N). Rename this new layer Forest.

image049image050

Now load the 2 trees silhouettes pack we downloaded into our brush panel (check the beginning of that video to see how).

image051

Make sure black is your foreground color (press D), leave the opacity at 100% and let’s start creating the forest!

· Try to achieve a fade away effect (taller trees in the front, smaller trees behind)

· Do not overcrowd the image, try to keep a nice balance where the viewer can identify the trees

· You can use any type of tree you want to, but make sure that you maintain a certain pattern with them (if you start with trees with no leaves, keep all of them like that)

· You can use the same brush more than once, but make sure you use it with different sizes and place them in different places

Here’s the step-by-step of how I did mine:

image052

image053

image054


Step 8: Adding the bushes

Now we’re going to do the same thing we did in the previous step, but this time with bushes. First, load up the bushes brush pack into Photoshop.

image055

Create a new layer by clicking on the “Add new layer” button (or the shortcut Ctrl/Cmd+Shift+Alt/Opt+N) and name it Bushes.

image056image057

Place this new layer behind the forest layer.

image058

Set your foreground color to black (press D), make sure the opacity of your brush is at 100%, and go crazy with the bushes!

Try to follow the same idea we used with the trees, bigger bushes in the front, smaller on the back, and try to create a nice little grass for our trees. Here’s my step-by-step:

image059

image060

image061

image062

Remember: there’s no right or wrong in these two last steps, just be creative!