Letters to SVG: Vector Lettering & Manipulation by Hali Bakarr
2017.08.31 talk featuring Hali Bakarr on vector lettering and manipulation
You can find the original slides here!
- SVGs are Scalable Vector Graphics
- Vector Lettering
- Sketches no matter the complexity can be "vectorized"
- Scan in sketches and master the Pen Tool!
- Be Manipulative
- You can mess with SVGs with code
- Attributes such as stroke-width & fill of an SVG can be directly manipulated with HTML and CSS
- Make 'Em Move
- Use the following attributes to allow animations to occur
- Use the animation to reset the
stroke-dashoffsetto 0 in order for it to animate it
- CSS Keyframes
- Greensock DrawSVG Plugin
- Segment by Tympanus
- Vivus by maxwellito (GitHub)
- AnimateSVGText (Outline Text) on Github
- Jessica Hische
- Dan Cassaro
- Dana Tanamachi