{"id":2868,"date":"2025-11-26T17:30:00","date_gmt":"2025-11-26T17:30:00","guid":{"rendered":"https:\/\/www.drawstitch.com\/blog\/?post_type=knowledge-base&#038;p=2868"},"modified":"2025-11-27T07:09:51","modified_gmt":"2025-11-27T07:09:51","slug":"how-to-transform-designs-move-resize-rotate-skew","status":"publish","type":"knowledge-base","link":"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-transform-designs-move-resize-rotate-skew\/","title":{"rendered":"How to Transform Designs (Move, Resize, Rotate, Skew)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In <strong>DRAWings PRO XII<\/strong>, &#8220;transformation&#8221; refers to any operation performed to change the physical appearance or position of a design part. This includes moving, sizing, stretching, skewing, or <a href=\"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-use-numeric-transformations-and-the-tool-options-bar\/\">rotating<\/a> objects.<\/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_62292\"  width=\"1290\" height=\"725\"  data-origwidth=\"1290\" data-origheight=\"725\" data-facadesrc=\"https:\/\/www.youtube.com\/embed\/VuNtSXBh1QU?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\/VuNtSXBh1QU\/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<p class=\"wp-block-paragraph\">While you can input specific numeric values for these changes, the most intuitive way to transform designs is by using the mouse within the workspace. This guide explains how to use the selection handles to manipulate your embroidery designs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Selecting Your Object<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before you can transform an object, you must select it.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Enter <strong>Selection Mode<\/strong> (standard arrow cursor).<\/li>\n\n\n\n<li><strong>Click<\/strong> on a design part to <a href=\"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-select-single-and-multiple-objects\/\">select a single object<\/a>, or <strong>click and drag<\/strong> a box around multiple parts to select them all.<\/li>\n\n\n\n<li>Once selected, a highlighted rectangle (bounding box) with small square handles will appear around the object(s).<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">2. Moving an Object<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To change the position of a design:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Hover your mouse cursor over the artwork itself (inside the shape, but not on a handle).<\/li>\n\n\n\n<li>The cursor will change to a <strong>multi-directional arrow<\/strong>.<\/li>\n\n\n\n<li><strong>Click and hold<\/strong> the left mouse button and drag the object to its new location.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">3. Resizing and Stretching<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the size of an object proportionally or stretch it to change its aspect ratio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Proportional Resize<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To change the size while maintaining the original shape (aspect ratio):<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Hover your mouse over any of the <strong>four corner handles<\/strong>.<\/li>\n\n\n\n<li>The cursor will change to a <strong>bi-directional diagonal arrow<\/strong>.<\/li>\n\n\n\n<li><strong>Click and drag outward<\/strong> to increase size, or <strong>inward<\/strong> to decrease size.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Stretching (Non-Proportional)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To stretch the object vertically or horizontally:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Hover your mouse over the handles located in the <strong>middle of the sides<\/strong> (top, bottom, left, or right).<\/li>\n\n\n\n<li>The cursor will change to a <strong>bi-directional straight arrow<\/strong>.<\/li>\n\n\n\n<li><strong>Click and drag<\/strong> to stretch or squash the design in that specific direction.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Useful Tip:<\/strong> Be careful when using the side handles on intricate embroidery designs. Stretching a design too much can distort the stitch density or pattern logic. Using corner handles is generally safer for maintaining design integrity.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">4. Rotating and Skewing<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The standard transformation mode allows you to <a href=\"https:\/\/www.drawstitch.com\/blog\/knowledge-base\/how-to-rotate-and-skew-objects\/\">rotate<\/a> and skew without changing tools, simply by adjusting your mouse position relative to the handles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Rotating<\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Hover your mouse cursor over a <strong>corner handle<\/strong>, then move it slightly <strong>to the outside<\/strong> of the handle.<\/li>\n\n\n\n<li>The cursor will change to a <strong>curved rotation arrow<\/strong>.<\/li>\n\n\n\n<li><strong>Click and drag<\/strong> to rotate the selection clockwise or counter-clockwise.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Skewing (Slanting)<\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Hover your mouse cursor over a <strong>side\/middle handle<\/strong>, then move it slightly <strong>to the outside<\/strong> of the handle.<\/li>\n\n\n\n<li>The cursor will change to a <strong>slant (half-arrow) cursor<\/strong>.<\/li>\n\n\n\n<li><strong>Click and drag<\/strong> along the axis to skew the perspective of the object.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Alternative Method: Separate Resize and Rotate<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Some users prefer a workflow similar to other vector software where clicking the object toggles between &#8220;Resize&#8221; mode and &#8220;Rotate&#8221; mode. You can enable this in DRAWings PRO XII.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Enable:<\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Go to the <strong>Tools<\/strong> menu and select <strong>Options<\/strong>.<\/li>\n\n\n\n<li>Click on the <strong>Tools<\/strong> tab.<\/li>\n\n\n\n<li>Check the box for <strong>&#8220;Separate Resize &#8211; Rotate&#8221;<\/strong>.<\/li>\n\n\n\n<li>Click OK.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">How to Use:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">With this option enabled, the behavior of the handles changes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default View:<\/strong> When you first select an object, the handles are strictly for <strong>Resizing<\/strong>.<\/li>\n\n\n\n<li><strong>Switch to Rotate:<\/strong> Click on the selected object one more time. The handles will visually change.\n<ul class=\"wp-block-list\">\n<li><strong>Corner handles<\/strong> now perform <strong>Rotation<\/strong>.<\/li>\n\n\n\n<li><strong>Side handles<\/strong> now perform <strong>Skewing<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Useful Tip:<\/strong> If you find it difficult to precisely locate the &#8220;outside&#8221; area for rotation in the standard mode, enabling &#8220;Separate Resize &#8211; Rotate&#8221; is highly recommended for a faster and more precise workflow.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>In DRAWings PRO XII, &#8220;transformation&#8221; refers to any operation performed to change the physical appearance or position of a design part. This includes moving, sizing, stretching, skewing, or rotating objects. While you can input specific numeric values for these changes, the most intuitive way to transform designs is by using the mouse within the workspace&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":2869,"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-2868","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\/11\/how-to-transform-designs-move-re-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\/2868","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\/2869"}],"wp:attachment":[{"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/media?parent=2868"}],"wp:term":[{"taxonomy":"categories-kb","embeddable":true,"href":"https:\/\/www.drawstitch.com\/blog\/wp-json\/wp\/v2\/categories-kb?post=2868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}