Photoshop Sandbox Time
Sometimes, you can find inspiration when you take a break from plans, deadlines, and conceptual concerns and just play for a while. Seasoned artists know that creative playtime is one of the most important components in finding ideas, discovering the unexpected, having a sudden epiphany, or just exercising their eye and recharging their batteries by embracing serendipity and following a meandering path just to see where it leads.
Photoshop can be a wonderful “digital sandbox” for this type of creative play. By playing around with random images and making collages for fun, acting more on intuition than trying for a specific result, you can often make very interesting and intriguing discoveries. Seán likes to go on what he calls “Photoshop road trips” where he just gets in the car (Photoshop) with no destination in mind and hits the open pixel highway. Sometimes these “road trips” lead to unexpected places and result in images that he never imagined he would make. The images, the relationships they form when combined with other photos, and the seemingly unlimited possibilities offered by Photoshop are the guiding force that determines where the creative exploration will lead.
Experiment with Image “Mirrors”
Image mirrors are an excellent way to play in the Photoshop sandbox without having to worry about creating intricate selections or masks. A mirrored image is created when a photo is copied to another layer, flipped horizontally or vertically, and then arranged to create a reflection of the original image. The results can be delightfully surprising and are almost always intriguing and pleasing to the eye. This is due, in part, to the fact that the human brain is hard-wired to appreciate symmetry.
Natural forms as well as architectural elements, or a combination of both, work well with reflected images (Figure 12.9). With composites made from natural forms, such as clouds, rocks, trees, ice, or water, you can often discover “faces” that are created in the abstract and almost fractal patterns that emerge along the seam where the two versions come together (Figure 12.10).
Figure 12.9. Nature scenes, landscapes, and architecture shots work well as mirrored images.© SD
Figure 12.10. In some mirrored images, especially those made from natural subject matter such as this iceberg, faces are formed in the patterns created along the seam between the two layers.© SD
How to make a mirrored image
The first step in creating a mirrored image is to choose a photo that you will feel will look interesting when reflected with itself. After you’ve played around with this technique a few times, you’ll develop a sense of what types of images work well. Even with a fine “mirror” sense, it’s still worthwhile to try out the technique on images that you think won’t make a good mirrored image, because sometimes you just never know until you see it. The result may not be what you expect, but it could still lead in other worthwhile creative directions. To experiment with this technique, you can also use the “Valley of Fire” image available for download (Figure 12.11).
Figure 12.11. The original “Valley of Fire” image.© SD
ch12_valley_of_fire.jpg
- Open the image in Photoshop. Make a copy of the Background layer by choosing Layer > New > Layer via Copy, or use the shortcut Command+J (Ctrl+J).
- Decide in which direction you want to mirror the image (left, right, above, or below). You also might want to consider whether rotating the image first might result in a more interesting reflected image. For the “Valley of Fire” image, there is no one way that it needs to be mirrored; you can choose to add the extra space onto any of the four sides of the image. When you know which direction you will mirror the photo, add additional canvas space onto the file to create new space for the reflected version of the image. Choose Image > Canvas Size. Use the positioning grid in the Canvas Size dialog to determine where the new space is added. Make sure that the Relative check box is not selected, set the units to Percent, and add 200% to the height or width, depending on where you want to add the new empty space (Figure 12.12). The canvas extension color does not matter, because it will be covered up by the image. Click OK.
Figure 12.12. The Canvas Size dialog and the result of adding new canvas area to the image.
- Ensure that the top, duplicate layer of the image is active in the Layers panel and press Command+T (Ctrl+T) to initiate the Free Transform controls. Right-click (Control-click) inside the transform bounding box and choose either Flip Horizontal or Flip vertical, depending on whether the layer will be moved to the left or right or to the top or bottom. Click the check mark button in the Options bar or press the Return (Enter) key to apply the transformation.
- Use the Move Tool (V) to move the top layer into position where the new canvas space has been added. If you hold down the Shift key as you drag, it will constrain the movement of the layer either horizontally or vertically. Zoom in to 100% (View > Actual Pixels) and check that the edges of the two images are lined up well. You can use the arrow keys on the keyboard to nudge the active layer in one-pixel increments.
As you can see from Figure 12.13, each direction the “Valley of Fire” photo is reflected creates a very different, but also very interesting result. Compared with some of the methods we’ve explored in this book, the basic image-mirror technique is pretty simple! Image mirrors are a great way to play with the creative pixels in the Photoshop sandbox. They are fun and easy to do, and there’s a high instant gratification factor. And although image mirrors can yield a very satisfying result in and of themselves, if you regard them as just another starting point, you can move beyond basic image mirrors and use them as components in composites with other images. Let’s take a look at some of these concepts in action.
Figure 12.13. The “Valley of Fire” image creates an interesting mirror effect, no matter which way it is reflected or rotated.
Beyond the basic mirror
Now that you know how simple it is to make an image mirror, consider using a finished image mirror and mirroring it again (Figure 12.14). Then crop the result to form a new abstract composition, and maybe even mirror the image after it has been cropped (Figure 12.15). This approach can yield interesting repeating patterns that might work well as an element in another composite.
Figure 12.14. The “Valley of Fire” image mirrored twice.
Figure 12.15. The “Valley of Fire” photo was mirrored twice and then cropped to create a new abstract composition, and then that was mirrored again.
And speaking of cropping, you should also consider whether cropping the initial photo before creating the image mirror makes sense for the scene you want to create. Consider the photo of the banyan tree roots in Figure 12.16. Seán was intrigued by the curved shape of the roots on the right side and decided to crop the image so that the resulting mirror would create a fuller curve shape (Figure 12.17).
Figure 12.16. The original banyan tree roots photo.© SD
Figure 12.17. The banyan roots cropped to show just the right half of the image and then mirrored to create a curved shape.
Image mirrors as collage elements
Although mirrored images are simple composites in their own right, perhaps the place where they can really shine is when they are used as elements within other composites. The shapes and structures created by reflected images often suggest other scenes or stories. By removing a mirrored image from its original context and placing it as a component of a collage, you can discover new visual relationships and narratives.
For example, consider the following images: The original banyan tree mirror from Figure 12.17 was flipped vertically to create an arch shape and was used as an element in “The Community Room” to suggest entering a secluded meeting place in the forest (Figure 12.18). In the sea tale of “The Sighting,” the mysterious craft is created from the mirrored image of an old DC-3 airplane tail (Figure 12.19). There are two different image mirrors in “The Spring,” the rushing river water and a shot of a castle corridor (Figure 12.20). The river photo was originally created as a mirrored image nearly ten years before this composite was made. That’s one of the great things about this technique: The images can work well on their own or can find new life when added to another collage.
Figure 12.18. The mirror image of the banyan roots flipped vertically and integrated into another multi-image composite.© SD
Figure 12.19. “The Sighting.”© SD
Figure 12.20. Two different image mirrors are used in “The Spring.”© SD
Experiment with Blending Modes
Blending modes are perhaps the easiest way to begin experimenting with a collage idea or setting out to search for an idea or a discovery that will lead to a new image. We covered blending modes in great detail in Chapter 8. But because they are such a key tool for creating composites, we’ll review a few key blending mode concepts for specific types of collage purposes.
Blending modes to emphasize dark areas
The Darken blending modes will affect images by displaying the darker tones while not showing the lighter tones. White is a neutral color for these blending modes, meaning it does not show. In this group of blending modes, both Darken and Multiply are ideal for blending dark text on a light background into an image, as shown in Figure 12.21. The old map and the clouds are both set to the Multiply blending mode. The addition of a simple gradient mask in the case of the clouds, and a painted layer mask for the map hides the hard edges and creates a smoother blend (Figure 12.22).
Figure 12.21. The darker text of the map and the darker areas of the clouds are easily blended into the seacoast image using the Multiply blending mode.© SD (all)
Figure 12.22. Simple layer masks hide the hard transitions at the edge of the map and cloud layers.
In the final image, distant ships and rough edges were added and these were also blended into the image using the Multiply blending mode. The waves at the top of the composite are set to Hard Light and a Hue/Saturation adjustment layer that adds a sepia tint is set to Soft Light, which creates a blend of the sepia and the original colors. The simple layer masks are important in this composite for fine-tuning the edges of some of the layers, but the blending modes are doing most of the heavy lifting (Figure 12.23). This composite could work well for a book cover, with plenty of space near the top to add the book title and author’s name.
Figure 12.23. The final “Wreck Point” composite. Blending modes are the key technique for blending the layers together.© SD
Blending modes to emphasize light areas
If you want to reveal the lighter areas of a layer and not show the darker areas, the group of Lighten blending modes is the place to start. Black is a neutral color for these blending modes, meaning it does not show (black will also not show when the blending mode is set to Difference, Exclusion, or Subtract). These blending modes are essentially the opposite of the Darken modes. In Figure 12.24 you can see that black areas surround the window. But a quick change to the Screen blending mode for that layer makes only the light parts of the layer visible in the composite.
Figure 12.24. The Screen blending mode is perfect for showing the shape of the window and hiding the black areas that surround it.
When the clouds layer in Figure 12.25 is set to Screen, the clouds show through, but the overall effect on the entire sky is lighter, because the blue color is a similar brightness to the original sky underneath. By adding a grouped adjustment layer to the clouds layer, we boosted the contrast and darkened the darker values on that layer, which minimized their influence on the composite (Figure 12.26). Screen favors lighter tones, so once the blue sky became darker than the underlying gray sky, the blue sky was no longer visible.
Figure 12.25. The Screen blending mode is useful for images in which you want to emphasize the lighter parts of the image.
Figure 12.26. By adjusting the tonal values of the layer that is using the Screen mode, you can further customize the look of the blend.
Contrast and detail blending
For blending the details of one image seamlessly into another photo, play around with Overlay, Soft Light, and Hard Light blending modes. These three modes are real workhorses for image composting, and we return to them again and again. In addition to being excellent for detail blending, you’ll typically see an increase in contrast with these modes.
In the “Night Landing” composite, Seán used Overlay to create the initial blend of the carved face onto the rock (Figure 12.27) and then used a layer mask to hide the edges that extended onto the sand (Figure 12.28). The darker cracks and fissures of the rock are not covered up by the Overlay mode, which makes the effect more believable.
Figure 12.27. The carved face, set to Overlay, blends very well with the cracked surface of the rock.
Figure 12.28. A layer mask is used to show the carved face only on the rock.© SD
Image component blending
The last group of blending modes—Hue, Saturation, Color, and Luminosity—are used to blend those components of the active layer with the layers underneath. Although not particularly useful for the compositing of multiple images, they can be quite handy if you want only a certain aspect of an image, such as the color, to be blended with another image. Consider the image of the texture and the roses in Figure 12.29. Although blending the actual detail of the texture would look very good (more on working with textures in a bit), what if you wanted to use only the richly saturated color of the texture image, not the actual details of the canvas fabric? To accomplish that, choose the Color blending mode, which uses the hue and saturation values of the active layer and blends them with the image underneath (Figure 12.30). The Hue blending mode will blend only the hue of the active layer, using the saturation from the underlying image (Figure 12.31). Experimenting with blending modes is not only fun, it can lead to useful insights about how different images work together and also result in creative discoveries that push an image into new territory.
Figure 12.29. The colorful texture and the roses image before blending.© SD
Figure 12.30. The Color blending mode creates a pleasing result by blending the hue and saturation of the texture with the luminance (brightness) of the flowers.
Figure 12.31. The Hue blending mode combines the hue values from the texture with the luminance (brightness) and saturation values of the roses image.
Experiment with Textures
Texture can be a very satisfying element in an image. This is true for a straight shot right out of the camera or for a constructed composite image. You can purchase texture collections online (Figure 12.32), which is certainly a viable approach if you need to get up and running quickly with a collage project. Or you can gather your own collections of textures by photographing any interesting ones you come across. We love to photograph textures, and the three of us have texture libraries that we’ve built up over the years. We heartily recommend that you do the same. Never let a good texture pass you by! If there’s time and opportunity to photograph it, by all means do so. As a collage artist, you never know when it might come in handy (Figure 12.33).
Figure 12.32. A selection of textures from Flypaper Textures (flypapertextures.com).
Figure 12.33. A small sampling of the many photos of textures Seán has taken over the years.
In addition to photographing textures you find out in the world, you can also create your own from actual materials and either photograph them or scan them if you have access to a flatbed scanner. Art papers; delicate tissue; fabrics; old, torn pieces of cardboard—pretty much anything—can be turned into an interesting texture that might work well in a composite. In the days before Photoshop, and even before he got his first computer, Seán created texture effects in the darkroom by laying a sheet of single-ply tissue or thin vellum over the photo paper as it was being exposed to the enlarger light. This created an effect that was a blend of the texture and the image that was very similar to what can be done with blending modes in Photoshop (Figure 12.34).
Figure 12.34. An old-school, darkroom texture effect created by carefully distressing a thin sheet of single-ply tissue and laying it over the photo paper as the negative was being printed.© SD
The addition of a texture to a composite creates depth and can suggest a varied and intricate surface structure for a specific object in the composite, or for the entire image. The easiest way to add a texture is by using blending modes. The exact blending mode you use will depend on the nature of the texture you’re adding and the image it is being added to, but in general, Overlay, Soft Light, and Hard Light are good modes to start with. In addition to blending modes, however, sometimes the addition of adjustment layers and other techniques can also affect how well a texture is integrated into the image. In the following exercise we’ll explore some different approaches for texture blending (Figure 12.35 and Figure 12.36).
Figure 12.35. The original images of the terra-cotta face and the handmade art paper.
Figure 12.36. The finished composite.© SD
ch12_terracotta_face.jpg
ch12_handmade_paper.jpg
- Open the terra-cotta face and the handmade paper images in Photoshop. Add the terra-cotta face onto the paper image to add it as a new layer. Use the Move tool to arrange it so it is centered over the paper.
- Try out some of the blending modes to see which ones work best. For this particular combination, Multiply and Hard Light provide the best results (Figure 12.37), although that is a subjective assessment, and depending on your ideas for how you want the image to look, you might decide to choose a different blending mode. For now, leave it set to Multiply.
Figure 12.37. Multiply (left) and Hard Light (right) blending modes create the most realistic blend of the texture into the face.
- Click the Add Layer Mask button at the bottom of the Layers panel to add a layer mask to the Face layer. Select the Brush tool (B), make black the Foreground color, and use a large, soft-edged brush set to 100% opacity to paint on the layer mask and hide the black areas surrounding the face. When you have the main black areas hidden, lower the opacity of the brush to about 30% and mask in a bit more along the face edges to suggest that it is appearing out of the texture (Figure 12.38).
Figure 12.38. Masking the black areas surrounding the terra-cotta face.
- The main problem that is preventing the blend from looking believable is that the face is too dark and it does not look like it is of the same material as the handmade paper. Fortunately we can fix this with a grouped adjustment layer. Click the Add Adjustment Layer icon at the bottom of the Layers panel and choose Curves from the drop-down menu. At the bottom of the Curves panel, click the first icon on the left to create a clipping group arrangement with the underlying layer. This means that the adjustment will affect only the face, not the paper underneath it. Raise the curve up, as shown in Figure 12.39, or until the lightening effect looks good to you. If necessary, you may also need to go back and touch up the edges of the layer mask for the Face layer to hide the shadowed areas along the sides of the face.
Figure 12.39. A Curves adjustment layer to lighten the Face layer is clipped to that layer so it will affect only the face, not the paper.
- With the lightening applied to the face, it’s starting to look a lot better. Next, you’ll use another adjustment layer trick to add a bit more tonal depth to the composite. Add a new Curves adjustment layer, but don’t make any changes to the Curves adjustment panel. Just change the blending mode for the Curves layer to Multiply. This will initially create a result that is too dark, so lower the opacity until you find something you like; we used 40% opacity for this layer (Figure 12.40). We also applied further fine-tuning of the edges of the Face layer mask.
Figure 12.40. An “empty” Curves adjustment layer (meaning no settings have been made in the Adjustment panel) set to the blending mode of Multiply provides a quick darkening effect. The darker version is at 100% opacity, and the lighter version is at 40% opacity.
- To finish the texture blending for this composite, return to the Curves layer that brightens the face and raise up the curve a bit more to further lighten the face. Then set the Brush opacity to 10% and paint with black on the Face layer mask to gradually reduce the amount of the face that is showing. This makes it appear more as if the face is a part of the surface of the paper (Figure 12.41). We also used the Free Transform tool (Edit > Free Transform) to scale the Face layer a bit larger (Figure 12.42).
Figure 12.41. The face is lightened a bit more and additional edits have been applied to the layer mask, reducing the amount of the face that shows in the composite.
Figure 12.42. The final composite after scaling the face a bit larger using Free Transform.
Layer blending modes are the main way to blend a texture into an image, but as you can see from this example, using adjustment layers to modify the tonal brightness and sometimes the color of certain elements in the composite can also help you finesse a texture blending effect to get it just right.
Experiment with Effects
Photoshop has many effects that you can apply to your images. They can be either canned filter effects or more customized transformations that you create. With each new revelation of what is possible in Photoshop, it will encourage new ideas as to how a particular effect might be used in a compositing project. The goal of this chapter is not to cover a wide range of different effects, but to inspire you with glimpses of what can be done. So, with that in mind, the next two sections describe a couple of useful effects that you can apply to textures.
Contour effects with displacement maps
Blending modes do a great job of blending the detail of two images together, often in very interesting ways, but they do not take into account the shape contours of the images. To shift the pixels so that textures more accurately conform to the object they are being blended into, you have to venture into other areas. We’ll take a look at two of them. The first is the Displacement Filter. To explore this filter, we’ll use a variation of the terra-cotta face image and a shot of a curtained alcove in a cathedral (Figure 12.43).
Figure 12.43. The black-and-white terra-cotta face and the cathedral curtains.© SD
ch12_face_for_curtains.jpg
ch12_curtains.jpg
- Open both files in Photoshop. You’ll first create a displacement map that you can use to distort the face image to fit the curtains. Create a duplicate of the curtains image by choosing Image > Duplicate. In the duplicate curtains file, choose Filter > Blur > Gaussian Blur. Blur the image by about 6 to 10 pixels and click OK. Choose Image > Adjust > Levels. The aim of this adjustment is to increase the contrast of the image (Figure 12.44). Save the file as curtain-face-displace in the Photoshop format when you are done.
Figure 12.44. After applying a Gaussian Blur filter to the duplicate curtains image, a Levels adjustment is used to increase the contrast.
- Bring the face image into the curtains image as a new layer. Lower the opacity a bit and position the face on the center of the curtain. Return the layer opacity to 100% before proceeding with the next step (Figure 12.45).
Figure 12.45. The Face layer positioned above the curtains.
- With the Face layer active, make a copy of it by dragging it to the New Layer icon at the bottom of the panel. Rename this layer Face for Displacement. Turn off the visibility for the first Face layer by clicking its eye icon (this Face layer will not be used, but because the Displacement Filter is a permanent effect, it’s always good to keep a backup of the original layer). Choose Filter > Distort > Displace. In the Displace dialog, enter 25 for the horizontal and vertical offset, and click OK. The file open dialog appears. Use this dialog to find the curtain-face-displace.psd file you saved at the beginning of this exercise, select it, and click Open to apply the displacement map. When the displacement is finished, the contours of the curtains will be mapped to the image of the face (Figure 12.46). Now change the blending mode for the displaced Face layer to Overlay (Figure 12.47). Other blending modes that work well with this image are Screen and Soft Light.
Figure 12.46. The Face layer is distorted to fit the curtains using a custom displacement map.
Figure 12.47. The blending mode for the displaced Face layer is set to Overlay.
- Create a layer mask so the Face layer shows up only on the curtains. To do this, turn the displaced Face layer off for a moment and make the Background layer active. Use the Quick Selection tool to create a selection of just the curtains. When the selection is done, make the displaced Face layer visible and active again. Click the Add Layer Mask icon at the bottom of the Layers panel to create a layer mask based on the selection (Figure 12.48).
Figure 12.48. A layer mask is added to the displaced Face layer so it shows only on the curtains.
The Displacement Filter works well for some types of contoured shapes but not so well on others. Sometimes, you just have to try it out to see if it will produce a good result for the images you’re working with. One factor to keep in mind is that once you apply the Displacement Filter using a map made from the underlying image, moving the layer that has been displaced may not be an option because the contours created by the filter now conform to the contours of the image underneath. Moving the displaced layer will result in the two sets of contours no longer being aligned.
Contour effects with Liquify
Another technique you can use to modify a texture to better fit the contours of the underlying image is the Liquify filter. This filter is best used for images where the changes you make are more general and do not need to match a specific image contour, as was the case with the example for the Displacement Filter. Check out how this works using the carved face and rusty metal images provided (Figure 12.49).
Figure 12.49. The carved face and rusty metal images.© SD
ch12_carved_face.jpg
ch12_rusty_metal.jpg
- Open the two files in Photoshop. Bring the metal texture file into the carved face file as a new layer. Lower the opacity of the layer to about 50% so you can see to position it. Use the Move tool to move the metal texture layer so that the metal plate is over the nose of the carved figure (Figure 12.50).
Figure 12.50. The layer opacity for positioning the metal plate over the carved face is lowered.
- Choose Filter > Liquify. Near the top of the controls on the right side, select the Advanced check box. If you cannot see the face image when the Liquify dialog appears, select the Show Backdrop check box at the bottom of the controls on the right side and open the Use menu to choose the Background layer. The default opacity for showing the backdrop is 50%, which allows you to see the carved face image so you can decide how much of an effect to apply. The Forward Warp tool is the default active tool. Set the Brush Size to about 200, the Brush Density to 50, and the Brush Pressure to 100. Then push along the edge of the small metal plate to conform it to the contours of the face underneath (Figure 12.51). Click OK when you’re done.
Figure 12.51. The Liquify dialog.
- Set the blending mode for the Face layer to Multiply and change the opacity to 70% (Figure 12.52).
Figure 12.52. The composite after adjusting the texture layer opacity to 70% and changing the blending mode to Multiply.
The Liquify filter does a good job of letting you create a custom warping of the metal texture layer just by dragging on it to get it to conform more closely to the image underneath. For maximum flexibility, make a duplicate layer to run the Liquify effect on.