{"version":"1.0","provider_name":"Sketch2React Blog","provider_url":"https:\/\/sketch2react.io\/blog","title":"Morph Animations with Keyshape and Sketch - Sketch2React Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"D6GnOMwQGY\"><a href=\"https:\/\/sketch2react.io\/blog\/morph-animations-with-keyshape-and-sketch\/\">Morph Animations with Keyshape and Sketch<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/sketch2react.io\/blog\/morph-animations-with-keyshape-and-sketch\/embed\/#?secret=D6GnOMwQGY\" width=\"600\" height=\"338\" title=\"&#8220;Morph Animations with Keyshape and Sketch&#8221; &#8212; Sketch2React Blog\" data-secret=\"D6GnOMwQGY\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/sketch2react.io\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"In this \u201dworktorial\u201d (is that even a word?) I\u2019ll fail over and over again. You will see me try to understand the concept of morphing, using the shape tool, counting those damn node paths etc. If your\u2019e patient you\u2019ll learn a few tricks along the way.\u00a0The final result is this animation. Keyshape https:\/\/www.pixofield.com\/ Music https:\/\/soundcloud.com\/djablo","thumbnail_url":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*5hCP-vPmwVVv0ujLTvTKhQ.jpeg"}