Skip to content

seongjaeryu/dooboo-svg-animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages