Sunday, March 14, 2010

How to Create an Outstanding ‘Out of Frame’ Horse Scene

In this tutorial I will show you how to make a horse reach out of a frame with some simple, but cool techniques. Besides of the techniques you will learn how to combine colors to make the scene even more dramatic.

Final Image

As always, this is the final image that we’ll be creating:
horse21b How to Create an Outstanding Out of Frame Horse Scene

Step 1

Open up this picture in photoshop Frame Photo
horseframe How to Create an Outstanding Out of Frame Horse Scene
Select the “Pen Tool (P)” and mark around it like on the picture below. It will help you if you’re holding down the left mouse-click when you’re on the wheels. This makes it more rounded.
horse1a How to Create an Outstanding Out of Frame Horse Scene
When you have marked it all, right click on it and click on “make selection…” and press ok with the settings you see below:
horse1b How to Create an Outstanding Out of Frame Horse Scene
When selected, press “ctrl+c” to copy and “ctrl+v” to paste it. Name the new layer “Frame” and delete the “Background layer” After this we still have some red spots inside the cogwheels. You can erase them by also using the “Pen Tool (P)”, select it with the same settings and delete.
horse1c How to Create an Outstanding Out of Frame Horse Scene

Step 2

Now you’re going to do almost the same here. As you can see on the picture below, we’re going to erase the scene inside the frame, so we can design it just as we like. With the Pen Tool (P) you’re going to select the area inside. But mark around the cogwheels, because we want to keep them. When selected as on the picture below, click delete.
horse2a How to Create an Outstanding Out of Frame Horse Scene
horse2b How to Create an Outstanding Out of Frame Horse Scene
Once again we have some spots inside the cogwheels we need to erase. Do it in the same way as on step 1. As you can see on the picture there is two places I have erased the inner cogwheel because we don’t have all of it and therefore it’s better without.
horse2c How to Create an Outstanding Out of Frame Horse Scene
horse2d How to Create an Outstanding Out of Frame Horse Scene
horse2e How to Create an Outstanding Out of Frame Horse Scene

Step 3

I think that the frame has a lot of grain, which will be prettier if we reduce them a little bit. So go to Filter>Noise>Reduce Noise… and use these settings.
horse3a How to Create an Outstanding Out of Frame Horse Scene
Look if you can see the difference:
horse3b How to Create an Outstanding Out of Frame Horse Scene
horse3c How to Create an Outstanding Out of Frame Horse Scene

Step 4

Create a new document with these settings:
horse4 How to Create an Outstanding Out of Frame Horse Scene
Now we need a black background for this document, so set the foreground color to #000000. Pick up the “Paint Bucket Tool” (G) and click on the document.

Step 5

Now go back to our old document and drag the “frame” to our new document by holding down the mouse button. As you can see on the picture below, the frame is too big. So hold down “ctrl+t” to transform the frame.
horse5a How to Create an Outstanding Out of Frame Horse Scene
horse5b How to Create an Outstanding Out of Frame Horse Scene
Before we get started with the fun part, we need to flip the frame horizontal, so go to edit>transform>flip horizontal… Now we have the highlight to the right, where the horse also will be jumping out from.
horse5c How to Create an Outstanding Out of Frame Horse Scene

Step 6

Open up this picture in Photoshop http://www.flickr.com/photos/vegaseddie/3309223161/sizes/l/in/photostream/ and drag it into our document. Name this layer “horse”
horse6a How to Create an Outstanding Out of Frame Horse Scene
Set the layer’s opacity down to 50 % so we can see where to transform it to. Hold down “ctrl+t” to transform it into around the same settings as I used:
horse6b How to Create an Outstanding Out of Frame Horse Scene
horse6c How to Create an Outstanding Out of Frame Horse Scene
horse6d How to Create an Outstanding Out of Frame Horse Scene
When you’re finished transforming it you can set the layer’s opacity up to 100% again.

Step 7

Now we’re going to cut the horse out, so we can erase other parts of the horse. So you need to use the “Pencil Tool (P)” again, and mark the house. Take your time. It’s better that you cut it out in the exact same shape than thinking of being finish as quick as possible. When you’re finish marking the horse, right click on it and click on “make selection” and use the settings as you see below on picture 2. After that, hold down “ctrl+c” to copy and “ctrl+v” to paste it. Name the new layer “horse outside”.
horse7 How to Create an Outstanding Out of Frame Horse Scene

Step 8

Go down to the “horse” layer, and create a layer mask.
horse8a How to Create an Outstanding Out of Frame Horse Scene
Hold down the ctrl key while clicking on the thumbnail of the “frame” layer, so we have that selected. (Remember, you still need to be on the layer mask on the “horse” layer)
Now with your foreground color set to black hold down “shift+f5” to fill the layer mask with black, click “ok”, and hold down “ctrl+d” to deselect. Now it should look like picture 2 below.
horse8b How to Create an Outstanding Out of Frame Horse Scene
horse8c How to Create an Outstanding Out of Frame Horse Scene
Still on the layer mask, select a black brush and paint the outgoing scene of the “horse” layer. It will afterwards look like this:
horse8d How to Create an Outstanding Out of Frame Horse Scene

Step 9

I think that I have made my document too small, but don’t worry, it’s easy to fix. Go to image>canvas size (“Alt+Ctrl+C”) and use the settings you see below:
horse9a How to Create an Outstanding Out of Frame Horse Scene
Now it should be a little bigger:
horse9b How to Create an Outstanding Out of Frame Horse Scene

Step 10

Select the “frame” layer, the “horse” layer and the “horse outside” layer at the same time, hold down “ctrl+t” to transform it a little bigger. In order to maintain image quality you should always work with Smart Objects when possible. The settings of the transformation shall be like on the picture below:
horse10a How to Create an Outstanding Out of Frame Horse Scene
horse10b How to Create an Outstanding Out of Frame Horse Scene

Step 11

Now we’re going to give the horse some highlights. Start by creating a new layer upon the “horse outside” layer. Name the new layer “horse highlights” Set the blending mode to overlay and the opacity down to 85 % like on the picture below.
horse11a How to Create an Outstanding Out of Frame Horse Scene
Hold down the “ctrl” key and click on the thumbnail on the “horse outside” layer, but still be on the “horse highlights” layer. With the color set to #fffcd9, you’re going to paint around the places as you see below.
horse11b How to Create an Outstanding Out of Frame Horse Scene
horse11c How to Create an Outstanding Out of Frame Horse Scene

Step 12

Now we’re going to add some drop shadows to the “horse outside” layer. Go to Layer>Layer Style>Drop shadows and enter in these settings:
horse12 How to Create an Outstanding Out of Frame Horse Scene

Step 13

I’m not satisfied about the look of the frame yet. Go down to the frame, right click and click on “duplicate layer”, so we got another frame layer. On the new layer (“frame copy”) set the “blending mode” to “multiply” and the “opacity” down to 70%. It should look like this:
Now do the exact same thing to the horse layer with the exact same settings, so it’s going to look like this
horse13 How to Create an Outstanding Out of Frame Horse Scene

Step 14

Now we’re going to add a little dept to the “frame copy” layer. Go to Layer>Layer Style>Bevel and Emboss and enter the settings you see below:
horse14 How to Create an Outstanding Out of Frame Horse Scene

Step 15

Now we’re also going to add a little dept to the “horse” layer. Select the burn tool with “Midtones” in the “Range” and an “Exposure” on 50 %. Burn these places.
horse15 How to Create an Outstanding Out of Frame Horse Scene

Step 16

Now we’re going to add some extra soil beneath the horse. So create a new layer upon “horse highlights”. Name it “soil”
Download this brush Debris Brush Set
Install the brush in Photoshop by select a random brush and load the brush this place:
horse16a How to Create an Outstanding Out of Frame Horse Scene
Pick this color #22110a, and paint with the first brush, but adjust the size to around 5-600 px. After you have painted it, set the blending mode to “Multiply”
horse16b How to Create an Outstanding Out of Frame Horse Scene
horse16c How to Create an Outstanding Out of Frame Horse Scene

Step 17

Actually I think that we can make the horse look a little more outstanding. Right click on the “horse outside” layer and click on “Duplicate Layer…” And stay on the new “horse outside copy” layer
Go to Layer>Layer Style>Drop shadows to check the layer style off.
Now go to the old “horse outside” layer and blur this layer by going to Filter>Blur>Motion Blur and enter these settings:
horse17a How to Create an Outstanding Out of Frame Horse Scene
horse17b How to Create an Outstanding Out of Frame Horse Scene

Step 18

We can actually duplicate the “frame copy” layer one more time. Do that. On the new “frame copy 2”, set the blending mode to “overlay” and the opacity to 45 %.
horse18 How to Create an Outstanding Out of Frame Horse Scene

Step 19

Now we’re going to make the scene a little more dramatic. Create a new layer right upon the “horse copy” layer (beneath the “horse outside” layer). Name it “clouds”.
On our new layer, select the “Rectangular Marquee Tool (M)” and select this place you see below:
horse19a How to Create an Outstanding Out of Frame Horse Scene
Go to Select>Modify>Feather (“shift+f6”) and feather it with 30 pixels.
Now when have a black and white color in your color palette, go to Filter>Render>Clouds… Hold down ctrl+d to deselect.
horse19b How to Create an Outstanding Out of Frame Horse Scene
Set the blending mode to “multiply” and the opacity to 70 %.
horse19c How to Create an Outstanding Out of Frame Horse Scene
Create a layer mask, and pick up the “Gradient Tool (G)” With these settings:
horse19d How to Create an Outstanding Out of Frame Horse Scene
Hold down shift drag the “Gradient tool” from left middle of the frame to about half way in the scene.
horse19e How to Create an Outstanding Out of Frame Horse Scene
Now click on the “clouds” layer’s thumbnail, and go to edit>transform>distort and distort it like this:
horse19f How to Create an Outstanding Out of Frame Horse Scene
Last, go to edit>transform>flip horizontal… The result will look like this.
horse19g How to Create an Outstanding Out of Frame Horse Scene

Step 20

Now we’re going to make the reflection. This is a very easy technique. Make the “Background” layer invisible by clicking on the eye icon.
Now click “ctrl+a” to select all.
Go to edit>copy merged (“shift+ctrl+c”) and hold down “ctrl+v” to paste. Name the new copied layer “Reflection”.
horse20a How to Create an Outstanding Out of Frame Horse Scene
Now go to edit>transform>flip vertical and drag it right under our original frame like this:
horse20b How to Create an Outstanding Out of Frame Horse Scene
Now let’s make that “Background” layer visible again. But still be on our “Reflection” layer. Set the layer’s opacity to 30 %
horse20c How to Create an Outstanding Out of Frame Horse Scene
Create a new layer upon the “reflection” layer, name it “reflection shadow”. Pick up the “Gradient tool (G)” with the same settings and before, and drag it from down to up like on the picture below:
horse20d How to Create an Outstanding Out of Frame Horse Scene

Step 21

Create a layer upon all other layers. Name it “Blue”. Pick up this color #3f3e65. Pick up the “Paint Bucket tool” and fill the layer with this color. Set the blending mode to “overlay” and the opacity to 65 %
horse21a How to Create an Outstanding Out of Frame Horse Scene
Create another layer upon the “Blue” layer. Name it “Brown”. Pick up this color #624b2b and fill the layer with this color. Set the blending mode to “color” and the opacity to 60 %
horse21b How to Create an Outstanding Out of Frame Horse Scene


EmoticonEmoticon