The Hollyhock Project

This project is a large-scale site map that illustrates the layout of an entire facility. It shows the relationship of the buildings to the overall site and how they are connected with curving footpaths. You will be creating the map that is given to visitors as they arrive at Hollyhock.

NOTE Hollyhock is Canada's leading educational retreat center ( The facilities are in a natural setting where the rainforest meets a sandy beach on a beautiful island in British Columbia. The map you will develop in this project is the map I made for Hollyhock, which they give to their guests upon arrival.

Before you get started with this tutorial, take a look at the color section for before and after images of this project. You'll begin with the original CAD layers already transferred to layers in Photoshop. (See "Transferring Multilayer Drawings to Photoshop" earlier in this chapter.)

WARNING This tutorial is more generalized and is at a higher level than the preceding kitchen tutorial. If you haven't already done so, work through the kitchen tutorial first to understand the mechanics of Layer Style Effects.

1. Open the file Hollyhock.psd from the companion CD. The layers you see in this Photoshop file come directly from the AutoCAD layers. (Hollyhock.dwg is also provided on the companion CD for your reference.)

CAD layers work differently than Photoshop layers in terms of how they are used. CAD layers contain the line work itself and delineate boundaries. In Photoshop, you will be using layers to overlay patterns, colors, and other Layer Style Effects that fit within and fill these boundaries.

Generally, the procedure for enhancement begins with identifying the boundaries of your area of interest and selecting or creating a layer to use. You then fill the area of interest with black and apply Layer Style Effects.

2. Select the Hollyhock-Waterline layer and toggle it on and off to see where it is in the image (lower edge). Using the Paint Bucket, fill the ocean with black. To the Hollyhock-Waterline layer, apply the following Layer Style Effects:

Pattern Overlay Use the Rough pattern from the Patterns 2 library at 100% scale.

Gradient Overlay Use the linear black-to-white gradient at an angle of 87° and a scale of 150%. Change Opacity to 70%, and set the Blend mode to Overlay.

Color Overlay Select a light blue-green hue with HSB values of 180,50,65. Change the Blend mode to Overlay.

Bevel and Emboss Use smooth inner bevel directed down with 40% depth, 9 px size, and 16 px soften.

The pattern imparts a rough texture; gradient adds darkness to the depths; color is overlaid to lighten; and bevel smoothes the transition between ocean and shore (see Figure 5.48).

Temporarily applying a stroke helps you visualize the boundaries of line work because it allows you to change the color. After you fill the layer, discard the stroke effect.

3. Select the Hollyhock-Property layer and apply the Stroke effect, using 1 pixel inside position settings in the Layer Style dialog box. The property lines highlight in red. Use the Paint Bucket and fill all the vacant spaces in the property shown in Figure 5.49. Then drag the Stroke effect to the Trash icon at the bottom of the Layers palette. (You can click the triangle next to the layer name to expand the layer hierarchy and reveal the Stroke effect.)

Figure 5.48

Applying Layer Style Effects to the ocean

Figure 5.48

Applying Layer Style Effects to the ocean

Photoshop Secrets

Photoshop Secrets

Are You Frustrated Because Your Graphics Are Not Looking Professional? Have You Been Slaving Over Your Projects, But Find Yourself Not Getting What You Want From Your Generic Graphic Software? Well, youre about to learn some of the secrets and tips to enhance your images, photos and other projects that you are trying to create and make look professional.

Get My Free Ebook


Post a comment