How to use the rectangular grid tool in Illustrator tutorial

The Illustrator rectangular grid tool can be found in the toolbar under the line tool in CC CS6 CS5 CS4 etc.

Rectangular grid tool

how to use rectangular grid tool Illustrator fill tutorial
  1. Select the rectangular grid tool in toolbar (beneath line segment tool) in Illustrator

  2. Double click icon to change settings such as width, height, horizontal dividers, skew, vertical dividers, use as frame, fill etc

  3. Set the stroke weight and color

  4. Click and drag and draw the rectangular grid

Video tutorial on the subject by (youtube)


Location of tool : You can find the rectangular grid beneath the line segment tool.


Settings : Select the tool, double click or press return to change the settings (say you want 100 horizontal dividers and 100 vertical dividers then the settings panel is the place. You can change the number of horizontal dividers and vertical dividers (as well as skew of those dividers) as well as frame and fill setting


The tool creates a rectangle made of cells and uses the current stroke color for those cells.


Buy Price : $3.49 US or equivalent. 100 Wonderful lattice / grill designs for use in AI, all royalty free. Select the path and then apply any of the brushes to the work (V84) gallery


You can apply the tool once or multiple times, fill the artwork with color as well as distort and add effects and paths etc to the strokes


Tool just creates lines : The result of the applied tool is a just a collection of lines.

You can ungroup the artwork and manipulate the individual lines.


The lines are just then normal paths and they can be changed and tweaked in 100s of ways by using tools such as curvature etc.


You can also select the individual lines and re-color them as well as change their width and dash styles. All kinds of unique tabular artworks can be created by subtle changes of the width and dashes etc


Frame option for the design : If you use the frame option, you can use the direct selection tool to select the entire frame instead of selecting just edge lines. You can delete the outer frame and leave just set of hatch lines


ungroupDelete the lines to create unique tables : You can also select the individual lines and delete them via the delete key. The key thing is to ungroup the artwork via the object menu and then once you have ungrouped the art, you can just select any of the rows or columns and delete one or two or more lines from the design to create a totally different layout.


You can delete multiple lines, alternate ones and more.


Once you have done this, you can then just re-group the artwork as it makes it easier to move the work as a group than just a collection of individual paths


colorsChange the color of the lines: You can also select the individual lines and change the color of the stroke as well as add different stroke width profiles (or use the width tool to modify them).


Again, just go to the individual lines after ungrouping the work and then select them and change the fill or change the stroke such as to red and green etc as well as add a dash style or perhaps add a different width profile


Width profiles : Select from any of the width profiles along the top bar to change the width of the lines of the artwork in many unique ways.


You can apply the profile to the entire set to create a more uniform change


If you ungroup the set, you can then just select the paths with the direct selection tool and then add a new profile to each to create a more sketched and drawn appearance to the layout.


warpEffects : The artwork is a normal path and can be manipulated by tools found in the effects menu as well as in the toolbar. You can also use the object menu and envelope commands to warp the designs.


You can also use the warp tool wrinkle tool, twirl etc to manipulate the lattice design in 1000s of ways.


You can also extrude the artwork via the effects menu and 3D and extrude command.


Multiple tables combined : As with all the tools, it can be applied once as well as multiple times. You can add multiple paths on top of each other and combine them all into a single massive lattice structure. If you wish to create unusual combinations of these lines then the smart guide is a useful feature to set the correct widths and heights for all the combined tables.


paintCreate a random color filled design : You can create a random filled lattice by create a new path with the tool (set horizontal dividers to 10 and vertical to 10 say) - the key thing here is that you use the object menu and expand the artwork and then use the pathfinder to combine them all into a single path - you can then use the live paint bucket.


Go to the live paint bucket and set the color and then click the individual cells of the path and then change the color of the live paint bucket and repeat the click in another cell. You can then fill the entire construct with different colors.


The artwork can then be modified further by using coloring tools such as color balance in the edit menu and the color guide tool.


Saving the designs : The artwork can also be saved to the symbol's panel as well as the CC library for use in Photoshop.


Keywords : How to use the rectangular grid tool in Illustrator



Commercial use - Royalty free (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@