Draw Plans To Scale Design Tool Patterns Tile

Illustrator User Guide
Get to know Illustrator
1. Introduction to Illustrator
  1. What's new in Illustrator
  2. Common questions
  3. Illustrator system requirements
  4. Illustrator for Apple silicon
2. Workspace
  1. Workspace basics
  2. Create documents
  3. Tools Default keyboard shortcuts | Illustrator
  4. Customize keyboard shortcuts
  5. Artboards
  6. Customize the workspace
  7. Properties panel
  8. Set preferences
  9. Touch Workspace
  10. Microsoft Surface Dial support in Illustrator
  11. Recovery, undo, and automation
  12. Rotate view
  13. Rulers, grids, and guides
  14. Accessibility in Illustrator
  15. Safe Mode
  16. View artwork
  17. Use the Touch Bar with Illustrator
  18. Files and templates
  19. Synchronize settings using Adobe Creative Cloud
Illustrator on the iPad
1. Introduction to Illustrator on the iPad
  1. Illustrator on the iPad overview
  2. Illustrator on the iPad FAQs
  3. System requirements | Illustrator on the iPad
  4. What you can or cannot do on Illustrator on the iPad
2. Workspace
  1. Illustrator on the iPad workspace
  2. Touch shortcuts and gestures
  3. Keyboard shortcuts for Illustrator on the iPad
  4. Manage your app settings
3. Documents
  1. Work with documents in Illustrator on the iPad
  2. Import Photoshop and Fresco documents
4. Select and arrange objects
  1. Create repeat objects
  2. Blend objects
5. Drawing
  1. Draw and edit paths
  2. Draw and edit shapes
6. Type
  1. Work with type and fonts
  2. Create text designs along a path
  3. Add your own fonts
7. Work with images
  1. Vectorize raster images
8. Color
  1. Apply colors and gradients
Cloud documents
1. Basics
  1. Work with Illustrator cloud documents
  2. Share and collaborate on Illustrator cloud documents
  3. Upgrade cloud storage for Adobe Illustrator
  4. Illustrator cloud documents | Common questions
2. Troubleshooting
  1. Troubleshoot create or save issues for Illustrator cloud documents
  2. Troubleshoot Illustrator cloud documents issues
Add and edit content
1. Drawing
  1. Drawing basics
  2. Edit paths
  3. Draw pixel-perfect art
  4. Draw with the Pen, Curvature, or Pencil tool
  5. Draw simple lines and shapes
  6. Image Trace
  7. Simplify a path
  8. Define perspective grids
  9. Symbolism tools and symbol sets
  10. Adjust path segments
  11. Design a flower in 5 easy steps
  12. Perspective drawing
  13. Symbols
  14. Draw pixel-aligned paths for web workflows
2. 3D effects and Adobe Substance materials
  1. About 3D effects in Illustrator
  2. Create 3D graphics
  3. Create 3D objects
  4. Create 3D Text
3. Color
  1. About color
  2. Select colors
  3. Use and create swatches
  4. Adjust colors
  5. Use the Adobe Color Themes panel
  6. Color groups (harmonies)
  7. Color Themes panel
  8. Recolor your artwork
4. Painting
  1. About painting
  2. Paint with fills and strokes
  3. Live Paint groups
  4. Gradients
  5. Brushes
  6. Transparency and blending modes
  7. Apply stroke on an object
  8. Create and edit patterns
  9. Meshes
  10. Patterns
5. Select and arrange objects
  1. Select objects
  2. Layers
  3. Group and expand objects
  4. Move, align, and distribute objects
  5. Stack objects
  6. Lock, hide, and delete objects
  7. Duplicate objects
  8. Rotate and reflect objects
6. Reshape objects
  1. Crop images
  2. Transform objects
  3. Combine objects
  4. Cut, divide, and trim objects
  5. Puppet Warp
  6. Scale, shear, and distort objects
  7. Blend objects
  8. Reshape using envelopes
  9. Reshape objects with effects
  10. Build new shapes with Shaper and Shape Builder tools
  11. Work with Live Corners
  12. Enhanced reshape workflows with touch support
  13. Edit clipping masks
  14. Live shapes
  15. Create shapes using the Shape Builder tool
  16. Global editing
7. Type
  1. Create text
  2. Fonts and typography
  3. Format type
  4. Import and export text
  5. Format paragraphs
  6. Special characters
  7. Create type on a path
  8. Character and paragraph styles
  9. Tabs
  10. Text and type
  11. Find missing fonts (Typekit workflow)
  12. Update text from Illustrator 10
  13. Arabic and Hebrew type
  14. Fonts | FAQ and troubleshooting tips
  15. Create 3D text effect
  16. Creative typography designs
  17. Scale and rotate type
  18. Line and character spacing
  19. Hyphenation and line breaks
  20. Text enhancements
  21. Spelling and language dictionaries
  22. Format Asian characters
  23. Composers for Asian scripts
  24. Create text designs with blend objects
  25. Create a text poster using Image Trace
8. Create special effects
  1. Work with effects
  2. Graphic styles
  3. Create a drop shadow
  4. Appearance attributes
  5. Create sketches and mosaics
  6. Drop shadows, glows, and feathering
  7. Summary of effects
9. Web graphics
  1. Best practices for creating web graphics
  2. Graphs
  3. SVG
  4. Create animations
  5. Slices and image maps
Import, export, and save
1. Import
  1. Import artwork files
  2. Import bitmap images
  3. Import artwork from Photoshop
  4. Place multiple files | Illustrator CC
  5. Unembed images
  6. Import Adobe PDF files
  7. Import EPS, DCS, and AutoCAD files
  8. Links information
2. Creative Cloud Libraries in Illustrator
  1. Creative Cloud Libraries in Illustrator
3. Save
  1. Save artwork
4. Export
  1. Export artwork
  2. Collect assets and export in batches
  3. Package files
  4. Create Adobe PDF files
  5. Extract CSS | Illustrator CC
  6. Adobe PDF options
  7. File information and metadata
Printing
1. Prepare for printing
  1. Set up documents for printing
  2. Change the page size and orientation
  3. Specify crop marks for trimming or aligning
  4. Get started with large canvas
2. Printing
  1. Overprint
  2. Print with color management
  3. PostScript printing
  4. Print presets
  5. Printer's marks and bleeds
  6. Print and save transparent artwork
  7. Trapping
  8. Print color separations
  9. Print gradients, meshes, and color blends
  10. White Overprint
Automate tasks
1. Data merge using the Variables panel
2. Automation with scripts
3. Automation with actions
Troubleshooting
1. Crash on launch issues
2. Recover files after crash
3. File issues
4. GPU device driver issues
5. Wacom device issues
6. DLL file issues
7. Memory issues
8. Preferences file issues
9. Font issues
10. Printer issues
11. Share crash report with Adobe

About patterns

Illustrator comes with many patterns that you can access in the Swatches panel and in the Illustrator Extras folder on the Illustrator CD. You can customize existing patterns and design patterns from scratch with any of the Illustrator tools. Patterns intended for filling objects (fill patterns) differ in design and tiling from patterns intended to be applied to a path with the Brushes panel (brush patterns). For best results, use fill patterns to fill objects and brush patterns to outline objects.

When designing patterns, it helps to understand how Adobe Illustrator tiles patterns:

All patterns tile from left to right from the ruler origin (by default, the bottom left of the artboard) to the opposite side of the artwork. To adjust where all patterns in your artwork begin tiling, you can change the file's ruler origin.

note: Ruler origin in CS5 is different from that in CS4. As a result, the appearance of tiling patterns may not match when you copy-paste objects from CS4 to CS5. For such objects, tiles can be transformed using the Transform panel to match the CS4 appearance.
Fill patterns typically have only one tile.
Brush patterns can consist of up to five tiles—for the sides, outer corners, inner corners, and the beginning and end of the path. The additional corner tiles enable brush patterns to flow smoothly at corners.
Fill patterns tile perpendicular to the x axis.
Brush patterns tile perpendicular to the path (with the top of the pattern tile always facing outward). Also, corner tiles rotate 90° clockwise each time the path changes direction.
Fill patterns tile only the artwork within the pattern bounding box—an unfilled and unstroked (non-printing) rectangle backmost in the artwork. For fill patterns, the bounding box acts as a mask.
Brush patterns tile artwork within the pattern bounding box and protruding from or grouped with it.

Guidelines for constructing pattern tiles

Follow these general guidelines for constructing pattern tiles:

To make the pattern less complex so that it prints more rapidly, remove any unnecessary detail from the pattern artwork, and group objects that are painted with the same color so that they are adjacent in the stacking order.
As you create your pattern tile, zoom in on the artwork to align elements more accurately, and then zoom out from the artwork for the final selection.
The more complex the pattern, the smaller should be the selection used to create it; however, the smaller the selection (and the pattern tile it creates), the more copies are needed to create the pattern. Thus, a 1‑inch-square tile is more efficient than a 1/4‑inch-square tile. If you are creating a simple pattern, you can include multiple copies of the object within the selection intended for the pattern tile.
To create simple line patterns, layer stroked lines of varying widths and colors, and place an unfilled, unstroked bounding box behind the lines to create a pattern tile.
To make an organic or textural pattern appear irregular, vary the tile artwork subtly for a more realistic effect. You can use the Roughen effect to control variations.
To ensure smooth tiling, close paths before defining the pattern.
Enlarge your artwork view and check for flaws before defining a pattern.
If you draw a bounding box around the artwork, make sure that the box is a rectangle, that it is the backmost object of the tile, and that it is unfilled and unstroked. To have Illustrator use this bounding box for a brush pattern, make sure that nothing protrudes from it.

Follow these additional guidelines when creating brush patterns:

When possible, confine artwork to an unpainted bounding box so that you can control how the pattern tiles.
Corner tiles must be square and have the same height as side tiles to align properly on the path. If you plan to use corner tiles with your brush pattern, align objects in the corner tiles horizontally with objects in the side tiles so that the patterns tile correctly.
Create special corner effects for brush patterns using corner tiles.

Create pattern swatches

Create artwork for the pattern.

(Optional) To control the spacing between pattern elements or to clip out portions of the pattern, draw a pattern bounding box (an unfilled rectangle) around the artwork you want to use as a pattern. Choose Object > Arrange > Send To Back to make the rectangle the backmost object. To use the rectangle as a bounding box for a brush or fill pattern, fill and stroke it with None.

Use the Selection tool to select the artwork and bounding box (if any) that will make up the pattern tile.

Choose Edit > Define Pattern, enter a name in the New Swatch dialog box, and click OK. The pattern displays in the Swatches panel.
Drag the artwork to the Swatches panel.

Create seamless geometric patterns

Make sure that Smart Guides are turned on and that Snap To Point is selected in the View menu.

Select the geometric object. For precise positioning, position the Direct Selection tool on one of the object's anchor points.

Begin dragging the object vertically from one of its anchor points; then press Alt+Shift (Windows) or Option+Shift (Mac OS) to copy the object and constrain its movement.

When the copy of the object has snapped into place, release the mouse button and then release the keys.

Using the Group Selection tool, Shift-click to select both objects, and begin dragging the objects horizontally by one of their anchor points; then press Alt+Shift (Windows) or Option+Shift (Mac OS) to create a copy and constrain the move.

Selecting both objects (left) and dragging to create a copy (right) — Select both objects (left) and drag to create a copy (right).

When the copy of the object has snapped into place, release the mouse button, and then release the keys.

Repeat steps 2 through 6 until you've built the pattern you want.

Use the Rectangle tool to do one of the following:

For a fill pattern, draw a bounding box from the center point of the upper left object to the center point of the lower right object.
For a brush pattern, draw a bounding box that surrounds the objects and coincides with their outer boundaries. If the pattern is to be a corner tile, hold down Shift as you drag to constrain the bounding box to a square.

Bounding box for a fill pattern (left) compared to the bounding box for a brush pattern (right)

Paint the geometric objects the desired color.

Save the geometric objects as a pattern swatch.

Construct irregularly textured patterns

Choose View > Snap To Point.

Draw a bounding box. If you are creating a brush pattern, skip to step 13.

Draw the texture with the objects or lines that intersect only the left side of the bounding rectangle.

Using the Direct Selection tool, select the texture and the rectangle, and place the pointer on the lower left corner of the rectangle.

Drag the rectangle to the right; then press Alt+Shift (Windows) or Option+Shift (Mac OS) to create a copy and to constrain the move.

Drawing texture on the left side of the bounding box (left), and then copying texture and rectangle (right) — Draw texture on the left side of bounding box (left), and then copy texture and rectangle (right).

When the upper left corner point of the copy snaps to the upper right corner point of the bounding box, release the mouse button, and then release the keys.

If you know the exact dimensions of the bounding box, you can select only the textures and use the Move command to specify a horizontal move the width of the rectangle. Be sure to click Copy instead of OK in the Move dialog box.

Click outside the rectangle to deselect it.

Select the right rectangle, and delete it.

Continue drawing your texture with only the objects or lines that intersect the top side of the rectangle.

When you finish with the top side only, select all of the lines or objects crossing the top side and the bounding box; then press Alt+Shift (Windows) or Option+Shift (Mac OS) and drag downward to create a copy and to constrain the move.

Drawing texture on the top side of the bounding box (left), and then copying texture and rectangle (right) — Draw texture on top side of bounding box (left), and then copy texture and rectangle (right).

When the upper left corner point of the copy snaps to the lower left corner point of the rectangle, release the mouse button and then the keys.

Select the lower rectangle and any objects that don't cross the top rectangle, and delete them.

Using the Pencil tool, fill the middle of the rectangle with your texture. Be careful not to intersect any of the rectangle edges. Paint the texture.

Save the artwork and rectangle as a pattern swatch.

Defining artwork and rectangle as a pattern (left) compared to filling an area with the pattern (right)

Create corner tiles for brush patterns

Corner tiles lend special border effects when applying brush patterns. You can create corner tiles from scratch, or you can use a brush pattern's side tile as the basis for designing complementary outer and inner (reflected –135°) corner tiles.

Choose File > Open, locate a brush pattern file (supplied with Adobe Illustrator) that you want to use, and click Open.

Choose Window > Brushes. Select the tile you want to use, and drag it to the center of your artwork.

If the tile does not have a square bounding box, create a box that completely encompasses the artwork, the same height as the side tile. (Side tiles can be rectangular.) Fill and stroke the box with None, and choose Object > Arrange > Send To Back to make the box backmost in your artwork. (The bounding box helps you align the new tile.)

Select the tile and the bounding box.

To create an outer corner tile, use the Rotate tool to rotate the tile and its bounding box 180°. Skip this step to create an inner corner tile.

Pasted tile (left) compared to the same tile rotated 180° (right)

Using the Rotate tool, Alt+Shift-click (Windows) or Option+Shift-click (Mac OS) the lower left corner of the bounding box. Enter a value of 90°, and click Copy to create a copy flush left of the first tile. This tile becomes the corner tile.

Using the Selection tool, drag the left tile down by the top right anchor point, pressing Alt+Shift (Windows) or Option+Shift (Mac OS) to make a copy and constrain the move so that you create a third tile beneath the second. When the copy's upper right anchor point snaps to the corner tile's lower right anchor point, release the mouse button and Alt+Shift (Windows) or Option+Shift (Mac OS).

You use the third copy for alignment.

Rotating 90° and copying left tile (left), and then Alt‑dragging (Windows) or Option-dragging (Mac OS) a corner tile to make a copy beneath it (right) — Rotate 90° and copy left tile (left), and then Alt‑drag (Windows) or Option-drag (Mac OS) a corner tile to make a copy beneath it (right).

Select the artwork in the right tile. Drag it to the left, pressing Alt+Shift (Windows) or Option+Shift (Mac OS) so that the right-tile artwork overlaps that in the corner tile.

Copying (left) and moving upper right tile over corner tile (right) — Copy (left) and move upper right tile over corner tile (right).

Edit the corner tile so that its artwork lines up vertically and horizontally with the tiles next to it. Select and delete any portions of the tile that you do not want in the corner, and edit the remaining art to create the final outer corner tile.

Deleting unnecessary elements (left) to produce a final outer corner tile (right) — Deleting unnecessary elements (left) produces a final outer corner tile (right).

Select all of the tile parts including the bounding box.

Save the new pattern as a swatch.

Double-click the new pattern swatch to bring up the Swatch Options dialog box, name the tile as a variation of the original (for example, use the suffix "outer"), and click OK.

Modify patterns

Make sure that nothing is selected in your artwork.

In the Swatches panel, select the pattern swatch you want to modify.

Drag the pattern swatch onto your artboard, and edit the pattern tile on the artboard.

Select the pattern tile, and Alt‑drag (Windows) or Option-drag (Mac OS) the modified pattern on top of the old pattern swatch in the Swatches panel.

The pattern is replaced in the Swatches panel and is updated in the current file.