Motion Graphics 1

582-304-VA

week 2

keyframe animations/p>

see repository for AE file with principles of animation

Figma setup

set up a Figma team with the following:

  • your name i.e. Motion Graphics: Mickey
  • organized to easily locate your exercises & projects
  • organized to easily locate your Capyskills stuff
  • invite me to join your team: nortonb@vaniercollege.qc.ca, ideally with edit or admin privileges

due: week 2 (September 2-4)

animation exercises

complete a series of animations using various tools

  • keyframe animation
  • demo a Disney principle for each one
  • use shapes, text and images
  • explore some built-in effects
  • try some expressions i.e. loopOut or time

projects ( 50% of final mark )

  • week 1: motion graphics web page i.e. [...].582helvetica.com/mg1/ ( /10 )
  • weeks 1-4: motion graphics inspo ( 3/week for 4 weeks = 12 examples with comments ) ( /25 )
  • week 2: micro interactions i.e. a UI element for an app or web site ( /25 )
  • week 3: logo animation ( /25 )
  • week 5: infographic ( /50 )
  • week 7: final After Effects project ( /100 )

note that the 2nd unit will focus on real-time interactive motion graphics with Touch Designer

exercises ( 25% of final grade )

  • keyframe animation
  • masking and track matte
  • effects & presets
  • tracking
  • 3d-layer animation
  • puppet animation
  • particle systems

welcome

plan is to learn more about animation & motion graphics. We'll work with:

  • After Effects
  • Touch Designer
  • and maybe some Blender
  • plus, web animation, as always
  • Figma for ideation and sharing
  • Capyskills for improving our academic and personal skills

Start by going through this Adobe site from the UK.

Be ready to share some ideas of what you would like to learn.

motion graphics Github repository

After Effects ideas

  • Basic Motion Graphics:
    • Creating simple text animations (e.g., text appearing, fading, or bouncing).
    • Experimenting with shape layers to create basic animated graphics.
  • Intro to Keyframes:
    • Understanding keyframes and the timeline.
    • Animating position, scale, rotation, and opacity of objects.
  • Logo Animation:
    • Importing a logo and creating a short animation for it (e.g., rotating, scaling, or revealing effects).
    • Adding motion blur for a more polished look.
  • Basic Effects and Presets:
    • Applying built-in effects and presets to layers.
    • Experimenting with color correction, blur, and glow effects.
    • text effects: https://blog.motionisland.com/after-effects-presets-text-animation/
  • Title and Lower Thirds:
    • Designing and animating a simple title or lower third for videos.
    • Using shape layers and text tools to create dynamic and professional-looking titles.
  • Masking and Rotoscoping:
    • Learning to use masks for revealing or hiding parts of layers.
    • Basic rotoscoping techniques to isolate subjects in a video.
  • Simple Transitions:
    • Creating smooth transitions between clips using effects like wipes, fades, and zooms.
    • Experimenting with custom transitions using shape layers and keyframes.
  • 2D Character Animation:
    • Importing character illustrations and animating them using puppet tools.
    • Basic lip-sync animation for character dialogues.
  • Motion Tracking:
    • Using the motion tracking feature to track an object in a video.
    • Applying effects or text that follows the tracked object.
  • Visual Effects Compositing:
    • Combining multiple video layers to create a simple visual effect (e.g., adding fire or rain to a scene).
    • Basic green screen keying to composite subjects onto different backgrounds.
  • Intro to Expressions:
    • Using simple expressions to automate animations (e.g., looping animations, linking properties).
    • Understanding basic scripting to enhance motion graphics.
  • Creating Animated Infographics:
    • Designing and animating charts, graphs, and data visualizations.
    • Using shape layers and text to present data in an engaging way.
  • Intro to 3D Layers:
    • Exploring 3D layers and the camera tool.
    • Creating a simple 3D scene with animated camera movement.
  • Kinetic Typography:
    • Creating dynamic text animations synced with audio.
    • Experimenting with different text effects and animations.
  • Simple Particle Effects:
    • Using particle systems to create effects like snow, rain, or sparks.
    • Adjusting particle properties for different visual outcomes.