{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/ae7914b4fc7c4e15bc7e195e618d95cd\" frameborder=\"0\" width=\"1670\" height=\"1252\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1252,"width":1670,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1252,"thumbnail_width":1670,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/ae7914b4fc7c4e15bc7e195e618d95cd-e1d8c418124323cc.gif","duration":211.436,"title":"Animating Shape Draw with Bezier Keyframes","description":"This Loom demonstrates how to animate a rounded rectangle drawing effect using motion keyframes. The speaker creates a centered rectangle, disables fill, enables outline with a rounded setting and thickness, then uses first point offset and last point offset to make the stroke draw on. They set keyframes about a second apart and switch the keyframes to Bézier for a fast start and slow finish by adjusting the end handle. To control where the animation begins and ends, they convert the shape to points, identify the start point via geometry controls, and set the start point position."}