{"id":217,"date":"2018-01-17T10:53:18","date_gmt":"2018-01-17T10:53:18","guid":{"rendered":"https:\/\/www.webstudiotraining.co.uk\/course\/?p=217"},"modified":"2018-01-17T10:53:18","modified_gmt":"2018-01-17T10:53:18","slug":"illustrator-cc-2018-puppet-warp-tool","status":"publish","type":"post","link":"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool","title":{"rendered":"Illustrator CC 2018 – Puppet Warp Tool"},"content":{"rendered":"

With the release of Adobe Illustrator CC 2018<\/strong>, one of several new features added was Puppet Warp<\/strong>. This has been a part of Adobe Photoshop since before Creative Cloud and it really does has a place in Illustrator.<\/p>\n

Puppet Warp is can hugely improve your workflow when moving and twisting connected shapes<\/strong>. Single and compound shape changes can be transformed naturally within a few seconds, where previously it required moving multiple points. You can add, move, and rotate custom pins<\/strong> to transform your artwork into different poses much more easily with the Puppet Warp tool. As a bonus, any shapes and paths that have not been pinned are kept unaffected by the changes.<\/p>\n

Character animation<\/strong> in Adobe Illustrator is now a much simpler process.<\/p>\n

Animating a Character using Puppet Warp<\/h2>\n

When moving the limbs of the character, imagine the skeleton of the character<\/strong>. Each bone connects at a joint and this is where we will add the Puppet Warp pins<\/strong>. You can use the Expand mesh option<\/strong> in the Properties panel to alter the amount of affected area.<\/p>\n

    \n
  1. Using the selection tool<\/strong>, select the artwork you want to transform.<\/li>\n
  2. Select the Puppet Warp tool<\/strong> from the Tools panel.<\/li>\n
  3. Add pins by clicking the joints of the character. This will anchor the joints in place<\/strong> and let the connected bones move around them. Any number of pins can be added, but usually three or more pins<\/strong> will provide realistic results.\n

    \"Illustrator<\/a><\/p>\n

    Adding Pins to the characters joints<\/em><\/p>\n


    \n<\/a><\/li>\n

  4. Using the Puppet Warp tool, drag the pins to move the artwork<\/strong>. The quality of the result depends on the placement of your pins.\n

    \"\"<\/a><\/p>\n

    Moving Pins to animate new character poses<\/em><\/p>\n


    \n<\/a><\/li>\n

  5. To rotate the characters joints, select a pin and then position on the dotted circle around the pin<\/strong>. Drag to the edge of the dotted circle to rotate the joint.\n

    \"Illustrator<\/a><\/p>\n

    Rotating Pins can twist the shape of a character<\/em><\/p>\n


    \n<\/a><\/li>\n<\/ol>\n

    The Puppet Warp tool in Adobe Illustrator can also be used to transform the shape of text<\/strong>. The example below shows a piece of text that is converted to outlines. Pins are added to the key points in the letters and then moved using Puppet Warp<\/strong>. This is an absolute time saver.<\/p>\n

    \"Adobe<\/a><\/p>\n

    Illustrator can use Puppet Warp to transform text<\/em><\/p>\n


    \n<\/a><\/p>\n

    Adobe Illustrator with Web Studio Training<\/h2>\n

    If you are a graphic designer interested in working with Adobe Illustrator, then find out more about\u00a0our two day Adobe Illustrator training<\/a> course.<\/p>\n","protected":false},"excerpt":{"rendered":"

    With the release of Adobe Illustrator CC 2018, one of several new features added was Puppet Warp. This has been<\/p>\n","protected":false},"author":1,"featured_media":242,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[20,19,21],"yoast_head":"\nIllustrator CC 2018 - Puppet Warp Tool - Web Studio Training<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Illustrator CC 2018 - Puppet Warp Tool - Web Studio Training\" \/>\n<meta property=\"og:description\" content=\"With the release of Adobe Illustrator CC 2018, one of several new features added was Puppet Warp. This has been\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool\" \/>\n<meta property=\"og:site_name\" content=\"Web Studio Training\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Web.Studio.Training\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-17T10:53:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webstudiotraining.co.uk\/course\/wp-content\/uploads\/fb-social-card-illustrator-puppet-warp.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#organization\",\"name\":\"Web Studio Training\",\"url\":\"https:\/\/www.webstudiotraining.co.uk\/course\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/Web.Studio.Training\/\",\"https:\/\/www.linkedin.com\/company\/678775\/\",\"https:\/\/twitter.com\/WebStudioTrain\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.webstudiotraining.co.uk\/course\/wp-content\/uploads\/web-training-logo.png\",\"width\":482,\"height\":142,\"caption\":\"Web Studio Training\"},\"image\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#website\",\"url\":\"https:\/\/www.webstudiotraining.co.uk\/course\/\",\"name\":\"Web Studio Training\",\"description\":\"Adobe Training Courses UK\",\"publisher\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.webstudiotraining.co.uk\/course\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.webstudiotraining.co.uk\/course\/wp-content\/uploads\/fb-social-card-illustrator-puppet-warp.png\",\"width\":600,\"height\":600,\"caption\":\"Adobe Illustrator training\"},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool#webpage\",\"url\":\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool\",\"name\":\"Illustrator CC 2018 - Puppet Warp Tool - Web Studio Training\",\"isPartOf\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool#primaryimage\"},\"datePublished\":\"2018-01-17T10:53:18+00:00\",\"dateModified\":\"2018-01-17T10:53:18+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool\"]}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool#webpage\"},\"author\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#\/schema\/person\/0e6f047cb4e9f471293365ade7bcc97d\"},\"headline\":\"Illustrator CC 2018 – Puppet Warp Tool\",\"datePublished\":\"2018-01-17T10:53:18+00:00\",\"dateModified\":\"2018-01-17T10:53:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/illustrator-cc-2018-puppet-warp-tool#primaryimage\"},\"keywords\":\"Poses,Puppet Warp,Text\",\"articleSection\":\"Adobe Illustrator\",\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webstudiotraining.co.uk\/course\/#\/schema\/person\/0e6f047cb4e9f471293365ade7bcc97d\",\"name\":\"Web Studio Training\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/posts\/217"}],"collection":[{"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":21,"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/posts\/217\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/posts\/217\/revisions\/243"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/media\/242"}],"wp:attachment":[{"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/media?parent=217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/categories?post=217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webstudiotraining.co.uk\/course\/wp-json\/wp\/v2\/tags?post=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}