Export SVG Sequence from Flash Professional

Flash Professional CC 2014 (14.0) released with a host of New Features including the ability to Export a selected frame as Scalable Vector Graphics (SVG) Image. These are vector based images which can be scaled to any limit without any distortion or pixelation, and can be used directly on the Web or Imported within Adobe Illustrator for further editing. Export SVG from Flash Pro
[See: What’s New in Flash CC 2014]

What is SVG?
Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999.
[ http://en.wikipedia.org/wiki/Scalable_Vector_Graphics ]

How to Export SVG Image in Flash Professional?
1. Open your FLA file in Flash Pro CC 2014 and goto the frame you wish to export.
2. Go to File > Export > Export Image
3. Provide a file name and choose the file type as ‘SVG Image’.
4. Clicking on Save brings up the SVG Export Dialog. Select the desired options and click on OK.,

An alternative way is to open the Publish Settings dialog, tick theย SVG Imageย Checkbox and click on Publish.

See it in Action!

Export as SVG Sequence in Flash Professional:
This functionality was not provided within Flash Pro by default but a lot users started requesting for this soon after the release of Flash Pro CC 2014.
So, here’s an extension I’ve created that lets you export your entire timeline as a Sequence of SVG Images at once and can prove to be a huge time saver!

Download and Installation:
Download the Extension from here: Export_SVG_Sequence.ZXP
Double-click on the ZXP extension and install it using the Extension Manager CC.

Note: Make sure you have Extension Manager CC and Flash Professional CC 2014 or later for this to work.

How to Use?
After installing the above extension, open your FLA file in Flash Pro.
Goto Commands Menu > Export as SVG Sequence
A sequence of SVG Images (corresponding to each frame on the current Timeline) gets exported to the same location where the FLa file is saved.

If you wish to export only a Symbol from the library, open that Symbol in Edit Mode and use the same Command > Export as SVG Sequence.

Advertisements

24 responses to “Export SVG Sequence from Flash Professional

  • Alex

    This is exactly what I’m after but I can’t get it to install. I have CC 2014 but for some reason Extension Manager kicks out an error stating that the extension ‘requires Flash version 13.1 or greater’. I had CS6 installed as well so removed it but still no joy. Any ideas why this might be? Thanks.

    • nasthana

      You can try after updating the Extension Manager to the latest version. If that also fails, rename the downloaded zxp to zip, extract, and copy the jsfl file to this location: C:\Users\’username’\AppData\Local\Adobe\Flash CC 2014\en_US\Configuration\Commands\

  • Alex

    Works like a charm! Thanks for your help Nipun, much appreciated!

  • lauwisme

    I’m pretty sure I’ve got the latest installed, but still: Error: Could not export as SVG. Make sure you have the latest version of Flash Pro!

    Luckely I still have the regular CC still installed and it works on that one… wouldn’t mind having it in the latest version of flash (build 14.1.0.96) as well though.

    • nasthana

      The extension should work fine on your installed Flash pro version (14.1). Are you still facing problems?

      • lauwisme

        Sorry for the late reply, I missed your reply I guess… You we’re right, it worked in Flash CC, but sadly I have a new macbook and can’t find that version anywhere. I can only get the last one (15.0.1.179) and it gives me the same error again:

        Error: Could not export as SVG. Make sure you have the latest version of Flash Pro!

        Any insights?

      • nasthana

        If you’re facing issues while installing, you can manually set up. Check out my reply to the first comment (Alex)

      • lauwisme

        I had no issues during the install, the error shows up in the output console when I try to run the command.

      • nasthana

        This looks strange! I just tried the extension on my machine over 15.0.1.179 and it worked properly.
        Can you try it out on a newly created dummy file with say, just a couple of frames.
        Also try exporting the SVG via Publish Settings once and let me know if both of these worked for you or not.
        Thanks,
        Nipun

      • lauwisme

        I’m testing on osx if that makes any difference…

    • lauwisme

      That did the trick, once I tried a dummy file it worked, I just copied over all the layers and frames and now it works.. thanks for your help!

  • Fabian

    Hi. Thx a lot for this amazing tool.
    I just wonder if you knew how (as designer) i can check the animations after. Is there a tool to read the .svg sequence ? just to check if everything works as expected ? Thx for the good job ๐Ÿ™‚

  • debreuil

    Many thanks, so much time just saved!

  • Lachlan Tetlow-Stuart

    Hi Nipun,

    This looks great. Unfortunately it looks like I’m having the same troubles that @lausiwme is having with it no longer working in the CC 2015 release.

    Thanks,

    Lachlan

  • nasthana

    Hi Lachlan,
    Are you facing issues at the time of installing the plugin or while exporting?

  • Nick

    Sounds perfect… but it doesn’t seem to work with this new fangled “Adobe Animate” …Is that to be expected?

  • Yuanyoucai

    Great Job! Thanks a lot~

    Could you open source code please, I really wanna to learn how it works!

    And thanks again.

  • Christianne

    This extension is fantastic! Such a huge time-saver. I can confirm that it works fine in animate CC using the instructions you’ve provided. Thank you so much.

  • morten

    Thanks for such a great plugin! One thing though – is it possible to only export a part of a timeline (e.g. frames 3000-3200)? It takes a long time to export the whole timeline every time… ๐Ÿ™‚

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: