I’ve been creating more patterns in the last year than I ever have before. Patterns are such a wonderful tool to add personality quickly to designs without a ton of effort, orย overthinking. One of the best parts: they can be added to backgrounds, text and design elements with just a click of a button in both Photoshop and Illustrator. Say you have a Photoshop pattern, maybe a watercolor texture pattern, like we created in this tutorial. If you’d like to use it as a pattern swatch in Illustrator, how do you convert that Photoshop pattern file? In this tutorial, we go step by step on how to convertย any Photoshop pattern into an Illustrator pattern swatch in a few quick steps. Read on for everything you need to know!

how to convert a photoshop pattern into an illustrator pattern

How to Convert a Photoshop Pattern into an Illustrator Pattern


Assets from the video:
– Watch the seamless watercolor texture pattern tutorial here.
Here are the watercolor texture patterns from the video.
Here are the glitter and foil texture patterns from the video.
– The font used in the video, Tuesday Script, is available here.

tuesday tips

Here are the main tips and takeaways from this week’s tutorial:

  • Check the size the pattern was initially created at in your pattern layer styles
  • Create a new document sized correctly to the pattern and apply the pattern at 100%
  • Change the color mode if needed
  • Place into your Illustrator file
  • With it selected > rasterize, then drag into your swatches
  • Adjust your swatch’s scale using the transform > scale options once applied

Remember! It’s best to convert your Photoshop’s seamless pattern jpg into the correct color mode you’ll use it with in Illustrator before saving your jpg, so you won’t have any surprises if you go to print, or post on the web. You can change a Photoshop file’s color mode by going image > modeย and you can change an Illustrator file’s color mode by going file > document color mode.ย 

confetti
confetti

Receive special offers on courses + products, a new design file every month plus instant access to the Resource Library!

Tuesday Tribe Gift bag

Pick up over 50 design + lettering files as our gift to you when you join the Tuesday Tribe for free!

error

Congrats!

Please check your email to confirm.


Freebie: Procreate

Freebie: Procreate

Freebie: Procreate

Freebie: Procreate
Written by
Every Tuesday's content creator and founder. I help creatives build and improve their digital skills to open new opportunities.
Latest comments
  • Loved this! You really showed and explained this well. Helped that you did two examples reinforcing the ease. Thank you!

  • How can I convert my watercolor text I created from your other tutorial to illustrator ? I am trying to create a new logo for myself and am finding almost all the files I am wanting to use are in Ai.

  • I look forward to the new tutorial. The name of my business is Rusty Clover so I was trying to do Rusty clover in watercolor or I thought of doing a Clover in watercolor but every image I find I am having a tough time figuring out the best way to turn a image or clip art into watercolor. Is that possible? I am not very creative when it comes to this stuff but made a goal to create myself a logo and gosh darn it I will succeed. I sell custom wood signs so I wanted to make one that relates to what I do and thought it could be cute to have my logo be like one of my signs with a wooden frame and have the sign say Rusty clover but am not sure how to go about making wood framed sign in illustrator. Any suggestions or ideas would be so appreciated. I just love your videos and am very grateful that you take the time to help new beginners and I especially admire how you reply to each comment you receive. Thank you for your time and any help would be so appreciated ๐Ÿ™‚

  • Thanks Teela! Your videos make me look forward to Tuesdays. Is there a good way to save textures or patterns in Illustrator? The swatch library is confusing to me. I’d like to make a file with all the swatches I’ve created and be able to easily find them. Maybe this could be covered in a video??

  • Hi Teela,
    All of your tutorials are sooooooo incredibly helpful!!! Thank you so much for sharing!!! OK when I go into photoshop/ illustrator and do exactly what you say in the video, my end result pattern has white lines dividing it on my art…..like it doesn’t look seamless….Most of mine are smaller than yours…600x600pixels. I’ve tried it with some of my own and some of the default patterns that come in illustrator: Still the same results. Just curious how to trouble shoot. I made the tags from one of your other videos and was trying to use one of my patterns from photoshop that i uploaded as JPEG in illustrator to fill it and the same thing happened. It’s like I can see where it repeats again. Thanks for your help!

LEAVE A COMMENT

GDPR Agreement
Save my name, email, and website in this browser for the next time I comment.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

GDPR Icon

Your Privacy Matters

We use cookies to customize and create content thatโ€™s most important to you. Weโ€™ll never share the info we collect.

View Privacy Policy