• Skip to primary navigation
  • Skip to main content
  • Skip to footer
  • About
  • Portfolio
  • Blog
    • Blogging
    • Business Tips
    • Design
    • Photoshop Tutorials
    • Illustrator Tutorials
    • Freebies
  • Shop
    • Creative Market
    • Spoonflower
    • Design Cuts
    • Patternbank
  • Resources
    • Resources
    • The Library
  • Contact
  • Nav Social Menu

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

Elan Creative Co.

whimsical graphic design

Convert Photoshop patterns into Illustrator pattern swatches

May 11, 2018

Convert Photoshop patterns into Illustrator pattern swatches

I love using Photoshop to create different patterns and textures, like glitter or gold foil textures. Sometimes, I need those patterns in Illustrator and I like to use pattern swatches instead of clipping masks. In this tutorial, I’m going to show you how easy it is to convert Photoshop patterns into Illustrator pattern swatches.

Watch on YouTube

Please subscribe to my channel if you want to see more design tutorials. I release a new tutorial every other week.

Watch on YouTube.

Convert Photoshop patterns into Illustrator patterns

Open your pattern in Photoshop.

I have a simple gold foil texture that I want to convert into an Illustrator swatch.

If you can, you should use seamless patterns for this. Also, make sure you have a single layer without layer styles or masks applied to it.

Convert Photoshop patterns into Illustrator pattern swatches

Use the Rectangle Marquee tool (M) to select the pattern.

With the pattern selected, go to Edit > Copy (Ctrl + C) to make a copy of the pattern.

Open Illustrator and create a new document.

You might need to change the color mode when you create the new Illustrator document.

In Illustrator, go to Edit > Paste (Ctrl + V).

Convert Photoshop patterns into Illustrator pattern swatches

If Paste is greyed out, you might need to go back to Photoshop and reselect and copy the pattern. Another fix for this is to create a new layer in Illustrator.

All you have left to do is to select the pattern, open the Swatches panel from Window > Swatches, and drag and drop your pattern into the Swatches panel.

Convert Photoshop patterns into Illustrator pattern swatches

You new pattern swatch will appear in the Swatches panel and you can apply it to brushes, text, or shapes. It works just like a color swatch.

Convert Photoshop patterns into Illustrator pattern swatches

If you scale the shape after your pattern is applied, your object might look pixelated. That’s because the pattern is a raster image, not a vector. Just select the object and click on the pattern in the Swatches panel to reapply it.

How to convert a raster image into an Illustrator pattern swatch

I have a watercolor background that was saved as a JPEG.

Convert Photoshop patterns into Illustrator pattern swatches

I’m going to import it into Illustrator using File > Place (Ctrl + Shift +P). Select your image and click Place. Then click on the artboard to place it.

Convert Photoshop patterns into Illustrator pattern swatches

When you place raster images into Illustrator, they will have a large X on them. You can see it in the image above. Before you can save it as a pattern, you will have to go to Object > Rasterize. Change the options if needed and press OK to rasterize the pattern.

Convert Photoshop patterns into Illustrator pattern swatches

Once the pattern is rasterized, you will be able to drag and drop it into the Swatches panel.

Convert Photoshop patterns into Illustrator pattern swatches

You can now use the watercolor texture as an Illustrator pattern swatch.

Convert Photoshop patterns into Illustrator pattern swatches

Hope this tutorial was useful! Please let me know if there are any Photoshop or Illustrator tutorials that you want to see.

Tweet
Share
Pin563
Share

Illustrator, Photoshop Tutorials

You might also enjoy:

How to create a marble texture in Photoshop
How to create a marble texture in Photoshop
christmas themed digital paper
How to create Christmas themed digital papers
How to change Illustrator default settings
How to scale patterns in Illustrator
Getting started with Adobe Illustrator + my favorite tutorials
Getting started with Adobe Illustrator

About Cristina Silvia

Hey there! I’m Cristina, and I’m a self-taught graphic designer and illustrator. With an everlasting love of all creative endeavors, I found joy in sharing with others what I’ve learned over the years and helping bloggers and entrepreneurs bring their dreams to life through beautiful designs.

The Newsletter

Subscribe to our mailing list to get the latest posts in your inbox + news and special offers.

Footer

Discover

  • Portfolio
  • Blog
  • Resources
  • The Library
  • Contact

Learn More

  • Policies
  • Terms
  • Licenses
  • F.A.Q.

Looking for something?

  • Bloglovin
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube

Copyright © 2023 · Elan Creative Co