Skip to main content

Assignment 7 - Motion Path in After Effects

PART I:  Watch this Adobe tutorial on creating a motion path using Adobe After Effects and practice with the files provided during class:

 


Create a path

  1. Select a layer and use the Pen tool to create anchor points for a path.
  2. Click and drag to add anchor points and expose the handles.
  3. Move the handles to adjust the shape of the path.

Use the path to create position keyframes

  1. Switch to the Select tool in the Toolbar.
  2. Select the layer which contains the path and press M to reveal the Mask Path property.
  3. Select the words Mask Path and then choose Edit > Copy to copy the path.
  4. Select the layer to which you want to apply the path and press P to reveal the Position parameter.
  5. Select the word Position in the Timeline and choose Edit > Paste to add the path data as Position keyframes.

Change the timing of the animation

  • Deselect all the keyframes. Then drag the first or last keyframe to change the duration of the animation along the path.

Orient the object along the path

  1. Go to Layer > Transform > Auto-Orient, and choose Orient Along Path.
  2. Press R to open the Rotation parameter, and scrub to rotate the animated layer to the proper angle on the path.

PART II:  Using the same Adobe Illustrator assets you previously created for the Motion Path project, re-create the same project using Motion Path in Adobe After Effects.

PART III: Create a NEW After Effects Motion Path project with TWO elements moving along two separate motion paths.

- create a NEW background using Adobe Illustrator

- create TWO new moving elements using Adobe Illustrator

- animate the two moving elements along a motion path created using Adobe After Effects

Comments

Post a Comment

Popular posts from this blog

Assignment 8 - Create Animated Backgrounds

Assignment 8 - Use a Generate effect to create an animated background Download the Zip File sent to you via PBSC email in order to create this project. There are three parts to this assignment. Please create these two effects shown below for Part I and Part II of this assignment and post them to your blog. You may use creative license and need not recreate these exactly as shown. PART I:  Generate an animated background Generate effect create animated graphic elements from scratch that you can use to create an animated background. Create an animated background using a Generate effect You can create seemingly complex animated elements from scratch using Generate effects. These effects need to be applied to a layer and are typically applied to a layer solid or an adjustment layer. To create a background filled with animated stripes: From the main menu, choose Layer > New Solid . In the Solid Settings dialog box...
Post a Comment
Read more

Importing Illustrator Files into Animate

  Animate lets you import Adobe® Illustrator® AI files and preserves the majority of the editability and visual fidelity of your artwork. The AI Importer also provides you with a great degree of control in determining how your Illustrator artwork is imported into Animate, letting you specify how to import specific objects into an AI file. The Animate AI Importer provides the following key features: Preserves editability of the most commonly used Illustrator effects as Animate filters. Preserves editability of blend modes that Animate and Illustrator have in common. Preserves the fidelity and editability of gradient fills. Maintains the appearance of RGB (red, green, blue) colors. Imports Illustrator Symbols as Animate Symbols. Preserves the number and position of Bezier control points. Preserves the fidelity of clip masks. Preserves the fidelity of pattern strokes and fills. Prese...
Post a Comment
Read more

Assignment 3A - Exploring Adobe Animate

 PART 1.) Create the bouncing ball animation per the in-class tutorial (you can watch the video of the class session in the Files section of Canvas) and post it to your blog. Post the GIF on your blog and title your post Assignment 3A - Bouncing Ball (or something similar). Post the GIF as if it was a photo using Insert Image. You cannot post it using Insert Video. NOTE: You can export is as a GIF with OR without the background showing by selecting or de-selecting the Transparency option. A step-by-step tutorial follows below the bouncing ball GIFs. PART 2.) SCROLL WAY DOWN FOR PART 2 OF THIS ASSIGNMENT.   Here are the steps: 1.) Create a square or rectangle as your background and fill with any color. 2.) Create a ball and fill with any color (hold the shift key while you draw to create a perfect circle):  PART 2.) Create a second bouncing ball animation with the following parameters: 1.) create a new project that is either 400 by 400 OR 720 by 720 2.) create a backgr...
Post a Comment
Read more