{"id":144,"date":"2017-10-13T13:42:40","date_gmt":"2017-10-13T11:42:40","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2017\/10\/13\/keyshape-app-rules\/"},"modified":"2020-06-18T07:42:42","modified_gmt":"2020-06-18T07:42:42","slug":"keyshape-app-rules","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/","title":{"rendered":"Keyshape app rules!"},"content":{"rendered":"
\n

One way of using the shape tool in Keyshape is for\u00a0morphing<\/figcaption><\/figure>\n
\n

Keyshape app\u00a0rules!<\/h3>\n

The more I learn to use the simple yet brilliant Keyshape app<\/a> the more I fall in love with it. The UI has similarities to Sketch which is really clever of the developer Pixofield.<\/a><\/p>\n

Right now I\u2019m trying to master the Shape Tool, <\/strong>a huge timesaver when it comes to more advanced animations. You can follow my experiments here<\/a> and here<\/a>\u2026 And the ever so elusive Morph technique (it\u2019s damn hard let me tell you!?)<\/p>\n

\n


\n<\/figure>\n","protected":false},"excerpt":{"rendered":"

One way of using the shape tool in Keyshape is for\u00a0morphing Keyshape app\u00a0rules! The more I learn to use the simple yet brilliant Keyshape app the more I fall in love with it. The UI has similarities to Sketch which is really clever of the developer Pixofield. Right now I\u2019m trying to master the Shape… Read More »Keyshape app rules!<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[168],"tags":[4,29,41,10,34],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-animation","tag-design","tag-motion","tag-sketch","tag-ux-design"],"yoast_head":"\nKeyshape app rules! | Sketch2React Blog<\/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:\/\/sketch2react.io\/blog\/keyshape-app-rules\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Keyshape app rules! - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"One way of using the shape tool in Keyshape is for\u00a0morphing Keyshape app\u00a0rules! The more I learn to use the simple yet brilliant Keyshape app the more I fall in love with it. The UI has similarities to Sketch which is really clever of the developer Pixofield. Right now I\u2019m trying to master the Shape… Read More »Keyshape app rules!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-13T11:42:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:42:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif\" \/>\n<meta name=\"author\" content=\"Juan Maguid\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juan Maguid\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Keyshape app rules!\",\"datePublished\":\"2017-10-13T11:42:40+00:00\",\"dateModified\":\"2020-06-18T07:42:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/\"},\"wordCount\":95,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif\",\"keywords\":[\"Animation\",\"Design\",\"Motion\",\"Sketch\",\"UX Design\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/\",\"name\":\"Keyshape app rules! - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif\",\"datePublished\":\"2017-10-13T11:42:40+00:00\",\"dateModified\":\"2020-06-18T07:42:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Keyshape app rules!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips & tricks\",\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sketch2react.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\",\"name\":\"Sketch2React Blog\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"width\":512,\"height\":512,\"caption\":\"Sketch2React Blog\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\",\"name\":\"Juan Maguid\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"caption\":\"Juan Maguid\"},\"url\":\"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Keyshape app rules! | Sketch2React Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/","og_locale":"en_US","og_type":"article","og_title":"Keyshape app rules! - Sketch2React Blog","og_description":"One way of using the shape tool in Keyshape is for\u00a0morphing Keyshape app\u00a0rules! The more I learn to use the simple yet brilliant Keyshape app the more I fall in love with it. The UI has similarities to Sketch which is really clever of the developer Pixofield. Right now I\u2019m trying to master the Shape… Read More »Keyshape app rules!","og_url":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/","og_site_name":"Sketch2React Blog","article_published_time":"2017-10-13T11:42:40+00:00","article_modified_time":"2020-06-18T07:42:42+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif","type":"","width":"","height":""}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Keyshape app rules!","datePublished":"2017-10-13T11:42:40+00:00","dateModified":"2020-06-18T07:42:42+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/"},"wordCount":95,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif","keywords":["Animation","Design","Motion","Sketch","UX Design"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/","url":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/","name":"Keyshape app rules! - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif","datePublished":"2017-10-13T11:42:40+00:00","dateModified":"2020-06-18T07:42:42+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Xll_Xy9NzoxjnSGYRrJO6Q.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/keyshape-app-rules\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Keyshape app rules!"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips & tricks","publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sketch2react.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sketch2react.io\/blog\/#organization","name":"Sketch2React Blog","url":"https:\/\/sketch2react.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","width":512,"height":512,"caption":"Sketch2React Blog"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e","name":"Juan Maguid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","caption":"Juan Maguid"},"url":"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":422,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions\/422"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}