Skip to content
Animation
Explainer Video
Set New Comp (Black background)
1.Create Background:
Layer → New → Solid layer 1 (white)
Duplicate →Sold layer 2, change to Grey. Double click Ellipse tool to create a Ellipse mask
Substract mask, feather up to 200, opacity down to 15%
Highlight both 2 layers, Precompose (Ctrl Shift C) and rename as Background
2. Finger tap on logo button animation:
Import a logo and finger tap clip, drop in main timeline
If resolution not match, R click on still/video layer → Transform → Fit to Comp
If duration of video too short, R click → Time → Time Stretch (same as duration change in PE)
Adjust the finger tip position and scale match the logo’s one
Set keyframe of scale on logo (like it gets smaller once finger tip on it)
3. Fade in effect after finger tapping 3:30-3:40:
Drag the Background layer between finger tap and logo layers, set keyframe of opacity between finger tap action (1st frame 100%, 2nd frame 0%)
4. Create basic Text Layers:
Choose Fonts and Color at Character (R hand side bar), type in the screen, paragraph and align it (R menu bar also) (turn to full resolution if the text isn’t clear) e.g type text: CHECK OUT OUR WEBSITE in 3 lines
Duplicate 3 times to split 3 lines texts into 3 layers (CHECK, OUT OUR, & WEBSITE), delete another 2 lines of each layer
5. Mograph on 3 layers of the Text:
Middle layer:
Set 2 keyframe of Position on OUT OUR Text Layer (1st out of frame, 2nd in centre of frame)
Download Ease and Wizz script → File →Script → Run Script File → A box comes out
Select the keyframes needed for ease and wizz effect → Hit apply in the box
Upper Layer:
Create a Matte: Layer → New Solid → Name as Matte 1, choose Alpha Matte 1 at 2nd Text layer by clicking in Track Matte (between Mode and Parent Link at timeline) (i.e. Whenever the matte changes, the CHECK Text layer is affected by it. i.e. only things inside the matte area is visible)
Position the Matte layer just right above OUT OUR text on the screen / below CHECK text
Keyframe Position of CHECK layer (1st at bottom hide by the matte, 2nd move up out of the matte), apply Ease and Wizz script too
Bottom Layer:
Repeat steps as Upper layer, duplicate the Matte and drag it just above WEBSITE text layer, position the Matte at bottom instead of top this time (i.e. just below OUT OUR and above WEBSITE)
Keyframe of WEBSITE layer, apply Ease Wizz Effect
6. Create an Stretch out animated Line placed in front of the texts:
Create a new solid, scale it as a line, position it in front of the text
Keyframe same start/end points as CHECK and WEBSITE layers, start/1st keyframe set the scale y axis as 0.
Apply Ease and Wizz Effect, trim the layer work area start at the same time as 1st keyframe (Alt + [ )
7. Group and fly out the Text Animations of out screen:
Layer → New → Null Object
Highlight all Mattes and Texts Layers and the line (what made from Step 4 to 6), Parent & Link the created Null
Trim the Null layer begins at Text End point, Keyframe of Position on Null (move from centre to out of screen, drag the dots between the route to create a curve like flying)
Apply Easy and Wizz ( a ramp feeling)
Import a Hand Swipe Right video and match the Text flying away on timeline
8. Next (2nd) Batch of Text:
Duplicate Middle Layer Text, place on most top of layers, delete all keyframes Ease and Wizz script inside (Alt + L click on stopwatch), realign in the middle
Move anchor point (icon on top next to Camera)
Enable 3D object icon, keyframe X rotation form -90 to 0
9.Inertia bound effect by script:
// Inertial Bounce (moves settle into place after bouncing around a little) n = 0; if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time){ n--; } } if (n == 0){ t = 0; }else{ t = time - key(n).time; } if (n > 0){ v = velocityAtTime(key(n).time - thisComp.frameDuration/10); amp = .05; freq = 4.0; decay = 2.0; value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t); }else{ value; }
Go to X Rotation Stopwatch, Alt + L click, paste the script above (give a wiggle /drop down daggling look)
Duplicate 2 more layers, change the text from GET to COOL and STUFF, shift their timeline appear a bit later
Precomp the 2nd Batch Text, duplicate a new Matte and track matte with the new precomp layer
Keyframe of Position of the new Matte from Right to left (Move out of the frame)
10. Create Final Batch of Text:
Duplicate the Matte, create a new text (Gaddr.com), put the text under the Matt but this time Track Matte as Alpha Inverted Matte instead (So the hidden final text appear after the 2nd batch text go out with the Matte together)
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.