PDA

View Full Version : Making a Cutout Effect


graficalicus
November 4th, 2007, 12:58 PM
I used this technique to create a poster for our neighborhood Fall Festival about a year ago.

Start with the image you want to cut out. A photo with a definite subject is usually best, and action shots are especially effective.

For my example, I'm using a photo of a boy bobbing for apples.

http://www.graficalicus.com/images/Tutorial_Images/CutoutEffect/start.jpg

Make a selection around the subject. I used the magnetic lasso for my initial selection, and cleaned it up with the freehand lasso once the initial selection was made.

You could use whichever tool you feel the most comfortable with - if you choose to use the Extract tool, though, be sure to duplicate the Background layer first.

When your selection is made, put the selected part on its own layer by pressing <Ctrl>/ <Cmd>+<J> . You should now have your subject on its own layer.

<Ctrl>/<Cmd>+ Click the subject's thumbnail in the layers palette to put a new selection around it, and expand this selection by clicking Selection>Modify>Expand and entering an appropriate number, based on the size of your image. This will create the white border around the cutout - I chose 5 pixels for the mid-sized image I started with.

Create a new layer, move it beneath the isolated subject layer, and with the selection still active, fill it with white:

http://www.graficalicus.com/images/Tutorial_Images/CutoutEffect/all_white.gif

<Ctrl>+Click the white-filled layer and the isolated subject layer, and from the Layer palette fly out menu, choose Merge Linked (or press <Ctrl>+<E>). This puts the white outline and the subject on the same layer.

Now <Ctrl>+Click the subject layer's thumbnail again to make yet another selection around it.

Create a new layer, move it beneath the subject layer, and with the selection still active, fill it with black.

Deselect (<Ctrl>+<D>), and run a Gaussian Blur filter (Filters>Blur>Gaussian Blur)to "fuzzy up" the harsh edge. This will be your drop shadow, so make it as blurry as you'd like.

http://www.graficalicus.com/images/Tutorial_Images/CutoutEffect/shadow.jpg

Change the blend mode of this layer to Multiply, and adjust the opacity to 75% ~ 80% or so.

(I like this method for creating drop shadows better than using a standard Layer Style because it allows much more flexibility in adjustment, especially in Elements)

Move this layer slightly down and to the right with the Move tool (press <V>, and then use the arrow keys on your keyboard to nudge it around) to create the shadow effect - now you can tweak the opacity, blur, grain and just about everything about this layer much easier than messing around with the limited options of the layer styles palette.

To finish up the poster, I simply filled the background with a solid color and added my text.

You could easily drag this "cutout" into another document (such as a scrap page layout) or add a texture or other images to the background.

http://www.graficalicus.com/images/Tutorial_Images/CutoutEffect/final.jpg

Cmcburnett
November 4th, 2007, 07:33 PM
Graffi, thanks for the tutorial. I can use the tutorial on a photo I'm working on. Perfect timing:D

Vesta
November 11th, 2007, 02:30 PM
Graffi,

I am not able to see the pictures just a red x. Right clicked and chose SHow Picture but nothing happens. Is there an Internet Option I need to check or uncheck?

Vesta

billd2
November 11th, 2007, 02:52 PM
All I get is red x's also.

Stoney
November 11th, 2007, 02:57 PM
Right click on the red x and then select show picture.

Stoney
November 11th, 2007, 03:18 PM
Also go to Internet Options, the Advanced tab, scroll down to Multimedia and be sure Show Pictures is checked.
Hope this helps.
David

winclk
November 11th, 2007, 03:49 PM
david i did what u suggested and it still doesn't work for me. all i see is red x.

Stoney
November 11th, 2007, 05:11 PM
Robin,
Don't really understand the problem myself. However it worked for me.
Try this:
Highlight Graffi's thread
Right click and select Copy
Open up a new document in Word or another word processor
Right click and select Paste
When I did this, I got the pictures.
Hope this works. It did for me.
David

graficalicus
November 11th, 2007, 09:56 PM
when this site changed domain names, it kicked in my hotlink protection.

This site wasn't on my list of OK sites to use my images, therefore, it didn't post them -

I've added this site, so now the images should show up. Let me know if they don't, though -

GaryK
November 11th, 2007, 10:24 PM
Graffi

all good.:D

Vesta
November 12th, 2007, 02:28 AM
Graffi it works fine now. I see all the pictures


Vesta

akaSleen
December 5th, 2007, 08:40 PM
So cool! Thanks for posting that. ...so many possibilities!

Celine

wacomlee
December 10th, 2007, 05:35 AM
Thanks, this was very helpful and I'll recommend it to my friends.