Holes
page oneI get email all the time asking how to make one photo show through a hole or shape in another image. You should be able to figure this out on your own if you’ve been through many of the other tutorials, but I can see that it is not an something that is easy for a beginner to understand. So, here you go. Short and sweet.
Tips
Elements Tools
Elements Palettes
Brushes in 7
Using PS7 Brushes
7 Basics
7 Reference: Tools
7 Reference: Palettes
Reference: Filters
Reference: Effects
Selections
Channels
Basic Layers
Basic Pen
How Much?
Color Management
Color Correction
Curves, Levels, or Brightness/Contrast?
Combining Images
Combining Images II
Combining Images III
Compositing in Photoshop
Perfect Blend
Multicolor Fill
Dodge and Burn
Duotones
Styles On Masks
Organic Textures
Abstract Background
Make a Frame
3D Wire Text
Doodling
Older Tutorials
Quick Mask
Rubberstamping
More Adjustments
Sharpening
Filters
Color
Elements Basics
Reference: Elements Tools
Reference: Elements Palettes
How Do I...?
Gotcha
Pre-Beginner
Pre-Beginner II
Why Layers?
Holes
Fade In
Playing With Styles
Learning Effects
Redeye Removal
Artistic Filtering
Symmetrical Flowers
Simulated Alpha Channels
Layer Masks
Multilayer Masks
Displacing Textures
Make a new, empty layer by clicking the New Layer button in the Layers palette, or by choosing Layer > New > Layer.
Go to File > Open and open the image that you want to have (part of) show through a hole in the picture that is already open.
In the toolbox, choose the move tool and click on the image. Drag it onto your first picture. Press the Shift key before you release it. The Shift key will cause it to "land" centered on the target document.
You should now have three layers in the Layers palette; your background picture at the bottom, an empty layer in the middle and the picture that you just dragged onto the original image will be the topmost layer. The top image is probably obscuring most or all of the lower layers. That’s okay.
Click on the top layer if it’s not still selected. Then choose Layer > Group With Previous. Once you do that, the top layer will totally disappear from sight.
Click on the middle, empty layer. Choose a selection tool such as the elliptical or rectangular marquee tool in the toolbox. Drag a selection that is approximately the shape and size that you want for the hole through which the top layer will show.
With that selection active, press Alt-Backspace (that’s the shortcut to fill with the current foreground color) or use Edit > Fill. It doesn’t matter what color you use. The Group With command allows the layer above to be visible only where there is content in the layer below. The layer below is, itself, invisible other than its limiting influence on the visibility of the layer above.
You can now use the move tool to move the hole around. Just be sure the middle layer (the one with the hole shape on it) is selected in the Layers palette before dragging with the move tool.
Or, you can drag the image above around within the hole by clicking on its layer and then using the move tool.
If your top layer is the wrong size or if you would like to rotate it, click on its layer and then use the Image > Resize > Scale (not the Resize > Image command; that resizes your entire document), or Image > Transform commands. Be sure and press the Shift key as you drag on a corner handle of the bounding box. Pressing the Shift key will constrain proportions and prevent you from distorting your picture.
If your top picture is too small, I would strongly recommend that you not enlarge it with the transform or scale commands. Enlarging will make your picture look lousy. If it’s a scanned picture, go back and rescan at a larger size. If it’s a digital picture, try starting with a smaller background image document size, scaling that picture (your bottom, background layer) down if necessary. See my page on Resolution for the reasons why upsampling is a bad idea.
If you would like a soft, blurry edge on your hole, select the middle layer and then choose Filter > Blur > Gaussian Blur. Move the slider in the Gaussian Blur dialog while watching your image to get as much softening as you wish.
You can make any shape, using any of the
paint tools on the middle layer to alter your hole. For fun, and so you
can truly understand how Group With works, I hope you’ll use the
paintbrush to paint some strokes
or shapes on the middle layer just for fun. The third example, above,
shows a single stroke applied to the middle layer with a big soft brush.You
can use the History palette, or
undo, or just delete the layer and add a new one in order to get back
to where you started.
If you like, you can use the shape
tool or type tool to make your hole.
If you do that, you won’t need to add an empty layer; the shape and
type tools creates their own layer when you apply them. If you find that
the edges of the shapes are to hard, you can simplify the shape or type
layer (click the simplify button on the shape tool’s options bar,
or use Layer > Simplify Layer), then apply a blur to the layer as already
described (you can’t apply filters to shapes or type without first
simplifying them).
If you want to apply a shadow or bevel to
your hole, apply a shadow or bevel layer style from the Layer
Styles palette to the middle layer (the bottom layer in your grouped
pair). In the examples shown above, the hearts have a bevel style applied,
and the type has a drop shadow style.
The Layers
palette for the hearts image looks like this:
And, the Layers palette for the stroke example (third and last, above)
looks like this:
Notice the underlined layer name for the base layer in the group, and
the partially indented thumbnail with downward pointing arrow for the
layer above that is grouped with it.
For a follow-up tutorial showing you how
to blend one image into another, see the Fade
In lesson.
If you would like to download a zipped pdf
file of this tutorial, please click on the link
below and save it to your hard drive.
Holes pdf
67 KB
If you don’t know how to expand a zipped
file or use Acrobat Reader, download the
file above and then go here to
find instructions.
Photoshop Books
Unreal Nature
Shadows and Light
FreePhotos
Filler Images
Elementary School
Advanced Elements
The Belief Game
Animal Rights
Copyright © 2004 by Jay Arraich.
All rights reserved.
All photographs copyright ©2004 by Jay Arraich
jay@arraich.com
Tips Index
Elements Tools
Elements Palettes
Site Index