Skip to main content

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:
    1. From the main menu, choose Layer > New Solid.
    2. In the Solid Settings dialog box, click the Make Comp Size button, change the Width to 20, and choose any color from the color box below and click OK.
    3. Select the Layer Solid in the Timeline and select Effect > Generate > Checkerboard from the main menu.
    4. Press S to open the Scale parameter, click on the chain to unlink the proportions, hold down Shift and scrub on the X parameter to the right, until it covers the composition edge to edge.
    5. Press T to open the Opacity setting of the solid and change the value to 21%.
  • To animate the Checkerboard effect:
    1. In the Effect Controls panel, start at the top and set the Anchor to -1, 0 (a negative value for X was chosen so the edge is just off the left side of the layer solid).
    2. Leave the Size From drop-down menu set to Width Slider.
    3. Set the Width to 25.
    4. Make sure the Current Time Indicator (CTI) is positioned on Frame 0 in the Timeline and add a keyframe by clicking the stopwatch to the left of the word Anchor in the Effect Controls panel.
    5. Move the CTI to the end of the Timeline and change the value for the Anchor to a setting of -1, 200.
    6. Press the U key on your keyboard to reveal the keyframes. Then Press J and K on the keyboard to move the CTI back and forth between the two keyframes to make sure there appears to be no motion in the background.
    7. Move the last keyframe down the timeline by one frame and press the spacebar to preview the animation.


 

PART II:  Create a seamless looping background

Create a seamless looping background using evolution options.


Create an organic seamless looping background

Use the Cycle and Evolution options of the Cell Pattern effect to create a looping organic background:

  1. From the main menu, select Layer > New Solid.
  2. In the Solid Settings dialog box, click the Make Comp Size button and choose any color from the color box below and click OK.
  3. Select the Layer Solid in the Timeline and select Effect > Generate > Cell Pattern from the main menu.
  4. Move the CTI back to the start of the composition.
  5. In the Effect Controls for Cell Pattern, set the dropdown menu to Bubbles; then enable Invert.
  6. Change the size setting to 250.
  7. In the Effect Controls, click on the stopwatch next to Evolution to set the first keyframe, move the CTI to the end of the composition and change Evolution to 2 to set the last keyframe.
  8. Open Evolution Options and enable Cycle Evolution to make the animation seamless.
  9. Click the Toggle Switches / Modes button to reveal the layer bland modes. Change the blend mode for the solid to Add and change the opacity setting to a value of 40%. 

 



PART III:  Create an animation with either a seamless looping background or an organic seamless looping background of your own design

Use Adobe Illustrator to new create assets and elements for your own animation with an animated background. 

- create an animation with background animations; either with a seamless looping background OR with an organic seamless looping background.

- you may use elements from a previous assignment, if you wish

- have at least four elements that animate

- using either Apple iMovie or Adobe Premiere, add sound effects and/or a soundtrack that is synchronized to your animation

You have full creative license with your colors, design, and elements.

Comments

Post a Comment

Popular posts from this blog

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. Preserves object transpa
Post a Comment
Read more

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 Select a layer and use the Pen tool to create anchor points for a path. Click and drag to add anchor points and expose the handles. Move the handles to adjust the shape of the path. Use the path to create position keyframes Switch to the Select tool in the Toolbar. Select the layer which contains the path and press M to reveal the Mask Path property. Select the words Mask Path and then choose Edit > Copy to copy the path. Select the layer to which you want to apply the path and press P to reveal the Position parameter. 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 Go to Lay
Post a Comment
Read more