mwmedia

Showing some ways to add life to existing animations.

Learn the basics of motion design and Adobe After Effects.

Week 09 A 1. The difference between tweening and Morphing 2. Draw star shape, number of points- change this overtime This is tweening, computer goes from one shape to another and does all the work for you 3. You can also tween with a Mask shape path, but takes more work Put in photo, go from a star to a circle mask shape Draw both masks on same layer, try and get them lined up and as close in size as possible for the best tween Twirl down each and add a keyframe to teh pask path- this will hold important info we need Move forward in timeline add a 2nd keyframe to the star mask path layer, Copy the circle keyframe in teh circle mask layer, and paste it into the 2nd eyframe in the mask path to make our mask tween We needed that 2nd mask to get a keyframe for its shape path layer, this is a vital step when morphing, which we will go over soon Masks have different uses than shape layers, and have some pretty powerful uses. 4. Bring in a 4k video clip, go over display info in project panel thumbnail 5. Bring in the green glare effect and scale down 50% since it is 4k in a 2k comp 6. This has black behind it, add new solid layer, ake it bright pink 7. We can remove the black with either a blending mode or by using effect UnMult 8. If we use blending mode change it to Screen to remove te black 9. If client feels it is too slow, how to speed up clip Right click on the clip - time - time stretch Go over durations, taking note of them and how adjusting % alters length of clip Right click clip Time - Time reverse layer Clip now playing backwards, starting at the end of the clip Another useful time trick is to split a layer, right click Time- Freeze frame, freezes video clip where playhead is, useful for pausing sections of a video or to make still images stay on screen longer You’ve seen this is title sequences where character freezes and text pops out behind them Split layer one more time and remove teh toggle hold keyframe so it plays again Time warp effect Go to part of video you want to speed up or slow down, not the full video clip, just a section of it- like bullet time in the matrix or in the movie 300 Effects - time warp Default speed is 50. 100 is normal, full speed Now move forward or backwards in time and alter speed, 600 woul play at 6xs teh speed. If you want that for 3 seconds, go forward 3 seconds and click teh diamond button to add a keyframe that uses values of the one before it Them move playhead again and end at 100, normal speed 10. Now empty sequence make a star shape again place anchor point in the middle 11. Drop in audio form Youtube song 12. Select the layer with teh song, right click - keyframe assistant - convert audio to keyframes 13. Hit U key on new layer that as created, go to Star layer hit S for scale, hold down ALT or option as we click on it to make an expression 14. Drag the pick whip from teh expression field, not the one by parent & link, and drag it to the word SLider under Both Channels layer in audio 15. Click out of teh epxresssion field and hit space bar to preview animation 16. You can use thai technique for almost anything with a stop watch, like the glow effect 1st try this with gow radius, if to osubtle try glow threshold 17. To experiment ad push further apply effect Echo to the star to get echos as it animates Change blending mode in the effect for a completely different look try Screen Adjust opacity in echo effect to get more interesting positive and negative spacial relations Having motion follow along to a beat is useful in music videos and credit sequences and some commercials Be sure to play around and experiment in after effects, that is half the fun of motion design, pushing yoru ideas It would have taken a long time to achieve this look without the keyframes from teh audio and hold down ALT or option to open the expression field Just watch what you are pickwhipping to and from 18. That is 1 way to get keyframes form audio, delete all layers except teh song we placed.

Learn the basics of motion design and Adobe After Effects.

Learn the basics of motion design and Adobe After Effects.

Learn the basics of motion design and Adobe After Effects.

Learn the basics of motion design and Adobe After Effects.

Week 08 A Cinema 4D PART 02 Spline Pen & NURBS 1. Empty scene out, Spline Pen - click on spline pen, go to TEXT Attributes panel. Font: change font, in attributes Text, change what it says in the box Add camera to scene, add alight to the scene, move light in font of text, ALT and mouse click to move camera, grey box shows the render area Hit render key- nothing happened. Here’s why Splines, unlike primitives and objects, splines are a shape or a line that needs to be extruded. Like old school after effects- (in AE 3d enable, then choose how much to extrude it) In C4D Lite- you need to use a NURB There are some default complex and interesting splines to start off with. Add a spline to scene, then add a NURB to it NURBS are 2 icons away form spline pen, extrude, lathe etc extrude - like classic 3d in AE. to make this work, click text in object manager. Drag it up to the extrude nurb in object manager, arrow changes on mouse tool, now text is parented to the nurb, nurb parent, text child Pick spline, then choose type of nurb, the parent the spline inside the nurb. Ite hierarchy is VERY important when dealing with nurbs Click on the nurb to get its attributes, OBJECT- offset- how deep extruded, CAPS- size, adjusts bevel, softens bled of edges for more modern look. 2. Keep camera and light delete rest- sweep NURBS demo next For sweep NURBS hierarchy is very important Spline- add a Spline circle, then add a Spline Helix- we now have 2 shapes Go to NURBs - Sweep Sweep NURB at top of object manager Drag spline circle inside the Sweep NURB Drag spline helix inside the sweep nurb- watch what happens! Drag circle above the helix- now it is working properly, rotate camera to show angle or side shot Click on circle nurb, attributes - OBJECT - adjust radius, smaller- this affects how thick extrusion of helix is Now click on the heli, attributes - OBJECT. Adjust start, end, angle So many more options now in C4D lite than we ever had in AE Drag helix above circle to show improper hierarchy, then drag circle above again. Proper order Sweep, circle, then helix Delete circle, add spline star, star above helix. Sweep is using a star shape to create the helix now. No longer a nice rounded circular tbe look. Add a spline Cissiod and remove star. Overall shape as it travels along the sweep. NURB, type of 3d extrusion, then the overall shape created as weep travels along it. 3. Delete all but sweep, light and camera. Add Spline Circle. Add spline flower Sweep, drag in circle, then drag in flower hierarchy Circle- attributes - object - radius Final shape (flower) is what we ultimately want to create, then the extrusion of it is the shape above that. Will it be rounded like a garden hose, or squared off like a gear? Spline N side, delete circle, add n side above flower, reduce radius, now we have angular edges, not rounded. 4. Delete all but light and camera - demo Lathe NURB next This functions like revolve in Ilustrator Draw silhouette, profile of object, then the Lathe NUrb rotates around the shape. Bottle, light bulb, ballon are all lathe nurbs- things that are rounded, candle stick.with spline pen click and drag, draw a shape, like a vase Add lathe NURB, spline inside Lathe To edit spline, select the spline in Object manager click on the VERTEX select tool Click on the selection arrow tool in top tool bar, pick a specific spline and adjust it, then adjust it with arrows in 3d space Draw the profile, then use a lathe nurb to get yoru rounded, 3d shape 5. Delete all but light and camera. Text, in attributes Text, change what it says in the box. If you hold down ALT or OPTION when you click on your NURB while text is selected, it will automatically parent what you have selected to the nurb. Hold LAT or option as you click on Extrude NURB. text is now auto parented into the nurb! This will save you some time moving forward. 6. Spline pen demo- make a shape, white circle to close off shape when done. Make it a rectangle, but with a slope leading up to final click. Select the middle slope spline with SPline Arc tool inside pen tab Delete extra point and click and drag, see circle helping round out the straight slope now. Show pushing outwards and caving inwards Spline arc made the bezier curve points for us. Select spline in object manager, alt option click the extrude to parent it and extrude it out. Like a puzzle piece. 7. Delete spline and nurb. Add a cube to the scene. Inside nurbs is Array button. Drag the cube into Array in object manager. Or ALT OPTION click on array while cube is selected. Demo radius, copies, amplitude in properties tab Move playhead to where you want to start, click radio button for radius in properties (radio buttons like stopwatches in AE) Move playhead then make a value change Text in radius turns yellowish orange- this means there was a change, BUT a keyframe was not added. Click ONE more time on radio button to add the new keyframe. Now the radio button is red. Meaning a new keyframe has been added to the change. You must click on the radio button everytime you make a change in C4D lite, unlike in AE when you only click stop watch 1 time. Rewind and hit playbutton to show the animation. 8. Delete array, add a new cube. Show 4 screen split up button, by camera tools at top right, click a 2nd time to exit it. show the deformers button at top right, like a slinky. Select cube, hold ALT or option click on bend Strength- how strong deformation will be.m Not working right. Drag Cube out of Deformer, Drag Bend ONTO the cube. Now it will work properly. Deformer is the OPPOSITE of a NURB, do shape then the Deformer into that shape. 9. Click on the cube in Object manager, go to properties tab - OBJECT tab # of segments, higher number bends more and gets more circular, # higher number less roughness Bend fwd, click radio button, move playhead, bend backwards hit radio button, go fwd bend fwd click radio button again for animation 10. Recap- OBJEcts and primitives, splines like a pen tool which need to be extruded. If using a spline need a NURB to extrude it. Watch parenting order, NURB then SPLINE inside it. Sweep, need a shape that is the extrusion shape, then a a shape of what path it will follow, such as a coil. Deformers, object layer, then deformer goes inside of it. 11. Add OBJECT- figure, place deformer explosion into figure, Properties panel, object- Time, set to 0, and keyframe animate it to make figure explode. 12. Materials!! Add a sphere and a cone into an empty scene Select sphere, go Window - Material Manager. Timeline panel, top left corner burger stack options lines Drop down menu choose Create text button next to it. Choose new material. Click on the material and rename it. Double click on the new material to edit it. New window pops up Material Editor. Color in the left tab clicked on to edit the color. Thumbnail changes, to give a preview of the material in yoru scene. Click on Reflectance, adjust settings in properties. Specular how shiny or sharp reflections look on materials. Click on transparency- fully transparent like glass, or semi, Click on Glow button to add a glow if you like. Click on Lumanince- it will emit light like a light bulb or neon sign. Must be very strong to be brighter than the lights already in the scene Now we can either drag the material we just made onto teh shape in our scene to apply it or- drag it into the object manager panel on teh layer we want. If we hold down CMND or CNTRL while clicking and dragging to the right of the material thumbnail we create a duplicate of that material, now we can edit it and it will not affect the original material, give it now glow and no transparency, click the render button and we will see the semi red transparent sphere emitting a light and glowing in font of the green cone. Recap click create- new material, then double click on it to edit it to yoru needs. Playa round with sliders, and watch teh preview for the material live update. Hit quick render when done to update and get a fast preview of teh scene Fresnel shading: Transparency - Texture - little triangle at left side is a drop down. Choose Fresnel form drop down, click on radio button for fresnel reflectibvity 1st Click on the gradient in fresnel shader, arrows at top right of material editor allow you to go back and forth in teh screens inside of it. Hit redner button. What fresnel does: changes the way the reflections are, based upon the camera, pointing at it. When straight on we have less specular highlight, as we turn we see more of it happening, like this occurs in nature. Click on teh shader in fresnel, render - front and back. Adjust gradient sliders, and see teh thumbnail update —---------------------------------------- Week 08 B Cinema 4D PART 01 Spline Pen & NURBS Advanced 1. We covered basic keyframing. Lets go over mograph. You may need to create a free Cinema 4d Lite account before doing this! 2. Cinema 4d lite file selected in AE project panel hit CMND E or CNTRL E to open it in C4D lite 3. Or in C4D go File- Merge Project. This is the same as opening a file in AE 4. Reminder click teh render gear icon to adjust size of teh scene, free C4D lite can not render full 2k, but you can render out scene in AE, svae go back to Ae and redner the file there. 5. In AE for something new we hit new composition button, in C4D we go file - new project. 6. FRONT VIEW Draw flourish letter, hit ESCAPE a few times to end pen path line. 7. Making broad loops for lines to animate through them. YOu will get multiple slime shapes in object manager. 8. Then a brush stroke going through the bottom letter loops.sleect each slime in object manager, hit enter key to rename it. 9. Go to point edit mode select tool on left side, edit letter shapes to clean them up, use gizmo arrows or curve handles to make changes 10. Like in AI less points for smoother curves. 11. Click on the top selection tool to edit the full object transforms, pos rot scale etc. 12. Reminder- SPLINES alone do not render- hit fast render, nothing there. NURB- Sweep generator. Add a circle shape- the profile of the extrusion: Sweep, Circle, Flourish spline Select Circle- Properties panel, OBJECT, adjust radius. Double click sweep generator to rename it. Click on SPline flourish, we will be changing a setting in properties Object tab, to get a smoother geometry. At top middle menu choose Display - Garaud Shading (lines). Zoom in- lines are all different lengths. In properties panel, object - Intermediate Points - uniform Now the lines are all teh same length. Number below this, increase it for more geometry to work with, smoother shapes. Select the NURB sweep flourish, properties, object panel - twirl down teh details arrow, Scale over time, rotation over time. Scale: drag the far left point down, in point of flourish gets tapered, if i drag teh right edge, it tapers the other end. CMND or CNTRL click in between the curves to add points, to adjust teh thickness where and when we want! Graph adjusts the thickness over time. We can always increase the Number in OBJ settings for teh Sweep if not smooth enough 13. Select Sweep nurb generator, hold CMND or CNTRL and click and drag it in Object manager, we duplicate it and everything inside of it! Rename it, delete the spline flourish in it and drag the letter spline you wnat inside, below the circle. We can adjust teh circle radius to make it thicker than the flourish if we want. In left spline we can adjust teh details of teh graph as well for teh spline. Do the above again for each part of yoru letter. 14. Zoom in once all set, and we will see some geometry is colliding in a way we do not want. Adjust spline so meshes don’t pass through one another Green check by SPLINE to only see path to edit it easier in object mode 15. Trim Paths with sweep nurb generator Properties panel, OBject, End Growth keyframe it to get a trim path draw on Numbers at far right of timeline- end frame make it higher to make animation duration longer Select layer keyframed, Hover over the radio button that has keyframes - RIGHT CLICK - Animation - Show Track Drag either end bar at top to slide start and edn of keyframes for better timing in animation Or go Window - Timeline Dopesheet for all keyframes and Window - Timeline F curve for graphs Select keyframesthen click the interpolation at top of dope sheet Cartoon Shading Highlight, mid tone and a shadow tone, tritone colors CREATE - MAterials - New Standard Material Double click on it to edit it Drag it to the art to add it in Object manager or in the scene Turn off:Color, and Reflectance Turn on Lumanance, this gives us a flat look To have lights in scene affect this material we will CLick on Texture in Lumanance, choose drop down Effects - LUmas Click once on the color swatch by texture Go thru 3 Specular Shader tabs at top and click off active for the specular Go to shader tab, click color and set teh color to full white Set Illumination to 100% This is now the jumping off point for our cartoon shader Click on Lumance We see Lumas in the effects texture now Click one more time on the arrow to teh right of Texture and choose COlorizer Click on the color swatch once Condense the look by dragging the sliders You can also drag the dot in the gradient bar to have less of a gradient We want it crushed, less tonal range Select both gradient arrows below gradient by holding down shift Then click on the arrow next to word gradient And fromInterpolation drop down choose STEP Now slide arrows to adjust gradient look Click on the color balck and add a color ie dark shade of blue, then white set to a light blue for the highlight Then click in between teh 2 arrows below gradient bar and mae our midtone color YOu can blur teh offset if you ant a softened tritone look Close material editor and render frame Apply material to sweep Make sure there is a light in the scene to create the cartoon shaded look Select te light Properties panel Shadow - Ray Traced Hard Create a new scene to use MoGraph function PLace capsules in scene hold CMND or CNTRL as you drag in Object Manager to duplicate shape All on same 0 point in 3d, will use mograph to scatter them randomly MoGraph - Fracture, straight mode Properties - object - mode- straight Place all shapes inside the Frature Add Effector - Rando form mograph, in properties panel for Fracture, effector, select the Random Fracture parented inside random Sleect effector, go to effector tab, increase strength to spread apart more We can go to parameter tab and spread out on axis even more In parameter you can also check on Rotation and scale as well Effector, Effector tab - change Random to Noise Random - efectror tab, click on indexed THis will affect each onject individually if using Noise

Week 08 A Cinema 4D PART 01 basics of the scene 1. Maxon Cinema 4D Lite C4D troubleshooting: After Effcets to AEGP Plugin Cineware scene layer:execute failed. Uninstall AE, then uninstall C4D lite, reinstall both In AE: File - new- maxon cinema 4d file In c4d- edit- preferences - communication (left panel), enable live link (x) click it on In AE effects control panel for c4d, live link - click enable button! 2. Explain this as clean, clear and succinctly as possible. New AE file. C4d.ae In AE: File - new- maxon cinema 4d file Name it, and set place for it on drive Wait for c4d lite to open up. Click new, save Hop back to AE, we now have a C4D file in our project panel. Drag this to the new comp button at bottom of project panel, now cineware panel will open up. Drop down preview res, and save. Go back to C4D Everything we do in C4D will now be linked to the AE file- have to save Ae file 1st, then it live links 3. OBJect tools, at top of tool bar (cube shape) to add more objects or primitives, go here. gimbal/gizmo- orange dot is scale, arrows are position Rotate tool (orange icons by left) we can rotate on any axis, click and drag on the arcs 4. Object manager panel on right hand side (like Outliner panel in Blender 3D) 5. Attribute spaniel below Object Manager- attributes change objects in scene like the properties panel in AE, Object manager is like the project panel in AE Like any software, base dupon what you have selected in scene, teh attribute change based off of that. 6. Timeline at bottom of screen. 7. Render buttons 1st one on left is a quick render of scene, 1 frame- what the scene will look like Render picture, this actually renders the frame, like render in AE 3rd with gear icon is the render settings- like composition settings in AE 8. When you make a change to something in scene, click the 1st render button to preview what it will look like, fast render view. Faster than high quality render of whole scene 9. Keep cube in scene, add a torus, we see it in scene and the Object manager panel Edit settings in attributes manager, click once and drag Torus, ring segments- higher number, more rounded, 3 segments, triangle When working in a 3d scene best practice to make everything 1:1 in real world scale, to avoid issues! Want least amount of geometry: polygons, segments, but still look best for a good render- a juggling act, files can get huge and render times impossible 10. Click the camera icon to add a camera to the scene 11. Again click on an object in the scene or in the object manager panel, and the attributes panel updates based on what is selected. Clicking on camera, completely different set of options in attributes panel now. Save in C4D go back to AE to see live link updated scene 12. Add a light to the scene, click the lightbulb icon- click and drag to see all types of lights 13. Default omnidirectional light in the zeroed out position- world origin Hit render to see what scene looks liike Move light in scene, hit render button to preview change Add more lights if you need, to get look you want With light selected, attributes panel changes 14. Moving the camera Move tool- hold down ALT or OPTION key, hold down left mouse button- this rotates the camera. Move tool- hold down ALT or OPTION key, hold down middle mouse button- this pan & tilts the camera. Move tool- hold down ALT or OPTION key, hold down right mouse button- this zooms the camera. 15. You can also use the camera move tools at top right of scene near Object manager 16. Timeline- record button to record motion 17. Light, add color to the light HSV, color light or use specific kelvin color temps Intensity, strength of light Type: change light type 18 we will now add a floor plane to get more light interaction with the scene Plane tool to left of camera tool, click - select FLoor Floor is an infinite plane, we can adjust its height up and down 19. Go back to light Shadow: shadow maps soft are semi accurate and render fast (hit render button to show) Shadow: Area. Area shadows are more realistic, take longer to render (hit render to show) Default harsh shadows with low detail, old retro look. Ambient illumination will fix this! Light attributes - general - click on Ambient Illumination (x) Add a color spot light or sun and rerender, adjust intensity as needed. 20. Click on 3rd redner button (settings) - Effect - ambient occlusion. Keep default settings! Now we have softening of shadows and density where it belongs, shadow wrap occurring as well. This helps add volume. Add more lights in scene to demo. Darker shadows as light recedes into background, under objects

Alpha Mattes & VFX, Lines in 3D Space, using CC Cylinder effect, Organic Reveal with ink drops, Organic Transitions with ink drops Learn the basics of motion design and Adobe After Effects.

LumaKey and Keylight GreenScreen Removal, Liquid Lines And Alpha Mattes, Transitions, Animation Concepts, Navigating Color Grids Deliberately, Clearing Up Space to Work Faster, How to Render Learn the basics of motion design and Adobe After Effects.

LumaKey and Keylight GreenScreen Removal, Liquid Lines And Alpha Mattes, Transitions, Animation Concepts, Navigating Color Grids Deliberately, Clearing Up Space to Work Faster, How to Render Learn the basics of motion design and Adobe After Effects.

Adjustment Layer transform Effect Masked, Relinking Files, Applying & Animating Layer Styles, Parenting, Adjustment Layers, Bits Per Channel (BPC) when using Light Effects, Alpha Matte, Luma Matte Learn the basics of motion design and Adobe After Effects.

Adjustment Layer transform Effect Masked, Relinking Files, Applying & Animating Layer Styles, Parenting, Adjustment Layers, Bits Per Channel (BPC) when using Light Effects, Alpha Matte, Luma Matte Learn the basics of motion design and Adobe After Effects.

2.5d X,Y,Z axis’ and Adding Lights, Blending Modes, A very deep look into Animating Text with Trim Paths, Animating Letters in Piece by piece, Pre-comps & Nesting, All About Masks Learn the basics of motion design and Adobe After Effects.

Learn the basics of motion design and Adobe After Effects.

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.

Squash & stretch adds life, character, and weight to your animation Turn off Scale chain, for nonuniform scaling Use a square to demonstrate: Keep the volume Squash down 40, out 40. Stretch in 40 up 40, keep squash for a few frames, using empty diamond ad keyframe button, no change between those frames More squash and stretch more liquidy the motion, lss the more rigid the motion Gravity pulls object to the earth, anchor point on the bottom Set up your animation strategy, layout bounces with motion path Falls faster than it rises, so keyframes will not be evenly spaced CMND R or CNTRL R for rulers to create a guideline for the ground Remember ball rises salwar than falling, and rises up less with each bounce Adjust motion path, space bar to preview Work on timing, select the needed keyframes to change and slide them around in timeline, shorten the render area for faster looping preview, ALT drag keyframes to scale down their space in timeline while keeping their timing together Position select world not stop watch or marquee box drag along keyframes in timeline, hover over keyframe, right click, choose keyframe assistant, easy ease Adjust keyframe velocity in speed graph for position Squash and stretch, won’t do it constantly during animation, squashes on impact with ground and stretch as it is near impact and starting to rise up. We want perfect circles for the ball at the top of every bounce to about the midway to the ground Height of each bounce diminishes, as does amount of squash and stretch Losing energy with each bounce, add motion blur recap Week 02 B Importing AI & PSD files Composition retain layer sizes, import Limit yourself as animator with flat images more layers give you more options and more control Object ungroup, release layers to sequence, drag out of original layer, delete original layer Continuously rasterize for crisp art Anchor points for each layer, in different areas. Won’t scale together Adjustment layer & transform effect Always work RGB in display graphics Convert to rgb in AI Ken burns effect & using copyright free images- only 2 keyframes need, slow and smooth Drag art from project panel to timeline Timeline layer stack Intro to 2.5D rotation sample with a letter, showing 2d rot vs 3d rot 2.5 gives you far more options and flexibility as an animator Now show the motion path while 3d enables it to go near and far from the computer screen.

Week 02 A 1a. HDTV layout template in Illustrator & PSD, comp window zoom, title safe area Linear keyframe default 1b. Information of animation hierarchy & info hierarchy, resting logo, subtle motion after it has resolved itself, working backwards, U key, preview resolution 1c. Split layers to have effects come in when you want them to. The Bouncing Ball. 12 principles of animation we already covered slow in slow out - Easy Ease. Now we will learn Squash & Stretch. Demo of motion blur- shape layer & a text layer, text blur can be illegible if unwanted Enable blur for entire composition then enable it for layer(s) you want motion blur applied to Toggle Switches and modes Motion path example (curves) and adjust curve handles and path points for fine tuning motion Right click on layer, auto transform, auto orient, orient along the path

Week 01b 1 Linear keyframe default 2 Value graph and speed graph. Linear constant speed, mechanical. Like second hand on. Stop watch or gear turning. 3. Trouble shooting : caps lock, if on, your animation will not render when you hit the space bar 4. Hover over keyframe, keyframe assistant, do easy ease- explain rest soon Diamond to hour glass shape, show change in speed graph Easy ease when it should be used properly automatically adds professionalism to your animation. Easy ease is based off of one of the 12 Principles of Animation - Slow in/Slow out 5. Speed graph To select all keyframes form a stop watch, click on the name if that stopwatch- NOT the stopwatch, if you click on a stopwatch a 2nd time you remove all it’s keyframes Once keyframes are selected, you will see their graph in the speed graph editor Yellow square is the keyframe, yellow ball is the influence handle Do not move yellow square up or down. This will change the VALUE of what is changing, not the velocity in or out of that keyframe Grab yellow ball, start dragging it sideways and hold down shift to lock it to move straight towards or away from keyframe. Moving towards keyframe makes the animation velocity out of that keyframe faster. Moving influence handle away from keyframe makes velocity move slower out of it. Click on the speed graph editor to get out of it 6. Recap the basic steps, plus recap speed graph 7. Deeper look at shape layers Shape tools or use pen tool If you click the word fill or word stroke you can edit the options such as fill. If you click on the color thumbnail, you will change the color of the fill or stroke Shape layers: think of them as an empty salad bowl, you can add into it the things you want. Shape layer selected, click on the Add button and choose an option ANYTHING with a stopwatch can be keyframe animated over time, changing the values To add new elements to your animation, grab files from Project panel or go Layer - New, and choose what you want to add 8. Difference between shape layer and solid layer 9. Animation example: Circle scale form 0 to 100 to 0 Easy ease keyframes and adjust velocity Duplicate the circle shape layer CMND D or CNTRL D when it is selected Duplicating a layer duplicates the layer, keyframes, effects placed on it, plus speed graph information! Change color of 2nd circle, offset it a few frame sin timeline- how to offset animations 10. Square- nonuniform scale it like an elevator door, but you want other animations to this shape that will require different anchor point positions. Solution, SPLIT Layer/Split duplicate CNTRL SHIFT D, CMND SHIFT D or Edit - Split Layer. Split layer, then move the anchor point on the new layer for the motion you want Recap previous and next arrow keys near stop watch, Holding down SHIFT key will snap layers to the playhead in timeline when you drag them 11. Layer management: ALT [ or option [ to trim in point (start of layer) 12. Layer management: ALT ] or option ] to trim out point (end of layer) 13. Timeline magnification tool slider 14. Demonstrate how [ key will snap a selected layer(s) to where playhead is 15. Demonstrate what it looks like if you trim layer start but do not move the keyframes 16. Workflow recap

Week 01a 1. Comp wk setup 2. Blue highlight, 4 panels 3. Blue highlight around panel. 4 panel description. 4. Workspaces: small screen. 5. Tools at top. 6. Play to your strengths, CA. Do many types of motion design. 7. Draw a square. Anchor point. Edit preferences, general, center Anchor point with new shape layers. 8. Layer twirl down, 4 pillars 9. Modeling graphic design adding time and space. All about problem solving. What you want to do, how you want it to move, where you want it to go. 10. Have an idea then figure out how to get there. 11. Animation workflow, 1. Move Anchor point. Anchor point influences the motion and transform of layer. 12. How to use pan behind tool, and arrow tool. Cmnd or cntrl to snap 13. Scale, move Anchor show how it affects motion 14. Rotate and Anchor point 15. 1 move Anchor point, 2 move playhead to where you want motion to start. 3. Click on stop watch(es) you want to animate. We have our 1st keyframe. Need minimum of 2 keyframes to keyframe animate anything. At least 1 frame apart. Closer faster change, further slower change. 4. Move played to where you want change to stop. 5. Change amount of stopwatch clicked on. Always move anchor point before animating. 16. Move keyframes to adjust speed. 17. Twirl down for 4 pillars, or quick cmnd P S R T 18. Eyeball to show or hide a layer. 19. Click stopwatch once to atari keyframing, click it a 2nd time to remove all key frames. 20. Previous, next, add keyframe btns 21. Useful to navigate timeline. If you make a change in between keyframes you create a new keyframe 22. Recap the basics. 23. Position motion. How to: click n drag, hover over and slide over blue numbers, type in a number for times precision is crucial. 24. X side to side y up and down, cmnd z cntrl zto undo 25. Hit Space bar to preview animation. 26. Show magnification, time code. Zoom in, mouse wheel click and hold down to pan around in program monitor. 27. Move 2nd keyframe closer, dots in motion path get further apart faster, further get closer, slower 28. Rotation full rot n degrees. Scale X side side y up n down. Chain uniform. Click off for non uniform. Example elevator doors. 29. Show how you can. Animate multiple things when you want, don't need to line up. Looks more natural. 30. Render bar area.