Skip to main content
Participating Frequently
August 5, 2014
Answered

How to fill a shape with a dot grid

  • August 5, 2014
  • 4 replies
  • 68841 views

I am trying to recreate the style shown at left, where an irregular vector shape (a map) is filled with a grid composed of whole dots, no partial dots.

When I create a dot pattern swatch and fill a shape, I get the appearance shown at right, where the edge of the shape truncates dots.

How is this done?

    Correct answer Monika Gause

    See this on how not to get mad with deleting:

    Vektorgarten - Pathfinder-Special

    4 replies

    JETalmage
    Inspiring
    August 7, 2014

    1. Apply a solid fill to the path.

    2. Object>Rasterize.

    3. Object>Create Object Mosaic. Use Ratio. Delete Raster.

    4. Ungroup.

    5. Select one of the resulting white rectangles. Select>Same>Fill & Stroke.

    6. Delete.

    7. Select all the remaining rectangles.

    8. Effect>Convert To Shape>Ellipse. Absolute.

    That will give you whole circles.

    JET

    Danny Whitehead.
    Legend
    August 7, 2014

    I thought Object Mosaic, but is there a way of stopping it from generating grey dots? I think the example in the original post is all black ones.

    JETalmage
    Inspiring
    August 7, 2014

    It doesn't matter if some of the squares are gray. After creating the mosaic, simply apply the desired solid fill to all the resulting tiles. Then apply the Convert To Shape effect.

    JET

    Steve Fairbairn
    Inspiring
    August 7, 2014

    You can do something like this by creating an object mosaic of the map. Then use Round Corners and Transform Each to modify the mosaic tiles.

    karolcholewa
    Known Participant
    August 5, 2014

    I know it sounds trivial, but using Area Type Tool works quite well. Simply type zillions of dots, inside the map shape, in a preferred font family (Arial Rounded?), adjust the font size, leading, baseline shift, and tracking for best result. I promise interesting and diversified results . After you're satisfied, create outlines.

    hsiaohaha
    Inspiring
    June 13, 2020

    I think your idea is brilliant the easiest and efficient one! 

    Jacob Bugge
    Community Expert
    Community Expert
    August 5, 2014

    mpc,

    You may create a large dot pattern extending past the factor shape and expand it so you have individual dots, then simply delete the unwanted dots; you can do that in larger numbers, and decide whether each individual dot that is both inside and outside should extend past the factor shape or be deleted.

    To create and expand the dot pattern, you may start with a single dot, then use Effect>Distort&Transform>Transform with a horizontal Move and many copies, then the same vertical move with many copies, then Object>Expand Appearance.

    mpc888Author
    Participating Frequently
    August 5, 2014

    Thanks Jacob, I was afraid of that - a manually intensive process. I was wondering if there was some automatic way, perhaps a script, but I guess not.

    Karol: thanks for an alternate possibility. Unfortunately it doesn't give me a geometric grid that I need for this case.

    Monika Gause
    Community Expert
    Monika GauseCommunity ExpertCorrect answer
    Community Expert
    August 5, 2014

    See this on how not to get mad with deleting:

    Vektorgarten - Pathfinder-Special