• HELLO THERE!

    Photoshop Tutorials: Create a Mysterious Scene with Planets


    Photoshop Tutorials: Create a Mysterious Scene with Planets

    Link to Photoshop Tutorials

    Create a Mysterious Scene with Planets

    Posted: 22 Jul 2013 12:06 AM PDT

     

    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!



    0 comments:

    Post a Comment

     

    Meet The Author

    Experience

    About Me