Question

As of now, you have learned three ways to create basic frame-by-frame animation in Photoshop.

1. “Create Frame Animation” (Make Frames From Layers)
2. “Create Video Timeline” – (NewBlank Video Layer)
3. “Create Video Timeline” – (New Video Group & Copied Layers)

Using either form of frame-by-frame animation, or a combination, you are to create a 1920 x 1080 6s video at 10fps. Your animation MUST include a background using various paint brushes. What will your animation be about? You are to create a story with a beginning, middle, and end. Using the storyboard sheet given in class, you are to submit FOUR ideas for your animation. Sketches MUST be signed off by your instructor BEFORE you begin. Remember, you can use multiple layers and both layers and video layers in the video timeline. Render your video as a mp4 file and submit.

Answer 1

Below are four distinct, ready-to-sketch animation ideas you can submit on your class storyboard sheet for instructor sign-off. Each idea is written to fit the assignment constraints: 1920×1080, 6 seconds long, 10 fps (60 frames total), includes a painted background made using a variety of Photoshop brushes, and uses Photoshop’s frame-by-frame tools (I recommend one technique for each idea, plus notes on combining methods if desired).

Before you begin: get the instructor’s signature on the storyboard sheet for whichever idea you pick. Save a master PSD (1920×1080, 72–150 dpi) and work in a timeline with Frame Rate = 10 fps, total frames = 60 (6 s). Export via File > Export > Render Video: Format H.264, Frame Rate 10, Dimensions 1920×1080, Duration 00:00:06. Bitrate ~8–20 Mbps for good quality MP4.

Idea 1 — “Paper Boat Journey” (gentle, cinematic)
- Story (B/M/E)
- Beginning (0–1.5s, 0–15 frames): A small paper boat is launched from a child’s hands into a painted puddle/stream at dawn.
- Middle (1.5–4.5s, 15–45 frames): The boat drifts across a puddle that turns into a small stream; mild wind and ripples; a surprising gust/storm tosses it briefly.
- End (4.5–6s, 45–60 frames): The storm subsides; the boat washes gently into a quiet shore (or rests under a leaf), camera holds on peaceful scene.
- Background & brushes
- Painted water: use textured, soft round and scatter brushes to lay down base water; use custom water ripple brushes or small wet/dry tips for highlights.
- Sky/trees/shore: flat round for large shapes, cloud brush for soft sky, dry-chalk for distant foliage texture.
- Keep the painted background mostly static; add subtle animated elements (ripple highlights, moving reflections).
- Animation approach
- Use “Create Video Timeline” with a static background layer (video layer) and separate frame-by-frame layers for the boat (Create Frame Animation from layers or copy frames into the video timeline).
- Boat: 60-frame coverage but drawn frame-by-frame for natural bobbing (about 1–2 px vertical shift per frame; fewer in calm sections).
- Ripples: small frame-by-frame cycles (3–6 frames repeating) placed above water.
- Frame allocation (example)
- Shots: Establish (0–10 frames), Drift (10–35), Storm (35–45), Calm/finish (45–60).
- Sound idea: soft wind, water ripples, faint ambient melody.

Idea 2 — “Rooftop Cat & Sunrise” (character, parallax)
- Story (B/M/E)
- Beginning (0–1s, 0–10 frames): A sleeping cat on a rooftop at night; stars and moon painted.
- Middle (1–4s, 10–40 frames): Sky slowly brightens; city silhouette in background gets washed by warm sunrise; a bird flies by and teases the cat—cat perks up and chases.
- End (4–6s, 40–60 frames): Cat leaps, misses the bird, settles to watch sunrise — beat of contentment.
- Background & brushes
- Night-to-dawn sky: gradient base painted with soft round and cloud brushes for color blends; star brush for night; soft wet brushes for early glow.
- City silhouette: use dry-bristle and textured flat brushes for building textures; create separate layers for foreground roof, midground buildings, and background sky for parallax.
- Animation approach
- Use “Create Frame Animation” for the cat (frame-by-frame) and “Create Video Timeline” for parallax camera movement (translate mid/foreground layers).
- Parallax: animate midground and foreground video layers moving slightly at different speeds (video timeline keyframes) to add depth.
- Sky color change: animate either via frame-by-frame painted passes on a single sky layer or via subtle cross-fade between several painted sky layers in the video timeline.
- Frame allocation
- Establish night (0–10), transition/dawn (10–35), bird tease and jump (35–50), calm sunrise (50–60).
- Sound idea: distant city hum, bird calls, soft piano or ambient pad.

Idea 3 — “The Brush That Paints Itself” (meta, painterly)
- Story (B/M/E)
- Beginning (0–1s, 0–10 frames): A lonely paintbrush lies on a blank white canvas/background.
- Middle (1–4s, 10–40 frames): The brush twitches to life, dips itself into color, paints a lively world (the brush literally paints background elements behind it). The world grows in quick strokes.
- End (4–6s, 40–60 frames): The brush steps into the painting (its bristles become a character) and admires the created scene; camera lingers on the painted horizon.
- Background & brushes
- This idea uses MANY brush types on purpose: thick bristle for strokes, watercolor for washes, splatter for texture, flat/swash for clouds and ground.
- Animate painting strokes appearing progressively — use frame-by-frame raster layers, each stroke on its own layer to control timing.
- Animation approach
- Best with “Create Frame Animation” (Make Frames From Layers) for the frame-by-frame painting strokes and brush movements.
- Background builds sequentially: each key stroke appears over several frames (e.g., a stroke animates across 3–6 frames).
- The brush can be its own animated object (frame-by-frame) walking into the scene; final settle frames show completed painting.
- Frame allocation
- Brush idle & first stroke (0–10), painting spree (10–40) — lots of fast change frames, brush enters world (40–50), final hold (50–60).
- Sound idea: paint swishes, brush flicks, whimsical xylophone.

Idea 4 — “Seed & Sun” (time-lapse nature)
- Story (B/M/E)
- Beginning (0–1.5s, 0–15 frames): Close-up of a seed in soil under a painted sky and the sun rising.
- Middle (1.5–4.5s, 15–45 frames): The seed germinates and sprouts rapidly into a small sapling; leaves unfurl; a quick rain shower helps it grow.
- End (4.5–6s, 45–60 frames): Sapling sways in warm light; a small flower bud opens — camera pulls back to reveal the full painted landscape.
- Background & brushes
- Soil texture: use heavy textured brushes and smudge/scrape brushes for earthy feel.
- Sky & sun: soft wash brushes, radial soft round for sun glow, fine detail brushes for highlights.
- Rain: small splatter brush animated frame-by-frame or with repeated small-layer offsets.
- Animation approach
- Use “Create Frame Animation” for the plant growth (frame-by-frame redraws).
- Use “Create Video Timeline” layers for static background and animated sun (video keyframes for scale/position), or make the sun’s glow by toggling painted glow layers in the frame animation.
- Consider using a separate video layer for gentle camera zoom out (keyframe scale).
- Frame allocation
- Seed/establish (0–15), germination/growth (15–45), bloom/pullback (45–60).
- Sound idea: soft rain, growing pop, birdsong at the end.

General technical notes and workflow tips (applies to all ideas)
- File & timeline setup
- New document 1920×1080, 10 fps, canvas RGB.
- Decide early whether the main action will be frame-by-frame (character, painting strokes, plant growth) or motion-tween/video timeline (camera moves, parallax). You can combine: painted background as a video layer + frame animation layers for characters/objects.
- Using the three Photoshop methods
- “Create Frame Animation” (Make Frames From Layers): best for traditional frame-by-frame character/organic movement when you want precise control of each frame.
- “Create Video Timeline” — New Blank Video Layer: best for adding video-style keyframe transforms (position, opacity) across time and for background pans/zooms.
- “Create Video Timeline” — New Video Group & Copied Layers: useful when you want many painted “frames” stacked as layers but keep them in the video timeline (each layer can be timed independently). Good for combining painted background passes and progressive reveal.
- Brush usage tips
- Paint backgrounds on separate layers: foreground, midground, background for easy parallax.
- Save custom brushes you use often; keep a “texture pass” layer with low opacity for mood.
- Use the Mixer Brush sparingly if you want painterly blending; flattened smart filter layers are harder to edit later.
- Layer/asset organization
- Name layers clearly (BG_sky, BG_mid, FG_roof, CHAR_boat_001, CHAR_boat_002, RIPPLE_01…).
- Keep editable PSD with every frame as a layer until final render.
- Use layer comps if you want to store key versions.
- Timing & frames
- Total frames = 60 (10 fps × 6 s). Plan your shot breakdown so the important beats have enough frames to read (e.g., a character’s jump should get ~12–20 frames for clarity).
- Export
- Render Video > Adobe Media Encoder: H.264, Profile High, Level 4.0 (or auto), Frame Rate 10, Width 1920 Height 1080, Bitrate: target 8–15 Mbps (or higher if you want better quality).
- Alternatively: Export > Save for Web (legacy) GIF is not required — assignment needs MP4.
- Backup & iteration
- Save incremental PSD versions.
- Export a PNG sequence during tests to see frame-by-frame playback outside Photoshop.

Checklist for submission to class
- Complete storyboard sheet with four thumbnails (one for each idea) and the signed-off idea you’ll animate.
- Final PSD with timeline and layers (keep organized).
- Final rendered MP4 (6s, 1920×1080, 10 fps).
- A short notes page listing brushes used, which Photoshop timeline method(s) you used, and any sound file credits.

If you want, pick one of the four ideas and I’ll:
- Sketch a shot-by-shot frame breakdown matching the storyboard sheet format (thumbnails + brief action notes), or
- Produce a frame allocation plan with precise key-frame-by-frame instructions for Photoshop (which layers on which frames, which frames to copy into “Make Frames From Layers”, etc.).