Her

Home Photoshop Tutorials Miscellaneous Collaging in Photoshop

Collaging in Photoshop

Author: Colin Smith Author's URL: www.planetphotoshop.com More by this author

Start with 2 images. Use your own or copy these.

image 1

image 2

1. You know the drill by now, make a new document and drag and drop both images into the document. Create a new layer for the back ground and fill with white. (I know its black on the pix, but I changed my mind later)

Select the top layer (by clicking on its name in the layers palette)

Click the add layer mask icon image 3 in the layers palette to add a mask to the hands layer.

image 4

image 5

2. Make sure the mask is selected, you can tell because the icon will show a square with a circle in it. (See illustration) (CS USERS: They removed this icon on CS2 The top of the status bar will say mask)

image 6

Making black as your foreground color, choose the brush tool and a large soft brush.

image 7

3. As you begin to paint, notice how the top image disappears as you paint it out. On a layer mask, whatever is painted black is made invisible. Whatever is white is visible.

image 8

4. Once we have painted out all the parts we want hidden, you may notice some areas where you over painted. Don't worry.

image 9

5. Press the "X" Key to switch the foreground and background colors.

image 7

With white as the foreground, choose a smaller brush and paint back the areas you want to keep. Notice as you paint with white, the

image 11

image comes back. Don't you love layer masks!

6. Now are you ready to take the next step? Duplicate layer 1 (The cog), by selecting the layer and layer>duplicate or by simply dragging the layer name to the new layers icon.

Drag the new layer to the top of the layers palette as seen in the picture.

image 12

Keeping the top layer selected, Ctrl/Cmd+click on the layer 4 thumbnail

image 13

(The tiny picture of the hands in the layers palette)

7.

A) You should see the "marching ants" selection like this

image 14

B) Click add layer mask image 3 and the selection will automatically fill the mask. Click the mask thumbnail to select the Layer Mask.

image 16

C) Invert the mask by pressing Ctrl/Cmd+I or image>invert. You will now see the hands again.

image 17

8. We are going to paint back some of the cog. But to see it clearly we will lower the opacity of the hands layer (layer 4) Select the layer and slide the opacity to 58%.

image 18

image 19

7. Select the top layer again. Just like before, with the layer mask active and a white brush, paint the edges of the cog to make then visible.

It will help to use a smaller hard brush for the detail in the teeth of the cog. Use a large soft brush going into the hands for a smoother transition.

image 20

image 21

8. Put the opacity at 100% again on layer 4 (the hands layer) There we have an interesting blend of images.

Are you ready to take it even further? Lets go...

image 22

9. Go to hue/Saturation and colorize the hands with a warm color and very little color saturation, 30% at most.

Pull back the opacity on all the layers to 70 - 80%

Click on the "hands layer" thumbnail to select it. then directly to the left of the other thumbnails, click the box and see the little "chain" icon appear. This means the layers are linked. Link the 3 layers together, do not link the color background layer. Go to Layers>Merge linked.(CS2 Users: Hold Down Cmd/Ctrl and click each layer to select it. Choose Merge Layers From The Palette Options Menu)

You now have only 2 layers. The composite layer with our art and the white background layer, let's do something cool and fun...

image 23

10. Select the white layer "layer 3"

With the rectangular marquee tool "M" draw a smaller rectangle inside the picture frame and fill with black. Should look like at the left.

image 24

11. Select the top layer and make another rectangle larger than the last one

image 25

Invert the selection by pressing Ctrl+Shift+I or Mac Cmd+Shift+I

image 26

Select>feather input about a 10 pixel feather

image 27

12. Press delete 3 times and this is what we have.

image 28

13. To finish off I have added some type in Screen mode.

Collaging in Photoshop

I sure hope you enjoyed this tutorial and have learned something about collages.



About the Author:

Click to Visit Author's Website

Colin Smith is a best-selling author, trainer, and award-winning new-media designer who has caused a stir in the design community with his stunning photorealistic illustrations composed entirely in Photoshop. He is founder of the world's most popular Photoshop resource site, PhotoshopCAFE.com, which boasts more than two million visitors.

With over 10 years of experience in the design industry, Colin was formerly Senior Editor and Art Director for VOICE magazine. He is a regular columnist for Photoshop User magazine, PlanetPhotoshop.com, and the official site of the National Association for Photoshop Professionals. He also contributes to a number of other graphic art publications and Web sites, such as Mac Design magazine, Web Designer magazine and Computer Arts Magazine.

Colin's graphic design work has been recognized with numerous awards, including the Guru awards at Photoshop World 2001 and 2002, for his work in both Illustration and Web Design. He's authored or co-authored more than ten books on Photoshop, including the best-selling How to Do Everything with Photoshop CS (McGraw-Hill/Osborne, 2003) and award-winning Photoshop Most Wanted: Effects and Design Tips (A Press/Friends Of Ed, 2002). Colin is also creator of the Photoshop Secrets Video training series (PhotoshopCD.com). He is in high demand across the United States as a lecturer, presenting his Photoshop techniques to Web designers and other graphics professionals across the nation.