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

Great — below I’ve prepared everything you need to move from storyboards to a finished 25-second, 1280×720, 30 fps mp4 using Adobe Animate. I include: 4 storyboard ideas (each with 3 frames + descriptions ready for instructor sign-off), a shot-by-shot production plan across the 750-frame timeline, a clear mapping showing where each required tool is used, asset/layer structure, step-by-step implementation notes for the tricky items (masks, nested animation, camera, export), and a final checklist so you don’t miss anything.

REMINDER: Complete the four physical sketches in your sketchbook (each idea = three boxes with beginning/middle/end descriptions) and get instructor sign-off before you begin in Animate. I’ve written exactly what to draw and copy into your sketchbook so sign-off will be fast.

PART A — FOUR STORYBOARD IDEAS (each idea = 3 frames; copy these into your sketchbook and get sign-off)

Idea A — “Cosy Snowy Night → Comet → Silent Text”
- Frame 1 (Beginning): Wide shot of a small snowy village at night; moon low, sky gradient dark blue to navy. Calm camera zoom-in begins. (Description: Establish scene; gentle snow falling.)
- Frame 2 (Middle): Comet streaks across the sky, mask reveals new stars behind comet’s trail; foreground houses softly glow. (Description: Comet movie-clip passes; stars shimmer.)
- Frame 3 (End): Close-up on the sky; static text “Silent Night” appears, letters subtly warp and shimmer, then fade out. (Description: Text nested animation + fade out.)

Idea B — “Countdown City → Fireworks Reveal”
- Frame 1 (Beginning): City skyline silhouette at dusk with linear gradient sky and radial glow behind moon. (Description: Camera pans right to left.)
- Frame 2 (Middle): Controlled graphic countdown numbers appear over skyline (3, 2, 1); comet/movie clip passes and triggers fireworks. (Description: Numbers controlled; fireworks movie clip plays.)
- Frame 3 (End): Fireworks explode; final title “Happy New Year” (static text) with nested warp on last letter; slow zoom out. (Description: Camera zoom out + final fade.)

Idea C — “Starry Mountain Night → Shimmering Star → Reveal”
- Frame 1 (Beginning): Mountain silhouettes in foreground; linear gradient sky; stars drawn as shapes. (Description: Sub-selection tool adjusts mountain shapes; slight parallax.)
- Frame 2 (Middle): One star begins a frame-by-frame shimmer (small frames of different glints) and morphs via shape tween into a moon. (Description: Shape tween + frame-by-frame shimmer.)
- Frame 3 (End): Moon radial glow pulsing; text “Nighttime Thoughts” (static text) appears, then nest-warp causes letters to sway. (Description: Final hold with classic tween fade out.)

Idea D — “Hanukkah Menorah → Light Spread → Festive Ending”
- Frame 1 (Beginning): Table with unlit menorah in warm interior; radial gradient used for candle glow mockups. (Description: Camera slight dolly in.)
- Frame 2 (Middle): One candle is lit (shape tween for flame morphing), light masks reveal sparkling stars outside window. (Description: Masking to reveal stars; brushes for flame texture.)
- Frame 3 (End): All candles lit; text “Festival of Lights” appears and is fixed via controlled graphic (glitch-fixed), then fade to black. (Description: Classic tween fade.)

Sign-off area (in sketchbook): Student signature / Date / Instructor signature / Date

PART B — TIMELINE & SHOT BREAKDOWN (25 seconds = 750 frames at 30 fps)
Suggested beats (you can re-time slightly, but keep totals):
- Intro establishing/zoom/pan: 0–150 frames (0–5 s)
- Mid action (comet/fireworks/reveal): 151–450 frames (5–15 s)
- Countdown / main event: 451–600 frames (15–20 s)
- Outro / text + fade out: 601–750 frames (20–25 s)

Layer plan (one suggested stack — all layers in Scene 1):
1. Camera (Camera layer)
2. UI / Title Text (static text + nested text) — top
3. Mask layer (for reveal effects)
4. Comet / Movie Clip path
5. Fireworks layer (movie clips)
6. Controlled Graphic layer (countdown / glitch-fixed text)
7. Stars layer (shape + frame-by-frame shimmer)
8. Background details (gradients, moon)
9. Mountains / Foreground shapes (vector)
10. Ground / Rocks (fluid brush, paint brush)
11. Snow / Particles (classic/motion tweened particles)
12. Guide/Notes layer (locked)

Total frames on timeline set to 750 (Modify > Document: set stage to 1280x720, frame rate 30; extend main timeline to frame 750).

PART C — MAPPING EVERY REQUIRED TOOL (1–21) — where and how to use each one

1) Linear Gradient
- Use for the sky background: create a rectangle the size of stage, apply linear gradient from deep navy to lighter blue (top to bottom) for evening/dusk.

2) Radial Gradient
- Use for moon glow or candle halo: draw a circle, apply radial gradient (bright center to transparent edge).

3) Selection Tool
- Use constantly to move symbols, layers, and to manipulate motion tween ends and movie clips on stage.

4) Sub-Selection Tool
- Use to edit anchor points of mountains and buildings. After drawing mountain shapes with the pen or shape tool, refine peaks by dragging bezier points with Sub-Selection.

5) Pen Tool
- Draw custom silhouettes: mountains, trees, skyline edges, the comet’s main shape or custom star shapes.

6) Fluid Brush Tool
- Paint organic textures: rocks, snow mounds on the ground, flame texture for candles (use low opacity and overlapping strokes).

7) Classic Brush Tool
- Add hand-drawn highlights: fine snow tracks, twinkles, small texture strokes on foreground.

8) Paint Brush Tool
- Large strokes for painterly clouds or aurora-like streaks in sky behind gradients.

9) Frame-by-frame Animation
- Use for star shimmer or a glittering sparkle over the text. Create a small symbol (graphic) containing, say, 6 frames of different star shapes and register it where needed.

10) Shape Tweens
- Morph a star into a moon or morph a flame shape as it flickers; also used to morph cloud shapes.

11) Drawing with shapes
- Use Rectangle/Oval/Polystar to create stars, moon, buildings, tree ornaments. Combine shapes then union or adjust with sub-selection.

12) Manipulating Paths via Selection and Sub-Selection
- Adjust motion paths and vector shapes (e.g., tweak comet’s path curve with Selection and Sub-Selection after creating a motion tween).

13) Shape Tweens (again)
- Use again to morph a fireworks core bloom from a circle into a star burst — second instance to satisfy the repeated requirement.

14) Masking Your Content
- Create a mask layer above the stars or behind the comet trail; use a moving mask shape to reveal a hidden starfield or to reveal text behind a curtain.

15) Static Text
- Final title like “Silent Night” or “Happy New Year” as Static Text object — placed on its own layer so filters and nested animation can be applied.

16) Classic Tweens
- Use classic tweens to fade layers in/out (adjust color effects alpha from 0% to 100%). Example: fade-in village lights, fade-out at the end.

17) Nested Animation (Asset Warp on text)
- Convert the static text into a symbol (Graphic or Movie Clip). Inside that symbol, break text into vector shapes for each letter, then use Modify > Asset Warp to add pins to letters and create a subtle warp sway that plays inside the symbol.

18) Controlled Graphic Symbols
- Create a Graphic symbol that holds a brief “text glitch” animation (inside symbol: 6 frames with displacement). On the main timeline, set that Graphic instance to “Single Frame” or “Controlled by Main Timeline” so you can display a specific frame to “fix” the glitch or step it as needed.

19) Movie Clip Creation (Comet)
- Create a movie clip symbol called “Comet_MC” with internal timeline animating tail blur and flicker. Movie clip loop plays independently.

20) Motion Tween using a movie clip
- Place Comet_MC on stage and create a motion tween for X/Y movement across the sky. The internal comet tail animation loops as it moves.

21) Camera Animations
- Add a Camera layer; animate camera position and zoom. Use keyframes to create a slow zoom-in on the town, a quick pan to follow the comet, and a final zoom out on fireworks.

PART D — DETAILED STEP-BY-STEP NOTES FOR KEY WORKFLOW ITEMS

Document setup
- File > New > ActionScript 3.0 (or HTML5 Canvas if required by your teacher). Set width 1280, height 720, Frame Rate 30.
- Extend timeline to 750 frames (Insert > Timeline > Frame or click last frame and press F5).

Creating background sky (Linear + Radial)
- Layer: Background
- Draw large rectangle; in Color panel set Fill to Linear Gradient. Adjust handles to get smooth top→bottom blend.
- Draw moon: oval shape; give radial gradient from white to transparent; set blend so moon has soft edge.

Mountains (Pen + Sub-Selection)
- Layer: Mountains
- Use Pen Tool to draw silhouette. Convert to fill color.
- Use Sub-Selection to push peaks and curves. Duplicate for parallax layers and offset slightly.

Ground / Rocks (Fluid Brush + Paint brush + Classic brush)
- Layer: Ground
- Use Fluid Brush to paint irregular rock/snow texture along ground edge. Use Classic Brush for small highlights and Paint Brush for larger strokes.

Stars + Frame-by-frame shimmer
- Layer: Stars
- Use Shape tool (Polystar) to make star. Convert to symbol (Graphic). Inside, create a 6-frame animation with subtle shape/alpha differences for shimmer (frame-by-frame). On main timeline use multiple instances at different offsets or masks to reveal.

Comet movie clip + Motion tween
- Create symbol “Comet_MC” (MovieClip). Inside: draw bright core and tail with gradient strokes; animate tail with frame-by-frame or shape tweens inside the clip (so it loops).
- On main scene, place Comet_MC, create a Motion Tween for 100–150 frames moving it across the sky. Use ease for acceleration.

Masking to reveal stars
- Layer: StarMask (above Stars layer). On StarMask draw a shape (e.g., glowing trail or a vertical bar) and animate it across frames (motion tween).
- Right-click StarMask layer > Mask. Stars layer becomes masked and will only show where mask overlaps.

Text (Static + Nested asset warp + Controlled Graphic)
- Create static text “Happy Holidays” as Static Text. Convert to Symbol “Title_Graphic” (Graphic or MovieClip).
- Inside Title symbol: Break apart text (Modify > Break Apart twice), convert letter shapes to symbols or keep as vector. Use Asset Warp (Modify > Asset Warp) to place pins on letters and animate subtle sway across a few frames. This is nested animation — plays inside the symbol.
- For glitch effect: create a Graphic symbol “TextGlitch” with a few frames of displaced versions of the text. On main timeline, place it and select instance > Properties > Looping: Single Frame so you can pick a frame to show (controlled).

Fireworks (Shape tweens + Movie Clips)
- Create small MovieClip for an explosion: core expands and shapes radiate (use shape tweens to morph circle -> burst).
- Place multiple MovieClips, offset them, and motion tween their positions (or simply keyframe them to appear and scale). Use radial gradients for bloom.

Classic Tweens for fades
- Convert layer to Classic Tween and animate Alpha (Color Effects) from 0% to 100% to fade in village lights, or fade out final title.

Frame-by-frame shimmer (again)
- For extra sparkle on text or star, create a small MovieClip or Graphic that holds several drawn frames and place it over target. Use stop() or frame control for timing.

Manipulating Paths
- After creating motion tweens for comet or camera path, use Selection/Sub-Selection to adjust bezier handles and refine motion path curves.

Camera animation
- Window > Objects > Camera to add camera layer. Create camera keyframes at different frames and set position/zoom. Example: frame 1 camera at scale 100% centered; frame 150 camera zoom to 120% centered on town; frame 450 zoom to 80% for fireworks reveal; animate the camera path as needed. Test by scrubbing timeline.

Export to MP4
- File > Export > Export Video/Media (or use File > Export > Video — if using HTML5 Canvas you can export a PNG sequence or use Media Encoder).
- If using ActionScript/stage from Animate: choose “Export Video” dialog, check “Convert to Video via Adobe Media Encoder”. In Media Encoder set format H.264, preset “Match Source - High Bitrate”, set output size 1280x720, frame rate 30, set duration to full timeline (0–25 secs), render to MP4.
- If you have audio, ensure sound sync is set correctly (stream vs event) — use Sync: Stream for precise timeline sync.

PART E — QUICK IMPLEMENTATION SCHEDULE (to complete in class/home)
- Day 1: Finalize storyboard sign-off, gather assets, set up document, create backgrounds and mountains (linear/radial gradients; pen/sub-selection).
- Day 2: Create comet movie clip, star graphic frame-by-frame, start motion tweens, create mask layer.
- Day 3: Create text symbols, nested asset warp, controlled graphic glitch, animate fireworks movie clips.
- Day 4: Camera animation, final timing tweaks, add snow/particles, classic tweens/fades.
- Day 5: Test, render to media encoder MP4, final polish.

PART F — QUICK CHECKLIST (before exporting)
- [ ] Document set to 1280×720, 30 fps, 750 frames
- [ ] Instructor signed off on 4 storyboard pages
- [ ] Background gradients applied (linear and radial)
- [ ] Mountains edited with Sub-Selection
- [ ] Pen tool used for custom silhouettes
- [ ] Fluid Brush + Classic Brush + Paint Brush used for textures
- [ ] Frame-by-frame shimmer created (stars/text)
- [ ] Shape tweens applied (star→moon, fireworks)
- [ ] Mask layer(s) created to reveal stars or text
- [ ] Static Text used for final title(s)
- [ ] Classic tweens used for fades/alpha
- [ ] Nested animation created with Asset Warp for text
- [ ] Controlled Graphic symbol used to step/fix glitch
- [ ] Movie Clip created for Comet and/or Fireworks
- [ ] Motion tween applied to movie clip(s)
- [ ] Camera keyframes created (zoom/pan)
- [ ] Paths refined with Selection/Sub-Selection
- [ ] All symbols properly named and organized into layers
- [ ] Sound/music added and synced (if any)
- [ ] Exported via Media Encoder as MP4 at 1280×720, H.264, 30 fps

PART G — TROUBLESHOOTING TIPS
- Masking not working? Make sure mask layer is directly above the layer you want to mask, right-click > Mask; then hide the mask artwork layer visibility before final export if requested.
- Movie clip not visible in exported video? MovieClips play independently; ensure they are on stage within the exported scene and not mistakenly nested off-stage.
- Camera not moving in export? Select the Camera layer and make sure keyframes are set on the Camera layer (not on a guide).
- Slow playback in Animate? Test smaller ranges, or export a trimmed MP4 for quick review.
- Text edge blurring after export? Use vector text as Static Text or convert to symbols and avoid rasterizing unless necessary; for crisp text, keep it vector and target correct resolution.

If you’d like, I can:
- Convert one of the storyboard ideas into a printable sketch template you can copy into your sketchbook;
- Produce a precise frame-by-frame timeline table with exact frame ranges for each element (e.g., Comet from frame 160–260, camera zoom frames 1–150, etc.);
- Walk you through a short video/step demo for any of the tougher steps (mask, asset warp, nested animation).

Which storyboard idea do you want to use? I’ll then produce a concise, frame-accurate production sheet you can follow step-by-step in Animate.