• Website Home
  • About
  • Services
  • Portfolio
    • Recent
    • Archives
  • Shop
    • Catalog
    • Order

ASK Design Blog

Designer | Artist | Teacher

  •  
    • Blog Home
    • Web Design
    • Graphic Design
    • Art
      • Licensed Art
    • Links
    • Calendar
    • Contact

    Create a Seamless Pattern in Adobe Illustrator

    March 15, 2017 by ProfK 1 Comment

    I love patterns! There are so many applications for them: website backgrounds and headers, books, posters, CD packages, wrapping paper, iPhone cases, fabric, and more. It’s fun making them, too. My tool of choice is Adobe Illustrator and here’s how I do it.

    1. Create a new document. The dimensions should be square. I usually make mine 600 x 600 pixels.
    2. The edges represent the seam. Place your objects around the edges of the square so that part of the object is visible inside the square and part of it lies outside of the square.
    3. Duplicate each object placed on one edge in the identical position on the opposite edge. pattern-mandalas1-repeat-items
      a. To accomplish this, select an object on the left edge and copy it (CMMD-C). Then Paste in Front (CMMD-F) and move it 600 pixels to the right edge (OBJECT > TRANSFORM > MOVE or use the Transform tool by adding 600 pixels to the “X” coordinate value).
      Note: When using the TRANSFORM > MOVE method, the horizontal field is for left-right movement, and the vertical field is for top-bottom movement.
      b. Similarly, select an object on the top edge, copy it, paste in front, and move it 600 pixels to the bottom edge.
      c. Continue duplicating and moving each object that rests on the edge of the 600 pixel square.
    4. When finished with the objects on the edges, fill in the rest of the square as you like.
    5. Draw a square box that is 600 x 600 pixels. In the Layers panel, place it above all the objects in the pattern. Select ALL, then create a Clipping Mask:
      OBJECT > CLIPPING MASK > MAKE. This gives you the option of simply duplicating the pattern as a clipping mask or, going to Step 6, making it into a swatch.
    6. With everything still selected, drag to the SWATCHES panel.
    7. Create a new artboard, doubling the size to 1200 x 1200 pixels. Draw a square to fill the entire new artboard. Fill the square with your new swatch pattern.
    pattern-mandalas1-pattern-1200

    The final pattern!

    Adjustments

    You might need to adjust the pattern, especially if you are using the CC 2017 version of Illustrator.

    1. Double-click on the pattern swatch.
    2. The Pattern Options window will appear. Make sure the width and height of the pattern are both 600 pixels.
    3. Exit Pattern Editing Mode. Your pattern swatch will now be updated and should work as a seamless pattern!

    Video Tutorial

    If you prefer, you can watch the video tutorial I made that shows you how to create a seamless pattern in Adobe Illustrator:
    VIEW VIDEO!

    Related Posts

    Paste in Place: Moving Objects with Power
    How to Prepare Images for the Web
    Effective Resolution: Key Factor of Image Scaling

    Filed Under: Graphic Design, Software Tips, Teaching Tagged With: clipping mask, move object, pattern, seamless patterns, swatch pattern, transform object

    Reader Interactions

    Comments

    1. Sourabh Singh says

      July 5, 2017 at 6:27 am

      Interesting blog, good information given about how to create a seamless pattern in adobe illustrator especially when using CC 2017 version. Thanks for sharing the blog.

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Primary Sidebar

    Subscribe to Mailing List

    Sign up to get periodic updates on Anne's design and art adventures, and receive useful info. via her blog.
    * = required field

    We never share our email list with anyone.

    Looking for Something?

    My Art in a Book!

    kornegger loseyourmind front cover
    Several of my paintings are in this book (including the cover)
    BUY THE BOOK!
    My blog post about designing the book: Self-Publishing Adventures

    Testimonials

    I received the notecards on Friday and it was on my to do list today to email you my deep appreciation for them. They are amazing and I am so glad to have them to share. I am sure I will order more in the future. You are such a gifted artist and I thank you for sharing in a way others can use the art.

    — Shari Spokes

    Your new pastel "Lettuce Lake” is really beautiful. Very, very nice.

    — Tony from Belmont, MA

    My dear sweet sister. I can’t tell you how much I love your pictures. I so much wanted something and was so sorry that I couldn’t pick something out at your sale. On the other hand, I so much wanted something that you had chosen for me. Its been on my mind and suddenly, your beautiful pictures arrived. They are beyond beautiful and I cried when I saw them. Sending you love and my bestness.

    — Marti from Reno, NV

    Affiliate Partners

    We receive compensation when you purchase a service or product via the links on this blog.

    Web Hosting

    ThemeOfMonth

    Great Software Deals!

    MacUpdate Logo

    themeforest banner

    Photo, Video & Design Software

    Copyright

    © 2000-2020 Anne S. Katzeff. All rights reserved. Unless noted, all artwork and text are copyrighted by the artist. Images may not be reproduced, manipulated, or used in any way without Anne’s written permission.

    Categories

    Graphic Design

    • AIGA
    • Design Is History
    • Janice Moore
    • Mass. Contractors

    Web Design

    • 978 Grid System
    • A List Apart
    • A List Apart
    • Adobe Color Tools (formerly Kuler)
    • AWWWards
    • Smashing Magazine
    • underthesite
    • www schools

    Tech-Computer

    • Adobe TV
    • Orramac
    • Teknoziz

    Comments

    In an effort to reduce spam, comments are restricted. Please email Anne if you have a comment or question that you are unable to post. Thanks for understanding.


    Archives

    Typography

    • 1001fonts
    • Adobe Type
    • Adobe Web Type
    • Bitstream
    • Dafont.com
    • Emigre
    • Font converter (free)
    • Font Spring
    • Font Squirrel
    • Google Fonts
    • I Love Typography
    • identifont
    • Typeinspire
    • Typewolf
    • Typoretum

    Photography

    • Creative Commons

    Footer

    Subscribe to Mailing List

    Sign up to get periodic updates on Anne's design and art adventures, and receive useful info. via her blog.
    * = required field

    We never share our email list with anyone.

    Subscribe to RSS Feed

  •  ASK Design Blog
  • Contact

    Website
    Email

    Connect and Share

  •  
  • Copyright © 2021 · Optimal Theme · Built on the WordPress Genesis Framework· Customization and design by ASK Design