###INFO: The last version that works in CS5.5 and CS6 is v3.36###
- Go to the plugin page at Adobe Addons
- Click the 'Free' button to install
- Select latest release from releases page
- Install with one of the following tools:
- ZXPInstaller (recommended)
- Extension Manager (installed with Adobe applications)
- ExManCmd
- Open panel through menus, Window > Extensions > SVG Animation
- Open the FLA you wish to use and navigate to the timeline you wish to export
- Select suitable options
- Click export button
- Open panel through menus, Window > Other Panels > SVG
- Open the FLA you wish to use and navigate to the timeline you wish to export
- Select suitable options
- Click export button
If you've installed the plugin but it isn't showing up, it could be a number of issues related to the Adobe plugin installation system. Check here for manual installation process.
- Download the CS6 Signing Toolkit
- Download the CC Signing toolkit
- Put the contents of both archives into the
build/tools
folder - Create a p12 certificate and save it to
build/cert.p12
- Open the
password.txt
file and save the certificate's password in the file (this will be ignored by GIT). - Run the
build/build.bat
file
To build on other operating systems, the build.bat file will have to be converted, if you do this send me a pull request and I'll add your script into the main repo.
- Symbols
- Bitmaps
- Vector Paths (inc. gradient fills)
- Bitmap fills
- Bitmaps (embedded or as sidecar files)
- Sounds (embedded or as sidecar files, relies on JS in SVG)
- Static Text (as paths)
- Dynamic/Input Text (as HTML foreign objects)
- Classic motion tweens
- Shape Tweens (get converted to keyframes)
- Motion Guides (get converted to keyframes)
- Auto-rotation tweens (CW & CCW)
- Color/Tint/Alpha tweens
- Glow
- Blur
- Adjust Color
- Multiply
- Screen
- Overlay
- Lighten
- Darken
- Difference
- Hard Light
- Invert
- Button symbols with mouseenter and mouseleave
- Newer style, per-property tweens
- Tweens on filter properties
- Drop Shadow
- Bevel
- Gradient Glow
- Gradient Bevel
- Layer
- Erase
- Add
- Subtract
- Alpha
Some features are not in flash but are added to improve the output, they're all optional.
This allows tween animations to play at whatever framerate the browser chooses (normally 60 fps). It makes animations look much smoother than their SWF counterpart.
If you have a scene which you'd like to pan and zoom around during the animation, you can add a rectangular symbol and name it "viewBox" (with exactly that capitalisation) and animate it around your scene. When the animation is exported, this area will be considered the 'camera' and will animate the visible area of the scene during playback.