Alight Motion · Classroom Comic Intro
Edit
Halftone Typography · 3D Shadow · Letter-by-Letter Animation
The design includes a classroom background, warm cinematic colour grading, animated typography, halftone texture, 3D shadow, individual letter animations, emoji movement, paper and pencil overlays and a final branding element.
The main visual focus is the yellow "Edit" title in the centre.
To match the reference closely build the project with separate layers instead of putting all text on one layer.
Project Setup
Begin by creating an Alight Motion project set to 16:9 landscape, 1920×1080 resolution and 30 frames per second.
Set the duration to about 8 to 10 seconds giving each time to appear smoothly.
Classroom Background
Start with the classroom background. Import a classroom photo that fits the scene then scale it so it covers the frame with no empty corners.
The reference looks warm. A touch old‑school so tweak the colours instead of keeping the photo natural.
Use Alight Motion's colour and lighting tools to lift the yellow‑orange tone lower any bright spots that distract and give a soft cinematic feel.
A slight darkening at the edges draws the eye to the centre.
Keep the background for the whole intro but make sure it does not clash with the main yellow "Edit" title.
The "Edit" Typography
The key element is the Edit" typography. Do not put the word on one layer; make four separate layers for the letters E, d, i and t.
Pick a thick bold, hand‑written or script font that looks like the reference.
Size the letters and align them close so they read as one word in the centre.
Colour them golden‑yellow.
Place the letters above the true centre line to leave room for smaller items below.
Halftone Texture
Add a halftone. Dotted texture inside the yellow letters. The reference has dark dots that make the letters look like a comic book or old poster, not a plain yellow block.
Use a halftone or dot effect in Alight Motion. Overlay a transparent halftone texture and mask it so the dots show only inside the letters.
Keep the dots small. Spread out evenly.
The texture should add style. Keep the letters clear.
Black 3D Shadow
Add a black 3D shadow behind the yellow letters. The reference shows a dark layer that extends down and to the right giving the word a raised look.
Duplicate each yellow letter layer change the duplicate to very dark grey put it behind the original and shift it a little down and right.
Use duplicates if needed for thicker shadow.
Keep the shift moderate; too much will separate the title from the background.
A gentle blur or shadow can soften the edge while keeping the depth crisp.
Letter-by-Letter Animation
Now animate the letters one by one. Let E appear first then d then i and finally t so the word builds up gradually.
Use Position, Scale and Opacity keyframes for each letter.
Start each letter a bit a little out of place or partly transparent.
After a frames move it to its final spot grow it to normal size and set opacity to 100%.
Give each letter a delay so they do not show at the same time.
This staggered motion gives the intro energy of a plain fade.
Use easing on the keyframes to make the motion smooth, not straight‑line.
Start fast then slow down gently.
A tiny overshoot – a moment when the letter's slightly bigger, than its final size – adds polish but keep it subtle so the motion stays controlled, not cartoonish.
Apply the easing to both position and scale of each letter.
Emoji Element
The small emoji element above the title must be created on its layer. Import an emoji or a transparent graphic and position it over the main title ensuring it does not cover the key letters. Animate the emoji's Scale and Opacity so that it pops quickly into the scene. For example start with a small Scale and very low Opacity raise the Scale slightly above the final size then settle back to normal. Add a rotation during the entrance to give the motion a natural feel. The emoji must stay secondary to the "Edit" title.
Paper & Pencil Overlays
The reference also shows paper, notebook, pencil and hand‑drawn style elements scattered around the composition. Place each of these on its layer above the background but either behind or around the main title depending on where it sits. Use PNG assets whenever possible. Position the paper elements near the edges then animate them with Position and Rotation changes. Let one paper element glide in from the side. Sit in place while another moves a little from the bottom or corner. Keep these motions subtle because the central typography is the focus.
For the pencil or hand‑drawn element choose a transparent pencil PNG or a suitable drawn‑line asset. Put it close to the text. Animate its Position and Rotation so that it looks like it moves naturally across the composition. If a drawn stroke is used a Trim Paths‑style animation or mask reveal can make the line appear as if it is being drawn in time. Keep this effect short and tidy so it supports the editing theme but does not distract from the title.
Using the Null Object
The screenshot also displays a Null 1 layer, which can control layers at once. This is handy when several elements must move or zoom together. Parent the required text, emoji and decorative elements to the layer then animate the Null's Position or Scale. Add a subtle overall zoom toward the end of the intro. Using a Null Object keeps the animation organised. Stops the need to adjust each layer separately.
Branding Text
Finally add the branding or signature text below or around the main title if the reference requires it. Keep it smaller than the main "Edit" text and use the same yellow/golden colour family. Let it appear with a fade‑in or a small upward movement. Make sure the branding stays readable. Does not compete with the main title. If the intro is used as a professional template avoid extra text, logos or watermarks unless they belong to your own branding.