Layers: Free InDesign Tutorial

Topics Covered in This InDesign Tutorial:

The Layers Panel, Showing & Hiding Layers, Locking Layers

Exercise Preview

Exercise Overview

While layers aren't mandatory for every InDesign project, they're a professional's secret weapon for maintaining clean, organized files and accelerating design iterations. Think of layers as transparent sheets stacked on top of each other—each containing specific design elements that can be independently controlled. Their locking and visibility features become invaluable during client revisions, preventing accidental edits while allowing rapid design variations. Master this fundamental workflow, and you'll save hours on complex projects.

1. Open Layers.indd and update links if needed.

2. We've prepared all the text and artwork for this layout exercise. If the pasteboard elements are visible and distracting, navigate to the bottom of the Tools panel and select Preview . This essential view mode hides all non-printing elements, giving you a clean preview of your final output—much better for design decision-making.

3. Currently, all elements exist on a single layer—a common starting point that quickly becomes problematic in complex layouts. Let's examine the current structure by opening the Layers panel (Window > Layers).

   You'll see InDesign's default layer named Layer 1, which contains everything in your document.

Creating Layers & Moving Objects onto Them

Now we'll implement a professional layer strategy by distributing objects across purpose-specific layers. This organizational approach enables precise control over design elements and streamlines your revision process.

1. In the Layers panel, double–click Layer 1 to access its properties.

2. Rename it background and click OK. Descriptive layer names are crucial for team collaboration and future file maintenance.

3. Create a dedicated layer for branding elements. In the Layers panel, click the New layer button .

4. Double–click the new layer and name it logo. Isolating logos on separate layers is standard practice for brand consistency and client approval workflows.

5. Select the Interview logo located at the bottom left of the page.

6. In the Layers panel, locate the blue square on the right side of the background layer—this indicator shows which layer contains your selected object. Drag this blue square to the logo layer to reassign the object, as demonstrated below.

   

7. Test your layer control by toggling visibility of the logo and background layers. Click the eye icon to hide/show elements and evaluate different design combinations. This technique is invaluable during client presentations when exploring layout alternatives.

8. Restore visibility to both layers before proceeding.

9. Create another layer and name it text. Separating typography allows for independent text formatting and positioning adjustments.

10. Position the text layer strategically by dragging it between the logo and background layers if it's not already there. Layer stacking order directly affects visual hierarchy in your design.

11. Locate the single text frame on the page and move it to the text layer:
    • Select the text frame.
    • Drag the blue indicator square from the Layers panel to the text layer.

12. Create another layer named hand for the photographic element.

13. Position it between the text layer and the background layer to establish proper visual layering.

14. Select the circular image frame containing the hand photograph (positioned near the Welcome to Interview Magazine heading).

15. Transfer this object to the hand layer by dragging its blue indicator square in the Layers panel.

Playing with Layer Variations

With your layer architecture in place, you can now experiment with design variations efficiently—a crucial skill for client work and creative exploration. This non-destructive workflow lets you test ideas without compromising your original layout.

1. Before experimenting, protect critical elements from accidental modification. Lock layers by clicking the empty box between the layer name and the eye icon —this produces a lock icon indicating the layer is protected.

   Lock both the logo and background layers to prevent unintended changes during your design exploration.

   

2. Experiment with visual hierarchy by dragging the hand layer above the text layer. This simple change dramatically alters the design's focal point.

3. The repositioned hand image now overlaps the text—a common challenge when adjusting layer order. Resolve this by applying text wrap to the hand image. Ensure the hand picture is selected, then open the Text Wrap panel (Window > Text Wrap) and apply these professional settings:

   

4. The text wrap pushes the welcome text aside, creating a more dynamic layout. To compare this variation with your original design, drag the hand layer below the text layer again. You'll notice the text doesn't immediately reflow—this occurs because InDesign's default text wrap behavior affects objects regardless of layer position. To change this behavior, access InDesign menu (Mac) or Edit menu (Windows) and choose Preferences > Composition.

5. Enable Text Wrap Only Affects Text Beneath and click OK. This setting provides more predictable text wrap behavior based on actual layer stacking order.

6. Now test both arrangements: drag the hand layer above the text layer for the wrapped text effect, then below it for the original layout. Choose the version that best serves your design objectives.

   Congratulations—you've mastered fundamental layer management techniques that form the backbone of professional InDesign workflows!

   Remember this crucial workflow tip: always verify which layer is active before creating new objects. InDesign places new elements on the currently selected layer, and developing this awareness prevents organizational headaches in complex projects. Consider establishing layer naming conventions and organizational systems early in your career—these habits distinguish professional designers from casual users.