My Personal logo SVG animation Sub-project

Power of SVG unleashed! An Adobe AE logo animation video can be turned to SVG CODE in a glimpse ready for Web. Complex animations are too hard to be achieved using only CSS and Javascript and won’t be easily ready for all media devices.

In this rich project, I firstly created the animation frames as per my vision in Adobe Illustrator, then imported all animation layers to Adobe After Effects to create smooth animation transitions, and finally exported the resulting animation – using a plugin – as a JSON file containing an SVG code ready for Web apps.

AREA

GRAPHIC DESIGN
LOGO DESIGN
VIDEO EDITING
SVG ANIMATION

CLIENT: N/A

TOOLS

ADOBE PS

ADOBE IL

ADOBE AFTER EFFECTS

Fullscreen Animation

Tap for reverse animation
Scroll for forward animation

Logo Animation Explained

Get in touch!