Skip to content

Latest commit

 

History

History
23 lines (15 loc) · 689 Bytes

README.md

File metadata and controls

23 lines (15 loc) · 689 Bytes

do DOOBOO 😀

wannabe a doobooish designer

Illustrator Shape Drawing Guide for Morphing Animation

  • Use pen tool to draw the base shape.
  • Transform the base shape for animation steps, while keeping the number of points!

Working on..

  • Testing Figma to draw the shapes for morphing animation
  • Simplifying messy decimal point
  • Ideating how to get simplified coordinates easily

TODO List

  • SVG: Applying Ref property <ref id="paramPercent" param="statPercent" default="100"/>
  • SVG: Applying formula e.g. var position_y2 = 88 - 80 * "url(#paramPercent)"

Sample SVG