graphicxtras.com for plugins and presets

graphicxtras.comLinksFreebiesTutorialsBrushesVector tilesIllustrator symbolsPhotoshop shapesFontsPatternsPluginsBlog

graphicxtras.com > tutorials > Illustrator pattern swatches

How to use images as pattern swatches in Illustrator tutorial

images as pattern swatches in Adobe Illustrator CC 2017 2015 etc

  1. load image into Illustrator via file menu and place command (this is a quick way to load an image into Illustrator for use as a pattern swatch source)

  2. re-size the design as required

  3. click embed button

  4. drag image into the swatches panel

All kinds of images can be used in Illustrator as a great source for images as a pattern swatch. You can manipulate the image in Illustrator and then drag to the swatches panel (found via the window menu). You can find many different pattern image sets on the graphicxtras site for use with Illustrator

Tartan patterns to buy

$7.79 (also GBP, etc) per set (in many currencies), PAT / PNG format, download

BUY 100 Colorful tartan / weave image patterns (V10) Tartan / weave patterns for Photoshop, Illustrator ... [browse]

Duplicate and modify image before using as a pattern swatch in Image

adjust color image pattern swatch illustrator

You can also duplicate the image by holding alt / option and then re-work that image such as modifying the color of the image

 

  1. duplicate image

  2. select duplicated image

  3. edit menu

  4. edit colors

  5. adjust color balance

  6. preview ON

  7. OK

  8. drag the image to swatches panel

  9. save as a swatch

 

This can be repeated numerous times, perhaps re-coloring, perhaps rotating the image and more. For better results, probably best to do the original source image work in Photoshop or Affinity Photo and then place them into Illustrator

Apply image pattern swatch to path in Illustrator

image as pattern swatch and scaled

You can fill a normal path as well as type etc with the image pattern swatch

  1. Select a normal vector path

  2. go to the swatches panel

  3. select the image swatch to apply to current path

  4. You can also then transform and modify the swatch

  5. object menu

  6. transform

  7. scale

  8. set transform objects to OFF

  9. set transform patterns to ON

  10. set scale

  11. OK

 

If the image tiles well depends on the source material. Most of the pattern swatches and images for use as pattern swatches on this site are seamless tiles.

Apply image pattern swatches as strokes for Illustrator brushes

strokes and image pattern swatches in Illustrator

You can also use them as strokes and not just as fills with images / pattern swatches in Illustrator

  1. Create a line using the line segment tool in the toolbar / box

  2. set fill to nothing

  3. set the stroke to image pattern swatch

  4. set stroke weight

  5. set a width profile

  6. use curvature tool in toolbar to extand path

Freebie patterns

1. Freebie pattern swatches for Illustrator