is now part of CreativePro.com!

More Fun with Custom Stroke Styles

I wanted to follow-up on the previous post, with another one that looks at a nice stripe stroke style effect.

Example of finished stroke style effect.

In this scenario we’ll once again build a new stroke style, but instead of changing the stroke alignment will add a gap color to our stroke.

Doing the math

Once again we’ll start with some math…

Let’s assume we want to add a 1pt black stroke on the outside and 4pts of paper (white) color towards the image.

Math time :)

  • Our total stroke weight is going to be: 1 + 4 = 5pts.
  • Our 1pt stroke is 20% of the total 5pts stroke weight. (1 divided by 5, then multiply by 100).
  • That means our gap fills the remainder? 80%.

With the maths part completed… it’s time to start working on the stroke style again…

Building the stroke style

Display the Stroke panel, by clicking the stroke panel icon or choose Stroke from the Window menu.

From the Stroke panel menu select Stroke Styles?

Stroke panel menu

The Stroke Styles dialog appears.

Click New? to add a new style.

Stroke Style Dialog

In the New Stroke Style dialog, enter the Name of your new style (I used ‘Gapped Keyline’).

Next select Stripe from the Type menu.

Stroke Style, type drop down menu with Stripe selected.

The default new stripe consists of a double stripe and a single gap. We need to remove the bottom stripe this time, once again to avoid seeing a double black stroke on our image later on.

To remove the bottom stripe, click the bottom stripe (black) to select it. The little triangles to the left appear with a blue highlight to indicate that you have the stroke selected. Next drag the selected stripe out of the Stripe part in the dialog.

New Stroke Style dialog

You’re left with just one stripe area (black) at the top of the Stripe part of the dialog.

New Stroke Style dialog, top stripe selected.

Select the remaining stripe.

Change the Width to 20%. Leave the Start value set to 0%.

Click OK to add the new stripe to the Styles list.

Click OK once more to return to the Stroke panel and your layout.

New Stroke Style added to Stroke Styles dialog.

Applying our new stroke style

Alright time to apply our new stroke style.

Select the graphic to which you want to apply the new stroke style.

Set the stroke weight to 5pt and the stroke color to Black.

Stroke panel

Set the Type to the newly created stroke style (Gapped Keyline in this example).

Stroke panel, type menu active.

Next we change the Gap color of our stroke to Paper (white).

Stroke panel, Gap colour selected.

And we’re done :)

Stroke panel with finished result in background

Cari Jansen is based in Perth, Western Australia and works throughout Australia as a technical writer/editor, print, electronic (EPUB, Kindle, Tablets, Adobe DPS) and eLearning publishing consultant, software trainer, course developer, and public speaker. She's an Adobe Certified Instructor (Adobe Acrobat, Digital Publishing Suite, Illustrator, InDesign, Photoshop), Adobe Certified Expert (Adobe Captivate and Muse) and an Adobe Community Professional and Adobe Training Partner based in Australia. In 2008 she founded the Perth inDesign User Group, which she ran until late 2013. You'll meet Cari at industry events, both as an attendee and speaker, speaking on a range of print and digital publishing technologies and trends. To learn more about Cari, visit her web-site: www.carijansen.com. You can also follow her on Twitter, Facebook, Google Plus and YouTube
>