Saturday, October 27, 2012

How to Create an Oddly-shaped Surreal House

 image
In this photo-manipulation tutorial, we will learn how to create an oddly-shaped, surreal-inspired, stone house. We will learn how to blend several stock images together to create a pseudo long exposure image of a surreal house at the edge of the dock. We will learn how to create realistic reflections on water and also, enhance the light and shadows of the stock images to create a seamless image.

Preview of Final Results

image004


Download the PSD

How to Create an Oddly-shaped Surreal House PSD.zip | 169.84 MB
Download from Website


How to Create an Oddly-shaped Surreal House


Tutorial Resources


Step 1: Create a Photoshop Image File

Now, 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:

  • Width: 3000px
  • Height: 3000px
  • Resolution: 300pixels/inch
  • Color Mode: RGB Color; 8 bit
  • Background Contents: Transparent

image006


Step 2: Create the Background

In this step, we will be creating the sky of our image. To start, open “Stock Field” by digital amphetamine. Next activate the Rectangular Marquee Tool by pressing M on your keyboard.

image007

Once activated, create a selection area around the sky as shown below:

step2a

Next, activate the Move tool (V) and drag the selected area by left-clicking on it and dragging it to the canvas.

Position the selected area as shown on the image below:

step2b

Now, let’s rename this layer to “sky 1″. To rename a layer, simply double-click on the words: “layer 1″ (you can find that on the layer window) to prompt a text box to appear. Once that appears, you may now rename the layer. See image below:

step2c

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

step2d

Now, activate the Transform tool (Ctrl/Cmd + T) and resize the image by following the instructions shown below:

step2e

The result of that should be like this:

step2f

Next, we will add another sky layer to give make the sky more dramatic. To start, open “Sky 17″ by sacral stock. Once open, activate the Move tool (V) and drag this to our canvas, make sure to put this layer above the “sky 1″ layer; to do that, simply left-click the new layer and drag it above the “sky 1″ layer.

Rename this layer to “sky 2″.

Position it as shown below:

step2f

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

step2g

The result:

step2h

Next, we will need to erase some parts of “sky 2″ to make it blend with “sky 1″, so activate the Eraser tool (E) and input the following:

  • Brush size: 2200px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%

step2i

Now, erase as shown below:

step2j

After that, change “sky 2″‘s layer opacity to 80% to make it blend well with “sky 1″.

To change the Layer opacity, go to the Layer window and then change 100% to 80%.

step2k

Now, let’s Merge the sky layers; to Merge them, simply click on both layers and then right click on one of them and then on the contextual menu, click on “Merge Layers”.

step2L

Now that both of these layers are merged, we will now make them move similar to skies from a long exposure image; to do that, click on the newly merged layer and then go to Filter > Blur > Motion Blur and then input the following:

  • Angle: 0
  • Distance: 200pixels

step2m

The result should be similar to this:

step2n


Step 3: Create the Dock

In this step, we will add the huge body of water as well as the dock. To start, let’s open “floating dock” by archistock. Once open, activate the Polygonal Lasso Tool (L) and create a selection area around the dock.

image008

step2o

Once you’ve created the selection area, activate the Move tool (V) and drag it to our canvas. Put this new layer above the merged sky layer. Name this new layer to “dock”.

Position the layer as shown on the image below:

step2p

Activate the Transform tool (Ctrl/Cmd + T) and then resize the dock as shown below:

step2q

The result:

step2r


Step 4: Create the Sea

In this step, we will be adding the sea. To start, let’s open “Waterscape Stock 1″ by Colourize Stock. Next, activate the Rectangular Marquee Tool (M) and create a selection area for the sea. See image below:

step2s

Next, activate the Move tool (V) and drag this image to our canvas. Put this layer below the “dock” layer so that the dock layer would still be seen.

Now, name this layer to “sea”.

Position this layer on the region as shown on the image below:

step2t

Now, let’s brighten the horizon of our image. To start, let’s create a new layer (Ctrl/Cmd + Shift + N) and when the box opens, input “brighten horizon” on the name field.

Next, activate the Brush tool (B) but before we start, make sure that the active Brushes are the default brushes. The default Photoshop brushes are shown on the image below, if that’s not what you see, then follow the instructions below:

image009

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:

image010

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

image011

Now, that that is done input the following settings for our Brush tool (B):

  • Brush size: 1000px
  • Hardness: 0%
  • Opacity: 15%
  • Flow: 100%
  • #: ffffff

Note: The #: ffffff is the color of the brush. To change it to that, simply do the following:

image012

Once the Color Picker box opens, input the following on the # box:

  • #: ffffff

step2u

Now, let’s start painting:

step2v

The result:

step2w

Next, let’s the foreground; to start let’s create a new layer (Ctrl/Cmd + Shift + N) and input “darken foreground” on the name field.

Put this layer above all the layers that we’ve created.

Activate the Brush tool (B) and input the following:

  • Brush size: 1400px
  • Hardness: 0%
  • Opacity: 15%
  • Flow: 100%
  • #: 000000

step2x

Now, let’s paint:

step2y

The result:

step2z


Step 5: Create the Stone House and its Reflection

In this step, we will be adding the mysterious stone house which will be found at the edge of the dock. To start, let’s open “Piedra Parada” by cdiniro. Once it is open, activate the Magnetic Lasso Tool (L) and create a selection area around the giant stone. See image below:

image013

step3a

Now, once that is done, activate the Move tool (V) and drag the selected area (our rock) and drag it all the way to our canvas. Position above all the layers that we’ve created.

Rename this layer now to “giant stone”.

Once renamed, position the giant stone as shown on the image below:

step3b

Next, we will darken the stone to blend it with the images. To start, let’s create a new layer (Ctrl/Cmd + Shift + N) and on the name field, input: “darken stone”. Create a clipping mask for this layer so that the paint will just go to the “giant stone layer”.

Activate the Brush tool (B) and then input the following values:

  • Brush size: 1400px
  • Hardness: 0%
  • Opacity: 15%
  • Flow: 100%
  • #: 000000

Now, let’s start painting:

step3c

The result of that would be like this:

step3d

Now, we will be creating the stone house’s reflection; to start, duplicate our stone layer by pressing Ctrl/Cmd + J.

Next, drag this duplicated layer and put it below the “dock” layer. See image below:

step3e

Now that that’s done, activate the Transform tool (Ctrl/Cmd + T) and then right click on the canvas to bring up the contextual menu. When this menu opens, click on Flip Vertical. See image below:

step3f

The result:

step3g

Activate the Move tool (V) and drag the duplicated giant stone as shown on the image below:

step3h

Now, that that is done, let’s make it look like a reflection. To do that, click on this duplicated giant stone layer and then go to Filter > Blur > Motion Blur. Once it opens, input the following:

  • Angle: 0
  • Distance: 50pixels

step3i

The result:

step3j


Step 6: Add the Door and Windows

Now, to make it look like a real house, we will be adding the door and the windows. To start, let’s first add the door. Open the stock image: “Old door” by salsoul.

Activate the Polygonal Lasso tool (L) and create a selection area around the door.

step3k

Once that is done, activate the Move tool (V) and drag the image to our canvas and put this layer above all the layers that we’ve created.

Rename this layer now to “door” and once you’ve done that, position the door as shown on the image below:

step3L

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

step3m

The result should be similar to this:

step3n

Next, let’s reduce the lightness of the colors of this door; to do that, make sure that this door layer is selected and then go to Image > Adjustments > Hue/Saturation (or simply press Ctrl/Cmd + U).

Once the Hue/Saturation box opens, input the following:

  • Edit: Master
  • Hue: 0
  • Saturation: 0
  • Lightness: -20

step3o

The result:

step3p

Once we’re done with that, let’s now create the shadow of the door. Let’s start by creating a new layer (Ctrl/Cmd + Shift + N) and on the name field, input: “door shadow”.

Next, drag this layer below the “door” layer so the door’s shadow would appear at the back of the door.

When you’re done, activate the Brush tool (B) and input the following:

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 15%
  • Flow: 100%
  • #: 000000

Now, let’s paint:

step3q

The result:

step3r

Now, let’s proceed in creating the windows; to start, let’s open “Window” by mehrunnisa stock.

Once the stock image is open, activate the Rectangular Marquee tool (M) and create a selection area around the window.

step3s

Activate the Move tool (V) and drag this window to our canvas. Make sure to put it above all the layers that we’ve created.

Rename this layer now to “window”.

Position the window as shown on the image below:

step3t

Now, activate the Transform tool (Ctrl/Cmd + T) and resize the window as shown on the image below:

step3u

Next, let’s create another window and for us to do that, simply duplicate the “window” layer (Ctrl/Cmd + J) and then drag this duplicated layer to the right. See image below:

step3v

The result:

step3w

Now, let’s create the shadow of the windows. Let’s start by creating a new layer (Ctrl/Cmd + Shift + N), and on the name field, input: “window shadow”. Put this layer below the window layers.

Activate the Brush tool (B) and input the following:

  • Brush size: 80px
  • Hardness: 0%
  • Opacity: 15%
  • Flow: 100%
  • #: 000000

Now, let’s start painting:

step3x

The result:

step3y


Step 7: Enhance the Color of the Image

Now, we will enhance the color and overall brightness of the image. To start, let’s create a Solid Color adjustment layer. From the Layer window, click on the “Create New Fill/Adjustment layer button”.

image014

Once the contextual menu opens, click on Solid Color:

image015

Now, clicking on the Solid Color option will open the Color Picker box. Now, input the following on the #: space.

  • #: 000120

step3z

Now, your screen is filled with a dark blue color. We don’t want that, so let’s change the Blending mode and Opacity of this Solid color adjustment layer. To do that, go to the Layer window and then click on the drop-down menu beside the Normal tab and then click on “Exclusion”. For the Opacity, simply click on the 100% tab and then reduce it to 40%. See image below:

image016

The result of that would be like this:

step4a

Next, let’s create another Solid Color adjustment layer.

Input the following:

  • #: 3a220d

Once created, change the Blending mode and Opacity to the following:

  • Blending mode: Soft Light
  • Opacity: 30%

Next, let’s create a Color Balance adjustment layer, from the “Create New Fill/Adjustment layer button”.

image017

When the box opens, input the following:

  • Color Levels: -5, +5, -10
  • Tone Balance: Midtones
  • Preserve Luminosity: Checked

step4b

Next, let’s create a Photo Filter adjustment layer.

image018

Once this box opens, choose the following filter:

  • Filter: Red
  • Density: 25%
  • Preserve Luminosity: Check

step4c

Next, reduce the Photo Filter’s opacity to the following:

  • Layer Opacity: 70%

step4d

Now, let’s create another Photo Filter adjustment layer. This time, choose the following filter:

  • Filter: Sepia
  • Density: 25%
  • Preserve Luminosity: Check

step4e

Now, let’s enhance the exposure of the image. Create an Exposure adjustment layer through the “Create New Fill/Adjustment Layer” button.

step4f

Once the Exposure box opens, input the following:

  • Exopsure: 0.40
  • Offset: 0.0000
  • Gamma Correction: 1.00

step4g


Final Results

image004


Download the PSD

How to Create an Oddly-shaped Surreal House PSD.zip | 169.84 MB
Download from Website

0 nhận xét:

Post a Comment

Facebook ZingMe More