Embedded Files
Process
Process
We will be using Adobe Animate because:
It has built-in drawing tools.
It allows copy and paste of frames, which makes collaboration seamless.
It creates small file sizes which makes for quick file sharing.
It creates self-contained files, as opposed to files with dependencies, which makes file management easy
Checklist:
Checklist:
Is focal point fluid.
Picking up where it is left off in terms of position and the direction of action
Is the text positioned close to the action?
Are you leaving time for the viewer to absorb one thing at a time
(action, then text, then action, then text... etc.) (.5 seconds per word required for reading the text)
While the text is the focus: In the rest of the scene; employ things like animated loops or small, slow camera moves to keep it feeling like an animation. Also, employ added VO, foley and environment sound here.
When the action becomes the focus: run it fast. That will bring energy to the animation and the story.
Adobe Animate
Adobe Animate
Create animation segments in Animate and export as h264 video.
Pixel Dimensions: 1920 x 1080
Frame Rate: 24 frames per second
Add 1 seconds of still frame to the beginning and end of every segment (for the fades in and out of black).
If it moves: put it on its own layer... including background planes.
Copy and paste frames between files when collaborating (note: camera keyframes do not copy and paste)
Label your symbols as shown below (to avoid duplicate symbols when copying & pasting frames)
BF3_symbol name
BF = animator's initials
3 = segment number
Narration, environment and foley will be integrated into the Animate file
Adobe Premier
Adobe Premier
The segments will composited together in Premier
A very quick fade into and out of black will be used for segment transitions
Final audio levels will be balanced in premier
Saving and Backing Up
Saving and Backing Up
Put each Animated Segment in Its own folder in the Project Drive: Animation segments folder and name it like this: Animation-1:42-1:56-a.fla
Versions will be tracked by placing a dash-letter at the end of the file name.
Motion Graphics Style Animation
Motion Graphics Style Animation
Use this style of animation most of the time:
Majority of animation is accomplished with interesting transitions and loops
Multi-planed elements create depth. Text Boxes, Speech Bubbles, Characters, Environment layers
Character animation: limited and mostly puppeted with some some frame by frame. Do not use the layer parenting or bone tools!!! They cause animations to fall apart when frames are copied and pasted.
Effects Animation
Effects Animation
Create the effects Animate.
Use to bring attention and emotional energy to important narrative aspects of the story.
Reference the Teapot at 1:30 in the Sensory Overload example
3D Animation
3D Animation
3D models can be used to achieve accurate perspective for difficult camera angles. Cell rendering in 3D can create line art, or the 3d models can be drawn over.
Text Animation
Text Animation
Text contrast must be 4.5:1 minimum. Check it using the WebAIM Contrast Checker.
Keep the text close to the action and compact.
Readability: text must be on-screen for .5 seconds for each word visible. (ex: 9 words x .5 = 4.5 seconds).
Transitions between words and phrases should be short (0.0-0.5 seconds (0-12 frames)
Text should be split up as it would typically be read.
Incorrect
Bob and Susan
Miller are at the movies.
Correct
Bob and Susan Miller
are at the movies
Anxiety For Mental Health America by the EPIC Project (With A.D.). This text is easy to read and stays on the screen long enough.
Type-on TutorialInAnimateByLeighaVashaw.mp4Tutorial by Liegha Vashaw on how to do Type Animation to look like it is appearing in Animate
Universal Design Guidelines for Animation
Universal Design Guidelines for Animation
Affordance
Affordance
When users are consuming video, they should periodically be supplied orienting devices that reduce cognitive load. This can include:
Title cards.
Establishing scene shots.
A linear story structure.
A clear, narrative-driven visual hierarchy within each scene.
Motion
Motion
The animation and special effects should be paced in way that does not cause negative reactions or stress to persons with cognitive challenges such as autism.
Overall pacing that is easy to follow and has generous pauses between action sequences and scenes that allow for text reading and audio story telling.
Do not use large rapidly animating images that can cause epileptic seizures (no more than 3 blinks per second... or between 2 and 25 hz). Also, avoid overlaid complimentary colors or stripes that may scintillate.
Eye path should be fluid
The focal point should not jerk around. It should be picked up near the location is was left off.
Text should be near the action
Feature one thing at a time.
Feature one thing at a time.
Example 11 second sequence
Establishing
4 sec (environment sounds and singing)(a news reporter voice says " we are here at the bridge covering the march". (9 words x.5 = 4.5 seconds)
Narration Emphasis - pockets
4 words x .5 = 2 sec
Narration Emphasis - heart
4 words x .5 = 2 sec
Quote
3 words x .5 + 1.5 pause = 3 sec
Animation Techniques Demos
Animation Techniques Demos
Motion Design Using Adobe Animate:
Motion Design Using Adobe Animate:
How audio environments and music can set place and tone.
How to implement an eye-path strategy (focal point management).
How to create multi-plane and deconstruct-reconstruct transition animations.
How to cut and paste frames between files.
Working with audio in Adobe Animate
Point Level Animation
Point Level Animation
Point level shape tweening allows for very precise shape-to-shape animation. As far as lines go, it realistically only works with the pencil tool. Lines created with the brush tool have up to 10 times as many points which makes shape tweening 10 times more complicated and difficult.
Publishing from Animate
Publishing from Animate
1. Delete all layers that have visibility turned off (they will show up in the published video).
2. Choose: File > Publish Settings
Set Audio Stream and Audio Event to Raw: 44khz (uncheck "convert stereo to mono)
3. Choose: Export > Export Video/Media
Format > H.264
Preset > High Quality 1080p HD (for in-progress reviews choose 480p HD)
4. The file name should look like this: BillFischer-TortoiseAndHare-Final (Converted).mov.
Tutorial
Tutorial
Page updated
Google Sites
Report abuse