Photoshop Tutorial – Out of Bounds Sketch

This tutorial takes my previous one (Photo to Pencil Sketch) a step further by creating part of the image as an ink outline sketch and applying it to torn paper. You will learn one method of creating torn edges in this tutorial – there are many different ways to do it. Using free stock images and Photoshop’s built-in tools, create this interesting way of displaying your photos

Out of Bounds Sketch

Resources:

Butterfly Image from sxc.hu

Wrinkled Notebook Paper Texture from deviantart.com

Torn Envelope Texture from deviantart.com

Hand Image from deviantart.com


Note: If you use a different photograph for this tutorial you will have to adjust the settings to suit the image

Step 1

Create a new file using the following settings:

New File Settings

Fill the background with grey #3B3B3B

Step 2

Open the butterfly image

Image>Size – set the width to 1000, auto height, click OK

Select>All (Ctrl + A)

Edit>Copy (Ctrl + C)

Make your project active

Edit>Paste (Ctrl + V)

Rename the layer ‘photo’

Duplicate the layer – turn off the visibility of this layer

Step 3

Double click on the photo layer in the layers palette to bring up the blending options and apply the following Inner Glow settings:

Inner Glow Settings

Ctrl + T to transform the object

Rotate the image slightly and move it to the top left corner of the canvas, as shown below:

Photo Placement

Step 4

Restore visibility to the photo copy layer

Rename the layer ‘sketch 1’

Image>Adjustments>Desaturate

Duplicate the layer – name this layer ‘sketch 2’

Image>Invert (Ctrl + I)

Set the layer mode to Color Dodge (you won’t see a lot on the screen at this moment – but that is as it should be!)

Filter>Other>Minimum – apply the following settings:

Minimum Settings

Step 4

Double click on the sketch 2 layer in the layers palette to bring up the blending options and apply the following Color Overlay settings:

Color Overlay Settings

Merge the 2 sketch layers together – name the merged layer ‘sketch’

Turn off the visibility of this layer

Ctrl + T to transform the object

Hold down the Shift key to constrain the proportions and reduce the size of the image a little

Step 5

Open the Wrinkled Notebook Paper texture

Image>Image Size – set the width to 800, auto height, click OK

Select>All (Ctrl + A)

Edit>Copy (Ctrl + C)

Make your project active

Make the photo layer active

Edit>Paste (Ctrl + V)

Rename the layer ‘paper’

Step 6

Open the Torn Envelope texture

Select the Magic Wand tool and click somewhere on the white edge of the image

Select>Inverse

Edit>Copy (Ctrl + C)

Make your project active

Edit>Paste (Ctrl + V)

Ctrl + T to transform the object

Hold down the shift key and reduce the size of the envelope until it is a little wider than the paper

Duplicate the layer

Ctrl + T to transform the object

Right click within the transform box and click Rotate 90°CW

Rotate the envelope a little

Place it as required to make the side tear of the paper

Working on both of the envelope layers in turn, create a layer mask by clicking the icon at the bottom of the layers palette and mask out the overlapping parts, so you end up with something similar to this:

Envelopes Placement

Step 7

Merge the 2 envelope layers together

Ctrl + Click on the thumbnail of this merged layer in the layers palette to select the pixels

Select>Inverse

Make the paper layer active and hit the delete key

You can now delete the envelopes layer

Select the Rectangular Marquee tool

Drag out a rectangle at the bottom of the paper to give it a straight edge and hit the delete key

Step 8

Restore visibility to the sketch layer

Reduce the opacity until you can see the paper underneath it

Place the image as required on the paper

Restore layer visibility

Step 9

Add a layer mask to the sketch layer by clicking on the icon at the bottom of the layers palette

Select a hard, round brush

Mask out all parts of the sketch that are not required

You should end up with something like this:

Sketch

Step 10

Make the paper layer active

Apply a layer mask by clicking on the icon at the bottom of the layers palette

Mask out the holes in the left margin

Merge the paper layer and the sketch layer together

Step 11

Ctrl + T to transform the object

Right click within the transform box and click on Warp

Follow the instructions below:

Warp

Step 12

Create a new layer

Select the Brush tool, a soft round brush, foreground colour grey #DDDADA

Paint shadows over the 3 corners of the paper as shown below – don’t worry about going over the outside edges:

Shadows

Filter>Blur>Gaussian Blur – apply the following settings:

Gaussian Blur Settings

Reduce the layer opacity to around 70%

Ctrl + Click on the thumbnail of the paper/sketch layer to select the pixels

Select>Inverse

Make sure the shadows layer is active and hit the Delete key

Merge this layer with the paper/sketch layer

Step 13

Double click on the layer in the layers palette to bring up the blending options and apply the following Drop Shadow settings:

Drop Shadow Settings

Step 14

Open the Hand image

By your chosen method, make a selection around the hand

Edit>Copy (Ctrl + C)

Make your project active

Edit>Paste (Ctrl + V)

Apply a layer mask by clicking on the icon at the bottom of the layers palette

Reduce the layer opacity so you can see the paper below the hand

Mask away all of the hand that should be ‘under’ the paper

Step 15

Create a new layer below the hand layer

Select a soft, round brush – size around 65px, foreground colour black

Paint a line under the thumb that extends the thumb a little to the left

Reduce the layer opacity to around 35%

You can now right click on any layer and click Flatten Image, then crop the image as required.

The finished project:

Out of Bounds Sketch

I hope you have enjoyed this tutorial and learnt something from it. It is always nice to be able to display your photographs in different ways and there are many tutorials to do that.

You may like to check out a couple of my previous tutorials for displaying photographs:

Picture Slider Tutorial

Polaroid Montage Tutorial

Filmstrip Photos Tutorial

carol

I am a purveyor of graphic design, photography and general inspiration on the internet. I spend lots of time browsing and try to bring the best of my finds so you don't have to search for inspiration.