{"id":139637,"date":"2014-11-06T13:00:21","date_gmt":"2014-11-06T19:00:21","guid":{"rendered":"https:\/\/getflywheel.com\/?p=6539"},"modified":"2025-11-25T09:46:11","modified_gmt":"2025-11-25T15:46:11","slug":"create-patterns-in-illustrator","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/","title":{"rendered":"6 Steps to Creating Patterns in Illustrator"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Patterns are really a fun aspect of design. They can spice up your backgrounds or add a cool texture to an otherwise boring object. And in the past, they\u2019ve been a pain to create.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But the days of awkward copy-and-paste solutions are gone! No more relying on guidelines to align an entire series of the pattern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Patterns are incredibly easy to build as long as you have Adobe Illustrator CS 6, CC 2014, or a more recent version. Achieving a clean and consistent pattern is a breeze, and it doesn\u2019t take long either.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to make a pattern in Illustrator<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To create patterns in Illustrator, follow these six simple steps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Open artwork to use as a pattern<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Patterns are essentially a repeated image or motif. To create a pattern, you\u2019ll need something to repeat, ready and waiting on your artboard. This could be anything from a simple circle to a complex illustration.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Begin by creating or placing the graphic elements that will make up your pattern on your artboard. This could be a single icon, a group of shapes, or a complex illustration. Ensure these elements are grouped if they consist of multiple parts, as this will make them easier to manage. To group objects, use <strong>Object <\/strong>&gt; <strong>Group<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, select the part of the artwork you want to use as the basis of the pattern.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Enter Pattern Editing mode<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"863\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Pattern-Editing-Mode.png\" alt=\"A screenshot of Adobe Illustrator, opening Pattern Editing Mode. The screenshot shows the Object menu, with Pattern and then Make selected. \" class=\"wp-image-156908\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Pattern-Editing-Mode.png 850w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Pattern-Editing-Mode-532x540.png 532w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Pattern-Editing-Mode-768x780.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">With your pattern elements selected, go to <strong>Object &gt; Pattern &gt; Make<\/strong>. Illustrator will then bring up a dialog box saying that a new pattern has been added to the Swatches panel, and that any changes made will be applied to the swatch upon exit.&nbsp;<br><br>Click <strong>OK<\/strong> on the dialog box, and you&#8217;ll be taken to the special Pattern Editing mode.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Know your options<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"697\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Know-your-options-1024x697.png\" alt=\"A screenshot showing &quot;Pattern Options,&quot; as described in the text. \" class=\"wp-image-156909\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Know-your-options-1024x697.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Know-your-options-540x367.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Know-your-options-768x523.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Know-your-options-1536x1045.png 1536w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Know-your-options-2048x1394.png 2048w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Know-your-options-1500x1021.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Before you start creating your pattern, take a moment to look at the available options, located in the \u201cPattern Options Panel.\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The blue box is the pattern tile. This is the area where you create the element that you want to be repeated. As soon as an object enters the Tile, Illustrator generates the pattern surrounding it for you.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tile Type: <\/strong>This determines how the pattern repeats and in which direction. Even just playing with simple shapes, this option can create very unique and interesting solutions. It defaults to a Grid layout.<\/li>\n\n\n\n<li><strong>Width and Height: <\/strong>These control the height and width of the pattern tile. Changing these settings determines the size of the pattern tile. The white space between your element and the edge of the pattern tile is considered part of the pattern.<\/li>\n\n\n\n<li><strong>Spacing:<\/strong> Clicking the <strong>Size Tile to Art<\/strong> checkbox gives you access to the \u201cH Spacing\u201d and \u201cV Spacing\u201d controls. This controls the padding or space around the elements repeated throughout your pattern. Increasing the numbers will push the elements further apart.&nbsp;<\/li>\n\n\n\n<li><strong>Overlap: <\/strong>This changes the \u201cdirection\u201d of your pattern. When you create a pattern that overlaps itself, you\u2019ll create a sense of movement. These options let you specify which elements go on top and on bottom to create that sense of direction, allowing you to create intertwined designs or elements that bleed into the next tile.<\/li>\n\n\n\n<li><strong>Copies: <\/strong>This determines the number of times the pattern tile will be repeated within the pattern. It defaults to 5&#215;5.&nbsp;<\/li>\n\n\n\n<li><strong>Dim Copies:<\/strong> Essentially, this allows you to control the relative transparency of copies compared to the pattern tile. It defaults to 70%.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Refining your pattern<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"699\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Refining-pattern-v2-1024x699.png\" alt=\"A screenshot from Adobe Illustrator, showing some options in action. In this case, the pattern is now organized as a &quot;Hex by Row&quot; Tile Type, as opposed to the &quot;Grid&quot; Tile Type used previously. \" class=\"wp-image-156911\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Refining-pattern-v2-1024x699.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Refining-pattern-v2-540x369.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Refining-pattern-v2-768x525.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Refining-pattern-v2-1536x1049.png 1536w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Refining-pattern-v2-2048x1399.png 2048w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Create-Patterns-in-Illustrator-Refining-pattern-v2-1500x1025.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is where the magic happens. You can freely edit, move, scale, rotate, and add new elements within the pattern tile. As you do, watch how Illustrator updates the live preview.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pay close attention to how elements interact when they cross the tile boundaries. Illustrator will automatically show them appearing on the opposite side, helping you create truly seamless designs.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Experiment with colors, shapes, and arrangements until you&#8217;re happy with the pattern you\u2019ve created.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Save the Swatch<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"824\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2014\/11\/Pattern-Swatch-in-Illustrator-1024x824.png\" alt=\"The Swatches panel in Adobe Illustrator, showing our newly created pattern as a swatch. \" class=\"wp-image-156912\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-Swatch-in-Illustrator-1024x824.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-Swatch-in-Illustrator-540x434.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-Swatch-in-Illustrator-768x618.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-Swatch-in-Illustrator.png 1042w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once your pattern looks perfect, click <strong>Done<\/strong> in the gray bar at the top of the document window.&nbsp; Your new pattern will automatically be saved as a swatch in your \u201cSwatches\u201d panel, ready for use! You can now apply it as a fill or stroke to any object.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Using your pattern<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2014\/11\/Creating-Patterns-in-Illustrator-Using-your-pattern-1024x715.png\" alt=\"\" class=\"wp-image-156913\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Creating-Patterns-in-Illustrator-Using-your-pattern-1024x715.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Creating-Patterns-in-Illustrator-Using-your-pattern-540x377.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Creating-Patterns-in-Illustrator-Using-your-pattern-768x536.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Creating-Patterns-in-Illustrator-Using-your-pattern-1536x1072.png 1536w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Creating-Patterns-in-Illustrator-Using-your-pattern-2048x1429.png 2048w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Creating-Patterns-in-Illustrator-Using-your-pattern-1500x1047.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To apply your pattern, select an object and then click on its swatch in the \u201cSwatches\u201d panel. This will instantly fill the object with your new design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s common to want to make adjustments after seeing your pattern applied. To edit an existing pattern, double-click its swatch in the Swatches panel. This action will bring you right back into the Pattern Editing mode, allowing you to fine-tune your design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also change the size or orientation of the pattern <em>within<\/em> an object without altering the object itself. To do this, select the object, then go to <strong>Object &gt; Transform &gt; Scale<\/strong> (or <strong>Object &gt; Transform &gt; Rotate<\/strong>).&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the dialog box that appears, uncheck <strong>Transform Objects<\/strong> and check <strong>Transform Patterns<\/strong>. This ensures only the pattern inside the object is affected. If you want to create truly complex designs, remember that you can even use your newly created pattern as a fill for elements <em>inside<\/em> another pattern you&#8217;re building, opening up endless possibilities for intricate solutions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2014\/11\/Patterns-in-Illustrator-Transform-1024x623.png\" alt=\"Transforming a pattern in Illustrator, in this case by rotating it. \" class=\"wp-image-156914\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Patterns-in-Illustrator-Transform-1024x623.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Patterns-in-Illustrator-Transform-540x328.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Patterns-in-Illustrator-Transform-768x467.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Patterns-in-Illustrator-Transform-1536x934.png 1536w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Patterns-in-Illustrator-Transform-2048x1245.png 2048w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Patterns-in-Illustrator-Transform-1500x912.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Want additional resources for building and designing incredible sites with WordPress? Visit <\/strong><a href=\"https:\/\/wpengine.com\/resources\/\"><strong>WP Engine\u2019s Resource Center<\/strong><\/a><strong> for our vast library of educational, how-to content created for WordPress users of all technical skill levels!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To find out more about <\/strong><a href=\"https:\/\/wpengine.com\/managed-wordpress-hosting\/\"><strong>WP Engine&#8217;s hosting for WordPress sites<\/strong><\/a><strong>, <a href=\"\/contact\/\">speak to a representative now<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Patterns are really a fun aspect of design. They can spice up your backgrounds or add a cool texture to an otherwise boring object. And in the past, they\u2019ve been a pain to create. But the days of awkward copy-and-paste solutions are gone! No more relying on guidelines to align an entire series of the<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":145748,"template":"","resource-topic":[1396],"resource-role":[1397],"resource-type":[916],"class_list":["post-139637","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>6 Steps to Creating Patterns in Illustrator<\/title>\n<meta name=\"description\" content=\"Learn how to create patterns in Adobe Illustrator. Easy step-by-step guides to design unique patterns effortlessly for your website or project.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 Steps to Creating Patterns in Illustrator\" \/>\n<meta property=\"og:description\" content=\"Learn how to create patterns in Adobe Illustrator. Easy step-by-step guides to design unique patterns effortlessly for your website or project.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-25T15:46:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-cover_1200x627.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-cover_1200x627.png\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/\",\"name\":\"6 Steps to Creating Patterns in Illustrator\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2014-11-06T19:00:21+00:00\",\"dateModified\":\"2025-11-25T15:46:11+00:00\",\"description\":\"Learn how to create patterns in Adobe Illustrator. Easy step-by-step guides to design unique patterns effortlessly for your website or project.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"6 Steps to Creating Patterns in Illustrator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 Steps to Creating Patterns in Illustrator","description":"Learn how to create patterns in Adobe Illustrator. Easy step-by-step guides to design unique patterns effortlessly for your website or project.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"6 Steps to Creating Patterns in Illustrator","og_description":"Learn how to create patterns in Adobe Illustrator. Easy step-by-step guides to design unique patterns effortlessly for your website or project.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2025-11-25T15:46:11+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-cover_1200x627.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-cover_1200x627.png","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/","name":"6 Steps to Creating Patterns in Illustrator","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2014-11-06T19:00:21+00:00","dateModified":"2025-11-25T15:46:11+00:00","description":"Learn how to create patterns in Adobe Illustrator. Easy step-by-step guides to design unique patterns effortlessly for your website or project.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/create-patterns-in-illustrator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"6 Steps to Creating Patterns in Illustrator"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2014\/11\/Pattern-cover_343x245.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Designer","topic":"<strong>Topics:<\/strong> Design","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/145748"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139637"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139637"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139637"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}