nortonb.582multi.media

motion graphics project

Make it move, in a project of your own design, use motion graphics to enhance the user experience, communicate a message, inform, entertain, delight.

deliverables

• project plan / description: a couple of paragraphs describing the project, your objective and how you plan to accomplish your goals.
• storyboard (link to Figma??) with a minimum of 3 panels which should include
  • basic layouts
  • indication of motion (position / opacity etc)
  • sound / voice?
• final, animated version (uploaded to YouTube or Vimeo)
• a summary of your project, describing your process.
  • record the feedback you recieve
  • "I like..."
  • "This reminds me

presentations: October 1 / 10th?

1.6 Infographic project

Using your Page Layout 3 infographic, create an animated version to better communicate the information in your graphic. Add your project to your "/mg1/" website.

deliverables

• storyboard (link to Figma??) with a minimum of 3 panels which should include
  • basic layouts
  • indication of motion (position / opacity etc)
  • sound / voice?
• original static graphic
• final, animated version (uploaded to YouTube or Vimeo)
• a small paragraph describing the project / graphic. Focus on objective & process.

presentations: September 10 / 12

exercise 1.4: 3d-layer animation

create a 3d-layer animation that uses:

• 3d layers
• centering anchor points
• embedding compositions
• null object
• easing?

After Effects resources

Here are some links to useful resources.

• video on making Infographics
• Ben Marriott: Teach AE in 60 minutes.
• Adobe resources
• text effects preview gallery
• Ben Marriott: true crime title sequence in 10 minutes
• Ben Marriott: Marvel title sequence

Plus here are some examples from class:

• 582 Multimedia promo
• Punta Cana promo
• top 5 movies
• I Design Videos

exercise 1.1: motion graphics web page

make a "/mg1" folder to link your projects

exercise 1.2: 3+ 12 examples of motion graphics in the wild

add 3 examples of motion graphics to your mg1/ web site.

at least 1 should be something you find in real life (not a link to some digital source)

YouTube "embed"

exercise 1.3: track matte demo

link or add your track matte demo

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.