Creating Scalloped Edges

You know what a scalloped edge is, right? Named after the humble marine mollusk, scalloped edges are made up of a series of curved projections, and can be found on everything from bricks and buckets to bikinis and blankets. Here are a few ways to make a scalloped edge in InDesign.

Use a Custom Dotted Stroke Style

From the Stroke panel menu choose Stroke Styles. Click New and choose Type: Dotted.

Make the Pattern Length equal to the desired stroke width (aka the diameter of the circles that will make up the edge), and leave Corners set to Adjust gaps.

IDS_20140520_scallop18

IDS_20140520_scallop17

Depending on the shape you apply the stroke to, you may have to fiddle with the pattern length or stroke width a bit to ensure that the dots just touch.

IDS_20140520_scallop19

Fill the object with the same color as the stroke and you’re fully scalloped.

IDS_20140520_scallop15

Also: check out Understanding Dotted Stroke Styles in InDesign by Kelly Vaughn on CreativePro.com for everything you ever wanted to know about custom dotted stroke styles.

Scalloped Edge with a Different Color Fill

If you want the scalloped edge to be present on an object with no fill (so you see a stroke composed of semi-circles), then you need two copies of the object. The first one should have the dotted stroke. Copy that object and paste it in place. Press Shift-X to exchange the stroke and fill (so the top copy has no stroke). Set the fill color of the top object as desired.

IDS_20140520_scallop25

Scalloped Edge with No Fill

Or, if you want to see through the fill to what’s beneath, use a transparency trick. Set the fill of the top copy to [Paper]. Set the blend mode of the fill to Multiply. Group the two objects together and in the Effects panel apply the Knockout Group option to the group.

IDS_20140520_scallop23

IDS_20140520_scallop24

Stacked Stroke Effects

You can create some cool effects by stacking multiple copies of an object with the same stroke style applied, and varying the color and stroke widths.

IDS_20140520_scallop22

The Effect of Scaling Preferences

One thing to be aware of if you use the dotted stroke method is the effect of InDesign’s preference for scaling stroke weights. You can find this preference in the Transform panel menu.

Adjust Stroke Weight When Scaling

In the image below you can see the effect of this option turned on and off.

IDS_20140520_scallop20

Reverse Scalloped Edges

You can also create a reverse scalloped edge with a little blend mode trickery. Use the same custom dotted stroke style as before. Apply the [Paper] swatch to the stroke.

IDS_20140520_scallop4

In the Effects panel, set the stroke to Multiply. Then target the Object level in the panel and select Knockout Group.

Knockout Group

Reverse Scalloped Edge

Scalloped Edges from Starbursts

If you just need a circular scalloped shape, you can create some very interesting effects by starting with a starburst. Start by creating a starburst with the Polygon tool. Use a large star inset value and make the number of sides match the number of curves you want.

IDS_20140520_scallop5

IDS_20140520_scallop6

Then with the Direct Selection tool, select just the outer points on the starburst. It’s easy to do this by first selecting all the points, then hold Shift and drag over the inner points to deselect them.

IDS_20140520_scallop7

With the outer points selected, choose Object > Convert Point > Symmetrical.

This creates a sort of daisy flower shape.

IDS_20140520_scallop8

Next, make sure the reference point in the Control panel is set to the center and use the Scale X Percentage or Scale Y Percentage controls (with constrained proportions) to decrease the scale of the selected points. I just click on either button to the left of the fields and press Shift+down arrow a few times till I get the look I want.

IDS_20140520_scallop26

IDS_20140520_scallop1

The big benefits of this method are that when you scale the path up or down and the number of curves remains the same, and you can apply any style of stroke, including dots, dashes, double strokes, etc.

dotted scalloped edge double stroke scalloped edge dashed scalloped edge

Using Inverse Rounded Corner Effects

Finally, as a slight variation on the scalloped look, you can quickly create a continuously curved edge on a round shape by creating a starburst and then applying the Inverse Rounded corner effect style. It’s similar to what you’d get by applying the Wavy stroke style to a circle, except that the curves go a little deeper (although if you zoom in you can see that they’re not 100% smooth).

scalloped edge from reverse rounded corner effect

So there you have it, scallops any way you like ’em.

Bookmark
Please login to bookmark Close

This article was last modified on December 30, 2021

Comments (13)

Leave a Reply

Your email address will not be published. Required fields are marked *

Loading comments...