Motion Graphics 1

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 7: final After Effects project ( /100 )
• Capyskills summary ( /10 )

These projects should be edited into a demo reel showcasing your best work & your brand.

ideally your demo reel will be accompanied by a written reflection on your creative process and the choices you made in your work.

Capyskills summary

summarize your work on Capyskills including the following:

• Capyskills you have worked on.
  • code & title i.e. VA.1.1 Generate ideas for a design project
  • your initial levels & present levels
  • link to your evidence, plan & validation
• Would you like to mentor other students?

due: December 15th

welcome

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

• After Effects
• Touch Designer
• and maybe some Blender & Unreal Engine
• 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

motion graphics examples from a2024

• Fiona phone ad
• Stephanie cyberpunk UI
• Linh Crocs infographic

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.