Follow the Yellow Brick Road
In honor of the 73rd anniversary of the Wizard of Oz, let’s look at how to make a Yellow Brick Road using InDesign Stroke Styles. For this yellow brick road, we need multiple wavy dashed lines; but InDesign will only let us use one stroke style per stroke… that’s okay, we’ll also learn to to expand your stroke styles and apply multiple stroke styles in sequence.
Step 1: Make a yellow stroke using the wavy stroke style.
Mine is 38 points, but we’ll be changing the stroke width later. The stroke width is what determines the number of waves. InDesign has a fairly strict limit on the amplitude of the waves, and there’s really nothing you can do within InDesign to have control over the amplitude. I chose 38 points my stroke because it gives me roughly the number of waves that I want.
Step 2: Copy and paste the stroke into Illustrator.
Copying and pasting into Illustrator is the foundation of this lesson. There are certain things that Illustrator can do to strokes that InDesign simply cannot, and expanding stroke styles is one of them. Illustrator cannot recognize InDesign stroke styles, so it will convert the straight-stroke-with-a-wavy-stroke-style into a solid-stroke-that-happens-to-have-waves-in-it.
The image above is the stroke as it looks when pasted into Illustrator. You’ll notice that it looks like it’s inside of a frame. That’s because it is. When objects are pasted from InDesign into Illustrator, they come in with a clipping path (which is the Illustrator version of an object frame).
You can more easily see the clipping path in Illustrator by viewing in Outline mode (View > Outline). You can toggle between Outline mode and Preview mode by pressing Cmd/Ctrl + Y.
We need to get just the wavy stroke back into InDesign. The easiest way to delete the clipping path is by selecting part of it with the Direct Selection Tool (which I fondly refer to as White Arrow), and press the delete key twice. Then switch back to the Selection Tool (Black Arrow) and select the wavy stroke, copy and paste it back into InDesign. Now, take a look at the difference of the stroke before and after the round-trip through Illustrator.
Step 3: Stretch the object to the size you desire.
Now that the stroke is back in InDesign and the stroke style is expanded, we have access to the various points, and can stretch the object at will, with full control over the amplitude of the waves. You can stretch the object and make the waves as tall as you want them to be.
Step 4: Now that you have an editable wavy stroke, apply a striped stroke style to it.
I’m using a striped stroke style with seven stripes. This is the stroke style I made in my American Flag Stroke Style post. I made my stroke 58 pts.
Step 5: Round-trip the striped stroke through Illustrator.
Copy and paste the striped stroke into Illustrator. Delete the clipping path. Copy and paste it back into InDesign.
For reasons unknown to me, InDesign applies seemingly random compound paths to the objects. My seven yellow wavy stripes came back from Illustrator as two sets of compound paths: one with five stripes, and another with two stripes.
In this case, it’s perfectly fine to leave them as a compound path, but I prefer to have all seven stripes in a single compound path. To accomplish this: select both compound paths, Object > Paths > Release Compound Paths. Then go Object > Path > Make Compound Path. Then all seven stripes will live happily together as a unit.
Step 6: Select the compound path and change the Stroke Type to Dashed.
Give it a 12 point dash and a 2 point gap. Be sure the set the corners to ‘Adjust Dashes.’ This will make it look more like real bricks, because the spacing between the dashes will always remain the same. The result will be as if a real live stone mason had hand cut each individual brick to make it fit perfectly within the wave pattern.
Step 7: Add some effects.
I used inner shadow and bevel and emboss. Here are my settings:
And here is the completed yellow brick road.
I’ve always thought that Illustrator was the best InDesign plugin ever, and hopefully now you will think so as well!
[and… Stay tuned for another awesome Wizard of Oz post coming from Mike Rankin soon!]