Illustrations are finished for my Honours Project Chef. So why not to go on an extra journey which attracts me and try to animate them? 🙂
So I went for Adobe Animate CC, which I already have in my awesome Creative Cloud membership. It feels relatively intuitive to somebody who used flash a bit in the past and is used to the nature of Creative Cloud applications. It integrates CC Libraries greatly, which I definitely appreciate.
Once I animate the objects as I want in Animate, I export them as SWF. Why not exporting them as the HTML5 Canvas? Well I was quite disappointed seeing that the canvas isn’t using SVGs, but just PNG/JPEGs for the actual layers. That yields in larger size and pixelation. There are some plugins for Animate/Flash to export animated SVGs, but they didn’t work/install for me at all.
Exported SWF is actually fully vector (as long as you use vectors of course 🙂 ), so that’s one reason there to appreciate the good old flash, despite many negativity addressed to it.
So this is how my overall animation workflow looks (read more about illustrating & colouring here):
- Draw the elements on paper with pencil/mechanical pencil
- Line them over with a sharpie marker (or directly start with sharpie if I am confident enough)
- Take a photo & vectorise using Adobe Capture CC, save in CC library
- Bring into Adobe Illustrator, colourise the illustrations and dissect them into layers for animating, save into CC library
- Bring the colourised objects from CC library to Animate CC, create animation with them
- Export as SWF
- Use Google’s Swiffy to convert SWFs to animated SVG
- Bring this animation to my project – DONE! 🙂