Fan of creative technology, elearning, instructional design and a little geeky

Benday Dots Screen Fill technique

The following tip looks at using screen patterns as a fill for selected objects in Illustrator. I must thank Sylvia for asking about benday (or Ben Day) dots on the CTP-Q, Page Layout: Adobe, Quark, MS, PDF forum, as it triggered the creation of this tip.

Creating a simple pattern

To start this tip, create a small rectangle with the rectangle tool, click and drag whilst holding down the shift key to create a perfect square. Ensure that the fill and stroke is set to ‘none’.

dot and rectangle aligning screenshot

Next create a small circle and fill it with a colour. Then select both the circle and the square and using the Align palette centre the objects vertically and horizontally.

pattern to swatches palette screenshot

To create a new pattern drag the two shapes into the swatches palette.

sizing the dots screenshot

If you want to make the dot larger within its rectangular pattern tile, select just the dot, then double click the scale tool and enter a uniform percentage larger than 100%. By default the dot will be scaled upward from the centre point outward.

Make several patterns this way, and change the colour of the dots as per your requirements.

Filling with a pattern

Select the object you want to fill with the dot pattern, then click the pattern swatch in the swatches palette.

fill with pattern screenshot

To make the pattern smaller make sure you have the object filled with the pattern selected, then double click the scale tool and set a value smaller than 100% to make the dots smaller. To only scale the pattern, you must untick the scale strokes and effects option and untick the objects option. Click the Preview box, so you can see in the background what effect the transformation has. Click OK when you’re happy with the result.

scaling downwards screenshot

Next you can change the angle of the pattern, by double clicking the rotation tool, make sure you still have the object selected with the pattern fill.

rotate dots screendump

This time set the preferred angle for your pattern.

finished art screendump

Ok, I’m no Roy Lichtenstein, but hopefully this gives you an idea on how you can manipulate patterns by applying different transformation effects to them without affecting the object size itself.

Similar posts
  • How to create a tint for a colour in Adobe Illustrat... How can I make a tint for a colour in Adobe Illustrator? It’s a question I’m asked regularly by Illustrator users. There are two issues with the default settings when defining new colour swatches in Illustrator: When you apply the default colour swatches in Illustrator to your artwork, the swatch colour is not associated with the [...]
  • Illustrator CC (2014): Rectangle tool and Transform ... On June 18, Adobe released #CCNext. One of the applications updated in this release is Adobe Illustrator. We’re up to version 18 now with the Illustrator CC (2014) release. Renewed Transform panel and live shapes The renewed Transform panel contains a Rectangle Properties section that is active when you have a rectangle or rounded rectangle shape selected in [...]
  • Illustrator: Patterned Gradient Stroke Effect Illustrator CS6 introduces the ability to apply a gradient to a stroke. This means we can now create tubular looking line effects, without the need to use more complex blending techniques. In addition, Illustrator CS6 provides strongly improved pattern controls. We can now create not only rectangular pattern tiles, but also hexagon shaped tiles, and [...]
  • Creating PNGs from Illustrator We all get this question as designers: “Can you provide us with a copy of the logo or masterhead design in a format that we can use in Microsoft Word”… or “PowerPoint”? Illustrator CS, released back in 2003, introduced the Save for Microsoft Office command. (File menu), which converts your Illustrator artwork to a 150ppi [...]
  • Vertical Type from Illustrator to InDesign In my previous post I provided a solution for setting type vertically in InDesign. Illustrator in contrast to InDesign actually has a Vertical Type tool, and the close integration between the two applications means we can opt to set our type in Illustrator instead and bring it into InDesign as a [...]

8 Comments

  1. February 18, 2012    

    I’m really late to the party here, but I wanted to let you know how helpful this is. Thanks!

  2. dazed buzz dazed buzz
    May 28, 2010    

    thanks a lot! very simple, very useful.

  3. Cari Jansen Cari Jansen
    May 26, 2010    

    @Jane

    Thank you so much for the kind feedback! Really glad the tutorial was helpful 🙂

    Cari

  4. May 26, 2010    

    This was the best tutorial ever!!!!

  5. Cari Jansen Cari Jansen
    September 24, 2008    

    Hi Michelle, you can paste patterns you build manually in InDesign into Frames. E.g. if you build a grid pattern that is large enough to fill a frame in InDesign, you can cut that and use the Paste Into command.

    Alternatively you could look at a small plug-in application that is available for InDesign called PatternMaker, it is available from http://www.teacupsoftware.com

  6. michelle michelle
    September 24, 2008    

    do you know if there is a way to do this in InDesign?

  7. Cari Jansen Cari Jansen
    September 23, 2008    

    Ken, if you are in Internet Explorer, then go to Tools > Options, click the Security Tab, then click Internet icon and the Custom Level… button. In the list of Security Settings locate Scripting, then look for Active Scripting and ensure the setting is set to “enable”.

    That should do the trick.

  8. Ken Ken
    September 21, 2008    

    I get the following message when I attempt to use ‘search’ – can you tell me how to do this please?
    ‘To use Search, make JavaScript active in your web browser and set it to always accept cookies.’
    Ken

Leave a Reply

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