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

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

Importing Adobe Illustrator files into Adobe Animate

About Adobe Illustrator AI files 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