Skip to main content
Participating Frequently
January 8, 2015
Answered

How do I make a diagonal lines fill?

  • January 8, 2015
  • 3 replies
  • 42162 views

I want to fill a simple box with diagonal lines. How do I make a fill style with varying line width?

    This topic has been closed for replies.
    Correct answer Disposition_Dev

    I need to fill many different boxes.

    Thanks.

    JOSE PEREZ

    Gibbons | Peck Marketing Communication

    7 South Laurens St. Suite 200

    Greenville, SC 29601

    Phone: 864.232.0927 x110 • Fax: 864.232.2213

    jperez@gibbonspeck.com • http://www.gibbonspeck.com

    http://www.facebook.com/gibbonspeck


    ok. so what you want to do is create a pattern fill. i'll try my best to explain this in cs5 terms as patterns have changed since then.

    first you need to create the lines. draw two vertical lines 1" tall andv 1" apart. select both lines and click Object > Blend > Make. after you've made the blend, click Object > Blend > Blend Options. check the "preview" checkbox in the lower left corner. click the flyout menu (i believe the default value is "smooth color"). select "specified steps" and enter different values in the dialog until the lines look the appropriate distance from one another. click ok when finished.

    select the blend object and click Object > Expand. In the dialog make sure that only the "Object" tick box is selected. Click Expand.

    at this point you have a group of vertical lines selected. rotate the group by 45* draw a box around the outside edges of the diagonal lines.

    now scale that down so that the entire box is inside of the diagonal lines.

    select both objects and click Object > Clipping Mask > Make

    duplicate this object and keep it off to the side (because if you need to adjust stroke width in the future, you'll need this). now select the original one and go to your Pathfinder palette and click "Crop". this gets rid of the clipping mask so you're just left with the expanded diagonal lines.

    now drag the expanded/cropped object into your swatches panel and voila. make sure to name the new pattern fill so you can identify it (you don't want to have several different patterns called "New Pattern Swatch 1" and "New Pattern Swatch 2" etc etc.)

    if you need to adjust the stroke width for a different pattern, refer to the duplicate you made before and isolate the strokes to adjust the stroke width and repeat the above steps to crop.

    3 replies

    Participating Frequently
    January 9, 2015

    Thanks everyone, I have my task set out for this morning.

    I have CC but the users that will be accessing this rendering is on CS5 therefore I have to generate it on CS5 first.

    rcraighead
    Legend
    January 8, 2015

    Regardless of what version, simply fill with a standard line pattern and rotate the pattern within the object. You can either use the "~" key to affect only the fill while using any of the modifier tools (rotate, scale, shear or reflect) or Option-Click with one of the tools, type in an angle, etc., and uncheck "Object". Once you have the angle needed, save it as a style and reuse on any object.

    If you want to maintain stroke attributes when assigning the fill style, build the style without a stroke attribute then hold "Option" when assigning the style. AI will layer the new style BELOW any current object appearances.

    Disposition_Dev
    Legend
    January 8, 2015

    in what way do you want the lines to vary?

    are you looking for a seamless pattern fill? or do you just want an object to contain somewhat of a gradient of lines like this??:

    Participating Frequently
    January 8, 2015

    Thanks William,

    I want to fill boxes with simple lines and control the line stroke. They can be just like what you demo, but uniform. See below.

    Disposition_Dev
    Legend
    January 8, 2015

    what version of illustrator are you using?