TLE 6 computers, smartphones, and smart

UNIT 3: UNDERSTANDING ANIMATION TVs.

EXPORT

TOPIC: Export animation to video file Best for: High-quality video playback on
format YouTube, web content, and social media.

Benefit: Excellent compression, broad

Why Export Matters? compatibility, and good visual fidelity.

1. PLATFORM COMPATIBILITY 2. Animated GIF:

- Ensuring your animation plays - is a digital file containing a series of
seamlessly across websites, social still images, called frames, that are
media, and presentations. displayed in rapid succession to create
the illusion of motion.
2. OPTIMIZED PERFORMANCE - The acronym GIF stands for Graphics
- Balancing file size and quality for Interchange Format, a raster image
fast loading and smooth playback. format that supports animation and is
commonly used for short, looping,
3. AUDIENCE REACH soundless videos, memes, and
- Delivering your creative work to the graphics online.
widest possible audience, exactly as
intended. Best for: Short, simple looping
animations, small web banners, and social
media.
Steps in Exporting Animation File
Benefit: Browser-friendly, no plugins
STEP 1: Identify and Select a Delivery needed, but limited color palette and
Platform larger file sizes for complex animations.

A. Consider your Audience

Before you export, consider where your 3. SVG (Scalable Vector Graphics)
animation will live. Different platforms - is an XML-based format for defining
have unique requirements for file formats, two-dimensional, vector-based
dimensions, and file sizes. graphics that are resolution-
independent, meaning they can be
 Websites: Prioritize web-friendly scaled infinitely without losing
formats for fast loading. quality.
 Social Media: Each platform (e.g., - Unlike raster images made of
Instagram, TikTok, Facebook) has pixels, SVGs use mathematical
specific video and GIF guidelines. descriptions of shapes and lines,
 Presentations: Opt for robust video making them lightweight, fast-
formats for high-quality playback. loading, and ideal for web design.
- They are supported by all major
browsers, can be animated or made
B. Common Formats interactive with JavaScript and CSS,
Common Animation Formats and Their and are suitable for logos, icons,
Uses: and complex online graphics.
1. MP4
- stands for MPEG-4 Part 14, a digital Best for: Vector-based animations,
multimedia container format used interactive web graphics, and logos.
to store video, audio, subtitles, and
other data like images and menus Benefit: Infinitely scalable without quality
in a single file. loss, small file sizes, and ideal for crisp,
- It's a popular standard because it clean graphics.
offers a good balance of video and
audio quality with relatively small 4. SWF (Shockwave Flash)
file sizes, making it suitable for - An older format often used for
streaming and playback on a wide interactive web animations.
range of devices, including
 - SWF, which originally stood for Movie" and choose "SVG Sequence"
Shockwave Flash but later became from the dropdown.
a backronym for Small Web Format,
was a file format for multimedia,
vector graphics, and ActionScript- STEP 5: Configure & Save
driven content. 1. Configure Options: A dialog box will
- The format was primarily used for appear. Adjust settings like resolution,
browser-based games, animated frame rate, color palette, and
graphics, and video until its compression to match your platform's
discontinuation in 2020 by Adobe. requirements.
2. Name & Save: Enter a descriptive file
Best for: Older interactive web name.
animations and legacy content. 3. Choose Location: Select a clear
location on your computer to save the
Benefit: Once popular for rich internet exported file.
applications, but now largely superseded 4. Complete Export: Click "Done" or
by open web standards. "Save" to finalize the process.

C. File Size:
Consider if a smaller file size is needed,
which might influence the format choice or
require further optimization. IMEE CONCEPCION A. BAG-O
Visiting Lecturer

STEP 2: Prepare Your Project

Before hitting export, ensure your
animation project is finalized. This includes:

 Finalizing Content: All frames, layers,

and assets are in place.
 Optimizing Assets: Ensure images
and sounds are correctly sized and
compressed.
 Checking Timeline: Verify animation
timing, frame rates, and loops are set
as desired.

STEP 3: Navigate to Export Options

1. Go to the File Menu: Locate and click
on "File" in the top menu bar.
2. Select Export: From the dropdown
menu, hover over "Export" to reveal
further options.

STEP 4: Choose Your Export Method

1. Animated GIF
Select "Export Animated GIF" for web-
friendly, looping animations.

2. Video/Movie
Choose "Export Movie" or "Export
Video/Media" for high-quality video
formats like MP4.

3. Image Sequence
For static images or a sequence of
SVGs, select "Export Image" or "Export