Premium Only Content

Learn Motion Design Week 03 part 1 of 2
Week 03 A
RECAP workflow
Recap 12 principles of animation: easy ease (slow in/slow out), squash and stretch, anticipation, overshoot
NEW 12 principle of animation: Follow through and overlapping action
1. draw a square. Window- wiggler
a. set keyframes to move straight across screen
b. select keyframes, then go to the wiggler panel
c. frequency 5, magnitude 50. Frequency = number of times per second, magnitude= amount of change
d. window- wiggler to hide it
2. Expressions
a. 1st expression everyone learns is Wiggle
b. make a square. Expressions can create randomness, more organic motion, and add complexity quickly to an animation, all while helping you reduce the amount of keyframes you need to create.
c. show difference between putting on an expression, and making keyframes and then putting on an expression
d. anything with a stop watch can not only be keyframe animated, but you more than likely can apply an expression to the stop watch as well
3. Creating an expression
a. HOLD DOWN ALT or OPTION key as you click on a stopwatch to add an expression and open up the expression field.
b. start typing in the expression field in your timeline. Wi and you get an auto fill option, double click on it.
c. blinking cursor in between parenthesis is where you can enter in to your expression now
d. 5, 50. This means wiggle 5 times per second in an amount of 50, just like we did with the wiggler
e. click OUTSIDE of the expression to get out of it, extra spaces and typos will make expression not work!!
f. if we HOLD DOWN ALT or OPTION and click on the stop watch a 2nd time, the expression is removed. Just like clicking a stop watch a 2nd time will remove all keyframes applied to it.
4. keyframe animate the square moving sideways across the screen, then HOLD ALT or OPTION click the stop watch and add the same exact expression Wiggle(5, 50)
a. if this works, fine. If it does not work, add the expression 1st and then add your keyframes
b. after test ALT option click to remove expression click stopwatch to remove keyframes
5. we say wiggle in transform stopwatch for Position, now show it for scale
a. wiggle (5, 50) click out of expression in scale
b. now add in keyfrmes, 0, 100, 0 and it will keep wiggling as it scales up and down
c. use an expression, or keyframe and use expressions to get more control and motion options out of it.
d. there is extreme motion and subtle motion.
6. Wiggle on Transparency
a. wiggle (5,50) we get a flickering effect, then try 9, 350
b. now duplicate the layer, top one red, bottom one blue, expression on top layer- flashes color like an emergency vehicle.
c. top a different color with an expression, bottom a different color with no expression creates a strobe effect, flashing between the 2 colors
7. wiggle in Rotation
a. 5,50
b. now move anchor point to top corner, add keyframes of swinging side to side, expression continues after the keyframing is done
8. add a glow effect add wiggle expression to the glow intensity
9. Loop out, LoopOut PingPong
a. create 2 squares, different colors
b. select both, P position keyframe them at same time
c. have them move across screen and stop
d. name top layer LoopOut
e. Name bottom layer LoopOut PingPong
f. HOLD down LAT or option click top position stopwatch and type in LoopOut double click to auto complete the expression. click out of the expression
g. do exact same to bottom expression but type in side te parenthesis Ping auto complete the expression
h. click out of the expression
i. loop out good for bunch of candy bars going down a conveyor belt, you don't see them fully enter or exit- this is perfect for that
k. loopout pingpong good for bird wing flapping just animate the wing up, and the wing down
10. From the web: INertial Bounce
a. all line breaks must be perfect, not typos, click out of expression when done copy paste or editing it, or else you will get unwanted spaces when you hit the spacebar to preview it
b. expression from Harry franks gray machine website
c. inertial bounce creates overshoot for you!!
d. 4 keyframes, left, middle, right, middle- overshoot at the end
e. experiment with changing values for amp freq decay
split position dimensions, then add the wiggle expression to make a balloon bobble or
a bird flap across a breeze, path stopwatch for loopout ping pong, and position with split dimensions and wiggle.
-
LIVE
TimcastIRL
1 hour agoEPSTEIN Files DROP, FBI GOES ROGUE, AG Says They COVERED UP Epstein Case w/Amber Duke | Timcast IRL
19,374 watching -
LIVE
Kim Iversen
1 hour ago"Canada's Trump" Is Trudeau’s Worst Nightmare: Is Maxime Bernier the Future of Canada?
1,568 watching -
DVR
Bannons War Room
10 days agoWarRoom Live
2.58M436 -
16:06
The Rubin Report
8 hours agoProof the Islamist Threat in England Can No Longer Be Ignored | Winston Marshall
34.3K24 -
2:07:07
Robert Gouveia
5 hours agoFBI Files Coverup! Bondi FURIOUS; SCOTUS Stops Judge; Special Counsel; FBI Does
40.5K32 -
56:15
Candace Show Podcast
5 hours agoBREAKING: My FIRST Prison Phone Call With Harvey Weinstein | Candace Ep 153
107K72 -
LIVE
megimu32
1 hour agoON THE SUBJECT: The Epstein List & Disney Channel Original Movies Nostalgia!!
197 watching -
9:06
Colion Noir
10 hours agoKid With Gun Shoots & Kills 2 Armed Robbers During Home Invasion
16.9K3 -
54:28
LFA TV
1 day agoUnjust Man | TRUMPET DAILY 2.27.25 7PM
19.7K2 -
20:10
CartierFamily
7 hours agoAndrew Schulz DESTROYS Charlamagne’s WOKE Meltdown on DOGE & Elon Musk!
36.8K46