Preview of Final Results

image004


Dreamy Photo Manipulation of a Girl Looking Out a Window Photoshop Tutorial


Resources


Step 1: Create a New Photoshop Image File

Let’s start by creating a new image file, go to the Menu bar and click File > New, and then input the following values on their respective fields:
  • Presets: International Paper
  • Size: A4
  • Width: 2480 pixels
  • Height: 3508 pixels
  • Resolution: 300 pixels/inch
  • Color Mode: RGB Color; 8 bit
  • Background Contents: White

image005


Step 2: Create the Background

In this step, we will be creating the background. To start, let’s open “By the Window II” by Eirian stock. Once open, activate the Rectangular Marquee Tool by pressing M on your keyboard and create a selection area around the image, but disregard the little black border. See image below:

image006

Move tool by pressing V on your keyboard. Now, drag that image into our canvas. It should appear like this:

image007

Once on the canvas, we would need to rename the layer to Background. To rename a layer, simply double-click on the words: “layer 1″ (which is our layer – “By the window II”) to prompt a text box to appear. Once that appears, you may now rename the layer. See sample below:

image008

Next, activate the Transform tool (Ctrl/Cmd + T) and resize that image as shown below:

image009

The result of that should be like this:

image010

Next, we will be removing the view through her window. Let’s start by activating the Polygonal Lasso Tool (L).

image011

Once you’ve activated the Polygonal Lasso Tool (L) we will now create a selection area around the windows. To do that, follow the instructions shown on the image below:

image012

Now, after you’ve created the selection area, press Delete to remove the views through the windows. The result should be like this:

image013

Before we proceed to adding another image through her window, there is something we need to remove. Look carefully at the image below:

image014

Now, how do we remove that? We can’t use the Eraser tool (E) since it would look fake through the white background. So, what we will do is, we will paint on it! To start, make sure that the Background layer is active and then create a new layer (Ctrl/Cmd + Shift + N), this will automatically put the layer above the Background layer – when the New Layer box opens, input “Gray” on the name field.

image015

When you’re done, activate the Brush tool (B), make sure that the brushes are the default Photoshop brushes. See image below:

image016

To make sure that you’re using that, simply right click the canvas while a layer is selected and while the Brush tool (B) is activated and then click on the button highlighted below:

image017

Then click on “Reset Brushes” from the contextual menu.

image018

Now, that that is done input the following settings for our Brush tool (B):
  • Brush size: 15px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%
  • #: 898989
  • Zoom: 400%

image019

Note: #: 898989 is the Brush’s color. To set that, simply follow the instructions below: The #: 898989 is the color of the Brush tool (B), so this means it is colored black. To set the brush color, follow the instructions below:

image020

After clicking the Foreground tool, the Color Picker box would open. Once open, input the following on the # space:

image021

Once you’re done, you’d see that the Foreground Color has changed as well. The other thing you should know is the Zoom level. The Zoom level is found in the Navigator Window – it is highlighted on the image below:

image022

Now, let’s paint with the zoom level set at 400%.

image023

The result of that would be like this:

image024

image025

Next, let’s fix the other part. Start by creating a new layer (Ctrl/Cmd + Shift + N) and input “Gray 2″ on the name field. Next, activate the Brush tool (B) and input the following:
  • Brush size: 15px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%
  • #: 8b8b8b
  • Zoom: 400%
Now, let’s paint:

image026

The result of that would be like this:

image027

Next, let’s enhance the colors of these “gray” colors to make it look realistic. We will do this by adding white paint on top of some parts of it. Create a new layer (Ctrl/Cmd + Shift + N) and name it “White 1″. Activate the Brush tool (B) and then input the following:
  • Brush size: 40px
  • Hardness: 0%
  • Opacity: 25%
  • Flow: 100%
  • #: cdd5e2
  • Zoom: 200%

image028

The result of that would be like this:

image029

image030

Now, let’s add white paint to the other “gray” region. Create a new layer (Ctrl/Cmd + Shift + N) and name it “White 2″. Activate the Brush tool (B) and then input the following:
  • Brush size: 20px
  • Hardness: 0%
  • Opacity: 25%
  • Flow: 100%
  • #: 9f9f9f
  • Zoom: 200%

image031

The result of that would be like this:

image032

image033

Now that we’re done, select all the layers and press Ctrl/Cmd + G to group them. We would need to group them to avoid confusion on later steps. Rename this group to “Background”. Note: Renaming a group is similar to renaming a layer. Just double click on the words “Group 1″ and a text box would appear. You would also notice that the layers have been hidden from view, to view them again just left click on the arrow beside the Group’s name. See below:

image034