Exporting SWF for Web and Apps Design (for Pro version only)
CrazyTalk Animator allows you to export SWF files for web usage. Users may now import any kind of
SWF material, with effects,
and then export them without any quality or effect-loss issues.
The use of SWF export is especially useful for
Flash and App designers who produce character animations and flash games.
To learn more, please visit this link:
What You Can Do with CrazyTalk Animator?
-
Go to Export >> Web page.
-
Select SWF from the Format drop-down list.
-
Adjust the quality of the video and audio, for the exported SWF file.
-
Remember to click the Size Estimation
button in order to check the size of the exported SWF file. Then, modify the quality settings accordingly.
-
Click the Export button to export your project as a SWF file.
Supported Format for SWF
-
Video (Jpeg format only): Images in the
project will be converted into Jpeg format.
-
Audio (MP3 format only): Sounds in the
project will be converted into MP3 format.
Image and Audio Quality
Data Types and Image Quality
-
Vector-based
-
Vector-based objects are resolution independent. You may export them as scalable SWF files without losing quality.
-
If you wish to export vector-based objects only, then you may ignore the Image Quality and Output Size settings.
-
Vector-based characters with animations will be auto-centered in a browser when the background is transparent. This is completely
irrelevant to the Output Size.
-
Image-based
-
The Image Quality and the Output Size determine the size of the exported SWF file.
-
If you do not import any image data, then you may skip the Image Quality settings.
Audio Quality
-
CrazyTalk Animator auto-detects any audio data in your projects.
If there is not any, then the exporter will ignore the Audio Settings.
Exporting Loop-able Animations
-
You may need to set an export Range in the Export Specified Section, which will help you export SWF files with looping animations.
-
SWF files with looping animations are useful for adding widgets onto web pages, but they can also be embedded into flash apps or games.
Compatibility
-
CrazyTalk Animator does not support specific effects
applied to SWF media by external flash editors. The
effects will be removed in CrazyTalk Animator and will not appear in the exported video, image, and flv file.
Removed Effects:
-
Line - Meter-join Style for two lines.
-
Line - Gradient-filled stroke or image-filled stroke.
-
Fill - Create Shape Tween.
-
Blends - All blend methods.
-
Filters - All filters.
However, if you export your project in SWF format then all these
effects will be
exported without any loss.
-
Although sometimes you may experience breaking issues in CrazyTalk Animator, you may however
fix the breaks by pressing Ctrl + Q. The objects with breaks will still be exported correctly in the SWF files.
|
|
|
Object in external
flash editor
|
Result in
CrazyTalk Animator
|
Result in exported
SWF file
|
Limitation:
|
-
Facial animations (morph-based) of characters whose faces
are image-based, are not exported in SWF format.
If you wish to keep the facial animations of any image-based character, then you will need to
export in FLV or Sequenced Image format.
-
Since all videos are linked externally, then once you export the projects into SWF format, then all videos will also be converted
into still images following the first frames of the videos.
|
Loading CrazyTalk Animator SWF into Adobe Flash
Adobe Flash does not support Movie Clips in SWF files.
-
Any Special Effect or Eyeball Movement found in a CrazyTalk Animator SWF file will turn static,
because these two types of animations are in Movie Clip format as they are compacted into a SWF file.
-
If you wish to keep these two types of animations, then you need to export your CrazyTalk Animator project into Sequenced Images
(BMP, JPEG, TGA or PNG). It is highly recommended that you export Sequenced PNG with masks for character animation.
-
Hide all entities except the characters (with
animation) and effect objects.
-
Set the project background as a solid color. DO NOT use any image as a background.
-
In the Export Panel, pick the Image tab. Then select a PNG Sequence or TGA Sequence format since these
two formats are able to contain mask information.
-
Disable the Render Hidden Objects box. This ensures that only the characters
and effects will be exported.
-
Export the character and effects into sequenced images.
-
Hide the characters and effects; show all the other objects in the project and export
SWF file.
-
Load and synthesize these files in Adobe Flash.
Adobe Flash filters out all the audio in an SWF file. Any loaded SWF file with sounds will be muted.
-
Separately, export your project as an SWF file and a WAV file; then compose
them in Adobe Flash. The audio file will be displayed in a new track.
-
Please note that the frame rate between CrazyTalk Animator and Adobe Flash must
be identical .
|
|
Frame Rate in CrazyTalk Animator
|
Frame Rate in Adobe Flash
|
Converting SWF to HTML5
HTML5 is a new standard media format
that are highly endorsed by Google and Apple. You can independently view animations with
popular web browsers. However, there are still some issues:
-
iOS ignores the audio but the animations are kept during playback.
-
Due to performance demands on the vector rendering, HTML5 works better on iPhone 4G or iPad level iOS devices.
-
If you use iPhone 3GS or a lower-performance device, then you may use image-based character animations + image-based facial sprite animations.
-
Google Chrome: Fully-supported; scale-kept.
-
Safari: Fully-supported; scale-kept.
-
Firefox: Animations muted; full-screen playback.
-
Internet Explorer: Vector-based objects appear black; poorly-supported.
-
Please test these three pages on your favorite web browser to observe the supporting status:
-
The final-frame missing issue for vector-based animations is a Google Swiffy issue; Google has already been notified of this issue and they are looking into it.
Converting Tools
You may use the below tools to convert your SWF files into HTML5:
-
Google Swiffy: All CrazyTalk Animator character motions are kept
on the browser; lip-synced animations are ready as well. You may convert SWF files
by visiting this page:
http://swiffy.googlelabs.com/
-
Adobe Wallaby (supports Adobe Flash Professional CS5 files - .fla only): You need to load your SWF files into Adobe Flash, and save
into .fla format before converting your animations into HTML.
http://labs.adobe.com/technologies/wallaby/