Question

Take a moment to reflect on all the tools you’ve learned thus far with Adobe Animate. You are to create one of the following documents using ALL of the tools below. Feel free to use your in-class document and your summative document as a reference. Submit your final document as a mp4.

Create a 25-second, 1280 x 720, HD Christmas, Hanukkah, Kwanzaa, Bodhi Day, or New Year's themed animation with a frame rate of 30.

Before you begin, you are to complete 4 storyboard ideas in your sketchbook. Each idea MUST contain three frames EACH. Each idea should contain what happens in the beginning, middle and end. Each box MUST contain a description. Once sketches are completed, they MUST be signed off by instructor before beginning.

1. Linear Gradient
2. Radial Gradient
3. Selection Tool
4. Sub-Selection Tool (Think Manipulation of Mountains)
5. Pen Tool
6. Fluid Brush Tool (Think rocks on the ground)
7. Classic Brush Tool
8. Paint Brush Tool
9. Frame By Frame Animation (Think Shimmer)
10. Shape Tweens
11. Drawing with shapes (Think Sky, Stars, Clouds, Sun, Moon, mountains, buildings, trees, etc.)
12. Manipulating Paths via the Selection and Sub-Selection Tool
13. Shape Tweens
14. Masking Your Content (Think green screen to reveal stars)
15. Static Text (Think writing “Nighttime Thoughts”
16. Classic Tweens (Don't forget to fade in and out)
17. Nested Animation (Think manipulating the text with the asset warp tool
18. Controlled Graphic Symbols (Think fixing the glitch in your text)
19. Movie Clip Creation (Think Comet)
20. Motion Tween using a movie clip
21. Camera Animations (Think Zoom In, Zoom Out, and X and/or Y coordinates)
.

.

Answer 1

Below is a full plan you can use to complete the assignment (includes 4 storyboard ideas you can put in your sketchbook for instructor sign-off, a 25-second timeline plan, a layer/timeline breakdown, exactly where to use every required tool, short how-to tips, and export instructions so your final is an MP4). I chose a New Year’s theme for the example scenes — feel free to adapt visuals/text to Christmas, Hanukkah, Kwanzaa, or another allowed holiday.

Important project settings
- Stage size: 1280 x 720 (HD)
- Frame rate: 30 fps
- Duration: 25 seconds → 25 × 30 = 750 frames
- Save often and keep backups (.fla or .anim and exported versions)

Storyboard (4 ideas — each has 3 frames: beginning, middle, end). Put these 12 boxes in your sketchbook, include brief descriptions in each, and get instructor sign-off before making the animation.

Storyboard 1 — “Midnight City Reveal” (Good for camera zooms & text)
- Frame 1 (Beginning): Wide night-sky view over a stylized city skyline. Dark linear gradient sky (deep navy → near black). Small distant stars visible.
Description: Camera starts zoomed out; skyline silhouette across bottom.
- Frame 2 (Middle): Camera slowly zooms in and pans to the right; a comet/movie-clip streaks across the sky, leaving a radial-glow tail. Mask reveals an expanding star-field behind a cloud.
Description: Motion tween for comet + camera pan/zoom. Mask used to reveal stars.
- Frame 3 (End): Close-up over a rooftop. “Happy New Year” static text fades in (classic tween fade), then slight asset-warp nested animation gives text a celebratory wobble.
Description: Text appears and shimmers, then screen fades to black.

Storyboard 2 — “Countdown Ornament” (Good for frame-by-frame shimmer & nested animation)
- Frame 1: Close-up of a hanging ornament/clock showing “10” (countdown). Background is a circular radial gradient glow around the ornament.
Description: Ornament drawn with shapes, radial gradient for glow.
- Frame 2: Ornament bounces and shimmers (frame-by-frame small highlights) while numbers change 9 → 5 via shape tween or controlled graphic symbols for number changes.
Description: Frame-by-frame shimmer on ornament highlights; classic tweens for bounce; controlled graphic symbol for numbers.
- Frame 3: At “0”, fireworks and confetti burst, ornament camera zooms out to show full celebration; text appears and nested asset-warp gives letters a bounce.
Description: Confetti as multiple motion tweens (movie clips) and a reveal using masking.

Storyboard 3 — “Rooftop Fireworks” (Good for shape tweens, masks, brushes)
- Frame 1: Quiet rooftop silhouette with mountains/buildings shapes and soft linear gradient sky.
Description: Static scene; foreground mountains manipulated with sub-selection to shape outlines.
- Frame 2: Fireworks explode — star shapes morph into blossom shapes (shape tween #1) and then into sparkles (shape tween #2). Use brushes for spark texture on ground.
Description: Multiple shape tweens with masking to reveal glow behind clouds.
- Frame 3: Night settles, stars remain, the camera slowly pans up to the moon with radial gradient glow; a small comet (movie clip) arcs past.
Description: Camera Y pan and slight zoom out to finish.

Storyboard 4 — “Street Celebration & Text Glitch Fix” (Good for nested animation, controlled graphics)
- Frame 1: Street-level scene, lamps, building shapes, people silhouettes. Linear and radial gradients for lamp light and windows.
Description: Background shapes drawn with primitives and manipulated with sub-selection.
- Frame 2: Text “2026” in foreground appears as a graphic symbol that glitches (animated intentionally). You “fix” it by replacing with a controlled graphic symbol instance that is manually scrubbed/fixed then animated with asset-warp so the text smooths into place.
Description: Classic tween fade out/in and nested animation inside the symbol.
- Frame 3: Final wide shot, camera zooms out to show city and fireworks; final fade-out to black.
Description: Camera animation + classic tween for fade.

Checklist of required tools and where to use them (map each required item to concrete use in the scene)
1. Linear Gradient — background sky transitions (night → near-horizon). Use for first scene sky and lamp gradients.
2. Radial Gradient — moon/comet glow, ornament radial glow, lamp lights.
3. Selection Tool — select and move shapes, choose objects before tweens and transforming.
4. Sub-Selection Tool — adjust mountain/building vector path nodes; tweak curves of star/comet tails.
5. Pen Tool — draw custom silhouettes (buildings, unique tree branches), comet tail shapes, custom fireworks paths.
6. Fluid Brush Tool — add organic texture to ground/rocks/scattered confetti details (brush strokes with variable width).
7. Classic Brush Tool — hand-painted highlights on ornaments, people silhouettes shading.
8. Paint Brush Tool — fill strokes/quick painted clouds or rough smoke from fireworks.
9. Frame By Frame Animation — shimmering highlights on ornaments or star twinkle (short 6–12 frame loops) — gives organic shimmer.
10. Shape Tweens — morph star -> blossom -> sparkle (fireworks).
11. Drawing with shapes — create sun/moon, stars, buildings, mountains, trees, ornament base using primitive shapes (ellipse, rectangle, polygon).
12. Manipulating Paths via Selection and Sub-Selection Tool — refine shapes after drawing with shapes, e.g., reshape mountains, cloud curves.
13. Shape Tweens — second instance: morph countdown digit into exploding confetti element or transform cloud shape into smoke.
14. Masking Your Content — reveal stars behind clouds and reveal fireworks through a silhouette; use mask layer to reveal the starfield as camera moves.
15. Static Text — “Happy New Year” or countdown numbers; choose a frame where static text appears.
16. Classic Tweens — fades for scene transitions, fades for text in/out, alpha changes for fireworks glow.
17. Nested Animation — text symbol contains smaller timeline animation (e.g., letters vibrate); use asset warp inside nested symbol to bend letters.
18. Controlled Graphic Symbols — create a graphic symbol for the countdown number, use instances and control their timelines (pick keyframe label inside symbol and control from main timeline) — useful to sync numbers to countdown.
19. Movie Clip Creation — comet and small fireworks pieces should be movie clips (looping tail animation).
20. Motion Tween using a movie clip — animate comet movie clip across the sky with a motion tween.
21. Camera Animations — create a Camera layer and animate zoom in/out and pan horizontally/vertically across scenes.

Suggested layer structure (example)
- 1. Camera (object)
- 2. Background gradient (sky)
- 3. Stars layer (masked layer or star symbols)
- 4. Moon/comet glow (radial gradients)
- 5. Buildings / mountains (shape layers; use sub-selection to tweak)
- 6. Foreground objects (rooftops, lamps)
- 7. Ground textures (brush strokes)
- 8. Comet (movie clip) — motion tween applied on this layer
- 9. Fireworks (movie clips & shape tweens)
- 10. Ornament/clock (symbols; frame-by-frame shimmer inside)
- 11. Confetti (small movie clips)
- 12. Text layer (static text instances; nested symbol for animation)
- 13. Mask layers (for star reveal, etc.)
- 14. Fade overlay (classic tween alpha fade)
Keep symbols and movie clips in the Library and organize by folder: Characters, FX, UI, BG.

Timeline plan — timing suggestions (total 750 frames)
- Frames 1–90 (0–3s): Intro wide shot; gentle camera zoom out; background gradient establishes sky.
- Frames 91–240 (3–8s): Comet flies across (motion tween movie clip), first fireworks burst; mask reveals dense stars; ornament/clock appears on lower right.
- Frames 241–420 (8–14s): Countdown sequence (controlled graphic symbols for digits changing every ~30 frames), frame-by-frame shimmer on ornament highlights.
- Frames 421–600 (14–20s): Full fireworks display — multiple shape tweens for morphing fireworks; confetti and camera pans across city.
- Frames 601–720 (20–24s): Text “Happy New Year” static text fades in (classic tween fade) and nested animation causes subtle warp/bounce.
- Frames 721–750 (24–25s): Final fade-out to black (classic tween alpha fade).

How to use some specific tools (quick tips)
- Gradients: select shape → Fill panel → choose Linear or Radial → drag the gradient transform tool to rotate/resize gradient for better placement.
- Sub-selection tool: select shape, then click anchor points to pull handles — great for mountain ridges or soft cloud curves.
- Pen Tool: click for corners, click+drag for curves. Use Shift while drawing to constrain angles; hit Esc when done.
- Brush tools: Experiment with brush size and smoothing. Fluid brush produces organic strokes (use for ground/rock textures). Classic brush is good for crisp strokes; Paint Brush can be used for quicker fills/shading.
- Frame-by-frame: create a new layer for shimmer frames; draw small highlight variations across 6–12 frames and loop via classic tween or graphic symbol playback.
- Shape Tweens: convert shapes to symbol or use raw shape tween between key shapes on same layer. Make sure shapes are raw shape objects (not grouped or symbols) or use Shape Tween between shapes.
- Masking: create a layer above content, right-click → Mask. On mask layer, animate the reveal shape (e.g., growing circle to reveal stars). Lock mask until ready.
- Static Text: Use the Text tool; convert to symbol if you plan nested animation; otherwise keep as static text on its own layer for fade tweens.
- Classic Tweens (fade): Put keyframe at start and keyframe at end, right-click → Create Classic Tween; change alpha property on one keyframe using Color Effect → Alpha.
- Nested Animation & Asset Warp: create a MovieClip or Graphic for your text; inside the symbol, animate smaller elements or use Asset Warp to bend letters. Place symbol instance on main timeline and use classic/motion tweens on the instance.
- Controlled Graphic Symbols: Use a Graphic symbol with its own timeline. In main timeline, set the symbol instance to "Single Frame" or "Play Once" and scrub to the desired frame, or use frame labels and gotoAndStop inside a small script if allowed. Another method: for Graphic symbols the main timeline controls playback; put keyframes on main timeline where you want the graphic’s inner frame to change.
- Movie Clip + Motion Tween: Convert comet to a Movie Clip symbol, then on its layer create a motion tween and place keyframes at path start and end. Easing can be added for acceleration.
- Camera: Window → Camera (Animate CC) then create a Camera layer; insert keyframes for camera's position and zoom (scale). You can animate X/Y/Zoom to create dramatic movements. Remember camera affects everything beneath it on stage.

Practical tips & order of operations
1. Start by making the background gradient sky and basic horizon shapes (use shapes & gradient tools).
2. Block out camera movement (put camera layer keyframes) so you know what will be visible in each shot.
3. Build and symbol-ize repeating/animated elements early (comet, fireworks, confetti, countdown digits) so you can reuse them.
4. Animate big motions first (camera, comet path), then add secondary animation (fireworks, confetti), then polish with frame-by-frame highlights and nested text animation.
5. Keep complex frame-by-frame loops short and turned into movie clips for reuse.
6. Test playback frequently (Control → Test Movie) to check timing and sync with 30 fps.

How to ensure you used every required tool (final checklist for submission)
- Verify in your FLA that you created: at least one linear gradient shape, at least one radial gradient, used Selection & Sub-Selection to edit nodes, used Pen for at least one custom path, used Fluid Brush + Classic Brush + Paint Brush in separate layers, at least one frame-by-frame animated shimmer, at least two shape tween sequences, used primitive shape drawing for at least 3 elements (moon, star, building), manipulated paths, used masking layer(s), static text for final greeting, classic tweens for fades, nested animation for text (asset warp), a controlled graphic symbol example (countdown), a movie clip (comet), a motion tween applied to that movie clip, and camera animation (zoom/pan).
- Put a checklist slide (extra layer or document note) so you can show instructor all required tools used (this helps grading).

Exporting to MP4
- Final check: set your timeline to 750 frames and preview fully (Control > Test Movie or Export video to see animations).
- Export path A (Animate CC): File → Export → Export Video/Media. In the dialog choose:
- Uncheck "Convert Layers to Video" only if you need separate layers; usually keep defaults.
- Choose “Adobe Media Encoder” (H.264).
- Set Format = H.264, Preset = Match Source – High Bitrate (or custom with resolution 1280x720, 30 fps).
- Render and save .mp4. Make sure you export 00:00–00:25 (full 25 seconds).
- Export path B (older versions): File → Export → Export Movie → choose AVI then use Adobe Media Encoder to convert to MP4 H.264.

Final small checklist to hand to your instructor with your sketchbook
- 4 storyboard ideas drawn and described (12 boxes total) — signed and dated by me and signed by instructor.
- Project settings (1280x720, 30 fps, 750 frames).
- Short list mapping each required tool to the part of the animation (copy/paste the checklist above).
- Final exported MP4 filename and location.

If you want, I can:
- Create the exact 12 storyboard panels in text form ready to paste into your sketchbook, or
- Produce a shot-by-shot spreadsheet with exact frame numbers for every animation event,
- Or draft suggested color palettes, fonts, and specific frame counts for the countdown numbers (e.g., hold each number for 30 frames).

Which of those would you like next (or would you like the storyboard panels converted to printable text to place in your sketchbook)?