create-a-gif-for-a-website-using-adobe-animate

IT213 Lecture: Project #4

Animation Commercial (10% of Final Grade)

I. Purpose

The purpose of this assignment is to demonstrate your ability to use the various features and functions in Adobe Animate to create a commercial for your fictional company/organization.This assignment is an opportunity to utilize the animation authoring skills that you have learned to develop a creative and original 20-second non-looping animation to deliver a message about your company/organization.

II. Steps

  1. You must use Adobe Animate to create your commercial. Your animation must meet the following requirements:

  1. Submit your FLA file via Blackboard using the Assignments Tool (“Course Tools” à “Assignments” àfollow the “Project 4: Animation Commercial” link).


III. Grading

Description

Points

File Format:

  • File does not exceed 800×600 in dimension.
  • File format is FLA.
  • FPS is 12.
  • Platform/Playback type is HTML5 Canvas (preferred) or ActionScript 3.0
  • Duration is at least 20 seconds.
  • Select a background color; Create a “loading” text box and 5 small white squares (3 point)
  • Create a preloader animation (squares sequentially turn to black squares for 0.5 second each, moving from left to right (3 points)
  • Resulting in a color change of any object (2 points)
  • Resulting in a position change of any object (2 points)
  • Resulting in a transformation change of any object (scale, rotation)(2 points)
  • Resulting in a shape change (2 points)
  • Create a button symbol (1 point)
  • Set the following states for the button: (3 points)
    • Upstate: Create a text box on top of the square with the text ‘End’
    • Over State: Change the color of the text ‘End’.
    • Down State: Change the color of the text ‘End’.
  • Import the Image.gif file (1 point)
  • The animation stops when the button appears (to let the user click on the button) (2 points)
  • The animation continues to play the imported Image.gif movie when the user clicks on the button. (2 points)
  • The imported Image.gif file must run at least once completely without looping (2 point)

1-25

Accessibility (only for ActionScript 3.0 documents)

  • Create the animation with the Accessibility Panel activated
  • Select the “Make Movie/Object Accessible” option on movie or individual objects
  • Provide an alternative equivalent in the Name and Description fields
  • No component of the content flashes more than three times in any 1-second period

1-25

Preloader

6

Motion Tween

6

Shape Tween

2

Button

4

Ending (JavaScript or ActionScript 3.0)

7

TOTAL

25