Skip to main content
Dan Rodney/6 min read

Brochure Part I

What This Tutorial Covers

Document Setup

Brochure dimensions, bleed, and resolution.

Background Layer

Build the cover background with imagery and color.

Layer Hierarchy

Organize layers with groups for the project.

Master Photoshop at Noble Desktop

Noble Desktop's Graphic Design Certificate covers Photoshop alongside Illustrator and InDesign.

Dive into this comprehensive Photoshop tutorial and learn to create a textured background, a selection 20 pixels from the edge, a border, and an impressive header as you build a brochure from scratch.

Topics Covered in This Photoshop Tutorial:

Working with Guides, More Practice with Adjustment Layers, Layer Styles, More Practice with Blending Modes

Exercise Preview

kissimmee brochure part 1&done

Exercise Overview

In the next few exercises, we are going to build a brochure from elements found in a number of files. In this first part, we’ll make the background, border, and header text. We will also add some decoration to enhance the old-timey look.

Making a Textured Background

  1. From the Photoshop Class folder, go into the Kissimmee Brochure folder and open the file Kissimmee brochure.psd.

  2. Go to File > Save As, go into the Kissimmee Brochure folder, and name it: yourname-Kissimmee brochure.psd.

  3. If the guide we added for you in the middle of the document is hidden, go to View > Show > Guides.

  4. At the bottom of the Layers panel, click the Create new fill or adjustment layer button adjustment layer button, and from the menu, choose Solid Color.

  5. Enter the following CMYK values:

    C: 12 M: 31 Y: 62 K: 0

    Click OK.

  6. Double–click directly on the name Color Fill 1 and rename it bg color.

  7. Open the file leather texture.tif.

  8. Select all by pressing Cmd–A (Mac) or CTRL–A (Windows).

  9. Copy by pressing Cmd–C (Mac) or CTRL–C (Windows).

  10. Close the file and return to yourname-Kissimmee brochure.psd.

  11. Paste by pressing Cmd–V (Mac) or CTRL–V (Windows).

  12. Double–click directly on the name Layer 1 and rename it leather.

  13. With the leather layer selected, at the top left of the Layers panel, change the blending mode from Normal to Overlay. Overlay lightens where the image is lighter and darkens where the image is darker.

  14. The leather texture is a little too pronounced. In the Layers panel, lower the Opacity to around 70%.

Making a Selection 20 Pixels from the Edge

  1. Select All by pressing Cmd–A (Mac) or CTRL–A (Windows).

  2. Go to Select > Modify > Contract.

  3. Check on Apply effect at canvas bounds.

  4. Enter 20 and click OK. Now we have a selection exactly 20 pixels from the edge of the document which we will use to build our border.

Creating a Border

  1. Choose the Elliptical Marquee tool elliptical marquee tool.

  2. In the Options bar, from the Style menu, choose Fixed Size and enter 60 px for Width and Height.

  3. Let’s subtract some circle shapes from the four corners of the selection. Hold Option (Mac) or ALT (Windows) and click and hold down while you drag the circle into the upper-left corner, then release when you see two intersecting pink Smart guides (as shown below).

    kissimee corner subtract

  4. Continue this process for the remaining three corners. Hold Option (Mac) or ALT (Windows) and click and drag the circle into the corner, then release.

  5. In the Options bar, change the Style from Fixed Size back to Normal.

  6. In the Layers panel, click the Create new fill or adjustment layer button adjustment layer button, and from the menu, choose Solid Color.

  7. Choose white and click OK.

  8. Double–click directly on the name Color Fill 1 and rename it page border.

  9. Click the Add a layer style button adjustment layer fx and from the menu, choose Stroke.

  10. Set the following options:
    • Size: 1 px
    • Position: Outside
    • Click the color swatch and enter the following CMYK values:
      C: 31 M: 61 Y: 100 K: 18

  11. Click OK, then OK again to close the Layer Style dialog.

  12. Near the top right of the Layers panel, reduce the Fill to 0%. This should remove the white but leave the border.

  13. Depending on your zoom level, the border might disappear in certain areas. Choose View > 100% to see how things really look.

Adding the Header

  1. Scroll to the top-left corner of the document.

  2. Press D to set black as the foreground color.

  3. Choose the Horizontal Type tool type tool.

  4. In the Options bar, make the font Myriad Pro, Bold Condensed, 25 pt, and click the Center text button text center.

  5. Near the top, centered in the left “column” of the document, click once to place the cursor. Type the following two lines of text:

    If It Weren’t for Disston There Would Be No Disney!

  6. Select all the lines of text and go to Window > Character.

  7. In the Character panel, set the Leading leading to 26 pt.

  8. In the Options bar, click the Create warped text button text create warped.

  9. In the dialog that opens, from the Style menu, choose Arc and set the following:

    Bend: +21%
    Horizontal Distortion: 0%
    Vertical Distortion: −2% (that’s negative 2)

    Click OK.

  10. If it’s there, click the checkbox checkbox at the right of the Options bar to finish.

  11. Use the Move tool move tool to position the text so it is centered at the top of the left column.

  12. To capture the texture of the leather for the text we’ll use a piece of the leather as our mask. At the bottom of the Layers panel, click the Add layer mask button layer mask button.

  13. In the Layers panel, select the leather layer.

  14. Choose the Rectangular Marquee tool rectangular marquee tool.

  15. Drag a selection box that covers all the text plus some extra.

  16. Copy by pressing Cmd–C (Mac) or CTRL–C (Windows).

  17. Hold Option (Mac) or ALT (Windows) and click the warped text’s white layer mask to enter that mask. If done correctly, the document will be completely white.

  18. Paste by pressing Cmd–V (Mac) or CTRL–V (Windows).

  19. In the Layers panel, click the warped text thumbnail to exit the mask.

  20. To get rid of the selection, press Cmd–D (Mac) or CTRL–D (Windows).

  21. Zoom in so you can see how the mask looks.

Bringing in Some Decoration

  1. Open the file ornamentation.tif.

  2. Select all by pressing Cmd–A (Mac) or CTRL–A (Windows).

  3. Copy by pressing Cmd–C (Mac) or CTRL–C (Windows).

  4. Close the file and return to yourname-Kissimmee brochure.psd.

  5. Paste by pressing Cmd–V (Mac) or CTRL–V (Windows).

  6. Double–click directly on the name Layer 1 and rename it banner ornament.

  7. With the banner ornament layer selected, change the blending mode from Normal to Multiply.

    NOTE: The Multiply blend mode always darkens. White disappears, while other colors darken whatever is underneath.

  8. Choose the Move tool move tool.

  9. Position the ornamentation so it is centered under the text. (Release the mouse when you see a vertical Smart Guide.)

  10. Go to File > Save and leave the file open. We will continue with it in the next exercise.

    Tighten up those bootstraps, partner; the next part could get pretty wild!