{"id":2727,"date":"2025-10-03T16:00:00","date_gmt":"2025-10-03T16:00:00","guid":{"rendered":"https:\/\/www.drawstitch.com\/blog\/?post_type=knowledge-base&#038;p=2727"},"modified":"2025-10-21T11:13:15","modified_gmt":"2025-10-21T11:13:15","slug":"how-to-create-circular-patterns-with-circular-array-tool","status":"publish","type":"knowledge-base","link":"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-create-circular-patterns-with-circular-array-tool\/","title":{"rendered":"How to Create Circular Patterns with Circular Array tool"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The <strong>Circular Array<\/strong> tool is a powerful feature that allows you to create <a href=\"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-move-scale-and-duplicate-objects\/\">duplicate<\/a> copies of an object arranged in a circle or an arc. It&#8217;s perfect for creating symmetrical patterns, decorative wreaths, or any design that requires repeating elements around a central point.<\/p>\n\n\n<figure class=\"wp-block-embed wp-block-embed-youtube is-type-video is-provider-youtube epyt-figure\"><div class=\"wp-block-embed__wrapper\"><div class=\"epyt-video-wrapper\"><div  style=\"display: block; margin: 0px auto;\"  id=\"_ytid_55057\"  width=\"1290\" height=\"725\"  data-origwidth=\"1290\" data-origheight=\"725\" data-facadesrc=\"https:\/\/www.youtube.com\/embed\/JwLBHOQEJ9o?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;rel=0&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;disablekb=0&#038;\" class=\"__youtube_prefs__ epyt-facade no-lazyload\" data-epautoplay=\"1\" ><img decoding=\"async\" data-spai-excluded=\"true\" class=\"epyt-facade-poster skip-lazy\" loading=\"lazy\" alt=\"YouTube player\" src=\"https:\/\/i.ytimg.com\/vi\/JwLBHOQEJ9o\/maxresdefault.jpg\" title=\"\"><button class=\"epyt-facade-play\" aria-label=\"Play\"><svg data-no-lazy=\"1\" height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\"><path class=\"ytp-large-play-button-bg\" d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"><\/path><path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"><\/path><\/svg><\/button><\/div><\/div><\/div><\/figure>\n\n\n<h3 class=\"wp-block-heading\">1. Locating and Activating the Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, you&#8217;ll need to select an object on your canvas that you wish to duplicate. You <strong>must have an object selected<\/strong> to activate the array tools.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;ve selected your shape:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Navigate to the main <strong>Tools Bar<\/strong> on the left side of the workspace.<\/li>\n\n\n\n<li>Locate the <strong>Arrays<\/strong> section.<\/li>\n\n\n\n<li>Click on the section to expand it and select the <strong>Circular Array<\/strong> tool.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">As soon as you activate the tool, a live preview of the array will appear on your screen, centered on the workspace axis by default.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Customizing via the Tool Options Panel<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can precisely control every aspect of your array using the options panel.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Start and End Angle<\/strong>: These values determine the arc on which your objects are placed.\n<ul class=\"wp-block-list\">\n<li><strong>Pro Tip<\/strong>: To create a <strong>full circle<\/strong>, set the <strong>Start<\/strong> and <strong>End<\/strong> angles to the same value (e.g., 0\u00b0 and 360\u00b0, or 90\u00b0 and 90\u00b0).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Number of Copies<\/strong>: Enter the exact number of objects you want in your array.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-use-step-fill-stitches-density-styles-underlay-and-gradient-blending\/\">Step<\/a> Angle<\/strong>: This value shows the angle between each copy. It updates automatically when you change the number of copies, but you can also set it manually to adjust the total span of your arc.<\/li>\n\n\n\n<li><strong>Clockwise\/Counterclockwise<\/strong>: A simple checkbox to control the direction in which the array is created from the start angle.<\/li>\n\n\n\n<li><strong>Clones<\/strong>: Enable this powerful option to link all the copies to the original. Editing any one of the &#8220;cloned&#8221; objects will update all the others simultaneously! We&#8217;ll cover this more below.<\/li>\n\n\n\n<li><strong>Contour Steps<\/strong>: Use this to create concentric circles of your array. You can also choose to have the outer contours contain the same number of copies or add extra copies for a denser, better fit.<\/li>\n\n\n\n<li><strong>Presets<\/strong>: This dropdown menu provides quick actions. The <strong>Full Circle Preset<\/strong> is especially useful, as it automatically arranges your selected object(s) in a complete circle with calculated spacing.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Adjusting the Array Visually <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For a more hands-on approach, you can manipulate the array directly on the canvas using its interactive handles.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <strong>green line<\/strong> represents the <strong>Start Angle<\/strong>.<\/li>\n\n\n\n<li>The <strong>red line<\/strong> represents the <strong>End Angle<\/strong>.<\/li>\n\n\n\n<li>The <strong>blue lines<\/strong> show the position of each intermediate copy.<\/li>\n\n\n\n<li>The <strong>central handle<\/strong> marks the array&#8217;s center of rotation.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To change the array&#8217;s radius and position:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click and drag the handle on the <strong>green line<\/strong> or any of the <strong>blue lines<\/strong>.<\/li>\n\n\n\n<li>Moving the handle away from the center <strong>increases the radius<\/strong>.<\/li>\n\n\n\n<li>Moving the handle toward the center <strong>decreases the radius<\/strong>.<\/li>\n\n\n\n<li>Moving the handle around the center <strong>changes the position of the entire arc<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To change the array&#8217;s length and spacing:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click and drag the handle on the <strong>red line<\/strong>. This adjusts the <strong>End Angle<\/strong>, which changes the spacing between your objects while keeping the number of copies the same.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Precision Control with Keyboard Shortcuts <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-use-combine-and-break-apart-tools\/\">Combine<\/a> mouse movements with keyboard keys for precise adjustments.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hold the <code>Ctrl<\/code> key<\/strong>: While dragging any angle handle, this will <strong>snap the movement to 15-degree increments<\/strong>, which is perfect for creating precise angles.<\/li>\n\n\n\n<li><strong>Hold the <code>Shift<\/code> key<\/strong>:\n<ul class=\"wp-block-list\">\n<li>When dragging the <strong>start (green) handle<\/strong>, this locks the angle, allowing you to <strong>only change the radius<\/strong> (distance from the center).<\/li>\n\n\n\n<li>When dragging the <strong>end (red) handle<\/strong>, this locks the spacing between objects, allowing you to <strong>add or remove copies<\/strong> by moving the mouse outwards or inwards.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Hold the <code>Alt<\/code> key<\/strong>:\n<ul class=\"wp-block-list\">\n<li>When dragging the <strong>start (green) handle<\/strong>, this locks the radius, allowing you to <strong>only change the arc&#8217;s angular position<\/strong>.<\/li>\n\n\n\n<li>When dragging the <strong>end (red) handle<\/strong>, this also locks the radius, allowing you to change the spacing between copies without altering their distance from the center.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. Advanced Visual Controls<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Moving the Center<\/strong>: Simply click and drag the handle at the very center of the array to reposition its pivot point anywhere on the canvas.<\/li>\n\n\n\n<li><strong>Action Handles<\/strong>: When you hover your mouse over a control node on any copy, small <strong>action handles<\/strong> will appear. These allow you to perform quick transformations like <strong><a href=\"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-use-numeric-transformations-and-the-tool-options-bar\/\">mirroring<\/a><\/strong> or <strong><a href=\"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-transform-designs-move-resize-rotate-skew\/\">rotating<\/a><\/strong> an object by 90 degrees. This effect can be applied in a pattern (e.g., to every second object) for creating more complex designs.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">6. Pro Tip: The Power of the &#8220;Clones&#8221; Option <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you enabled the <strong>Clones<\/strong> option in the properties panel, all copies in the array are linked. This is incredibly efficient!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you edit the shape, size, or color of <strong>any single object<\/strong> in the array, <strong>all the other objects will automatically update<\/strong> with the exact same change. This saves a massive amount of time compared to editing each object individually.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Applying Your Array<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once you are satisfied with your design:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>&#8220;Apply&#8221;<\/strong> to finalize the array and create the objects.<\/li>\n\n\n\n<li>If you want to start over with a different shape, click <strong>&#8220;Select new&#8221;<\/strong> to change your base selection without exiting the tool.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Circular Array tool is a powerful feature that allows you to create duplicate copies of an object arranged in a circle or an arc.<\/p>\n","protected":false},"author":1,"featured_media":2728,"template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":""},"categories-kb":[333],"class_list":["post-2727","knowledge-base","type-knowledge-base","status-publish","has-post-thumbnail","hentry","categories-kb-how-to-training"],"acf":[],"taxonomy_info":{"categories-kb":[{"value":333,"label":"How to Training"}]},"featured_image_src_large":["https:\/\/www.drawstitch.com\/blog\/wp-content\/uploads\/2025\/10\/how-to-create-circular-patterns--1024x576.jpg",1024,576,true],"author_info":{"display_name":"DRAWings Embroidery Software","author_link":"https:\/\/www.drawstitch.com\/blog\/author\/drawings\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/knowledge-base\/2727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/knowledge-base"}],"about":[{"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/types\/knowledge-base"}],"author":[{"embeddable":true,"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/media\/2728"}],"wp:attachment":[{"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/media?parent=2727"}],"wp:term":[{"taxonomy":"categories-kb","embeddable":true,"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/categories-kb?post=2727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}