Computer Graphic Design

36 – Introduction to Adobe Animate CC

Welcome to Adobe Animate CC!
Where Adobe Illustrator is the industry standard vector graphics drawing program, Adobe Flash has been the industry standard in rich media production for the past decade. Flash allowed its users to produce everything from basic animations to interactive multimedia experiences, to applications such as games.
However, over time the standards have changed. A new web standard called HTML5 has become the common language of web browsers, and poor old Flash had to be left behind in favor of an interactive media application redesigned to meet the HTML5 standard’s requirements. For this reason, Flash is being sunsetted (slowly removed) and Adobe Animate was born. Adobe Animate works a lot like Flash, but adds a lot of new features that are only possible in HTML5.
We are going to spend the next couple of weeks learning about Adobe Animate and exploring its relationship to Illustrator, and how both programs can help you to develop rich interactive multimedia experiences for the web.
Objectives:
  • Identify the elements of the Animate interface, including the Stage, Timeline, Panels and Tool Panel.
  • Produce Rectangle, Rectangle Primitive, Oval, Oval Primitive and Polystar shapes, and discuss their properties.
  • Explain the difference between Object-Drawn shapes drawn with and Merge-drawn Shapes.
  • Explain the difference between Shape Primitives and standard Shapes.

Student Friendly Objectives:

  • I can  identify the elements of the Animate interface.
  • I can produce shapes using the Animate tools.
  • I can explain the difference between a shape drawn with Object Drawing enabled and disabled.
  • I can explain the difference between a Shape Primitive and a standard Shape.

Video Links:

How to Create and Publish an HTML5 Canvas Document 

Topics Discussed:
  • Start a new document in Animate CC using the Welcome screen.
  • HTML5
  • Canvas
  • Stage
  • Timeline
  • Panels
  • Tool Panel
  • Rectangle Tool
  • Rectangle Primitive Tool
  • Oval
  • Oval Primitive Tool
  • Polystar Tool
  • Object Drawing

Assignment:

  1. Produce a single HTML5 Canvas. Name it “Your Name – Animate Week 1″
  2. Edit the properties of the Stage to make a 30fps, 800 x 600 pixel stage for animation. Change the color of the stage to any color you like (other than the default white).
  3. Use the Shape tools to draw examples of the following shapes:
    1. Rectangle
    2. Rectangle Primitive
    3. Oval
    4. Oval Primitive
    5. Polystar Polygon
    6. Polystar Star
    7. Two overlapping Object drawn shapes (representing the properties of Objects)
    8. Two overlapping Merge drawn shapes, where one shape takes a “bite” out of the other
  4. Upload the completed “Your Name – Animate Week 1.fla” file to the “36 – Animate Week 1” assignment post on the Google Classroom page the end of Thursday.

Assigned: March 29th, 2017
Due Date: March 30th, 2017

Computer Graphic Design

Class Fair Exit Ticket – 2017-2018 Classes

Objectives:

  • Guide students to the Magnet class that is best suited to their interests.

Student-Friendly Objectives:

  • I can confirm which class I signed up for from the Magnet Program offerings for next year.

Links:

Class Fair Exit Ticket


Topics Discussed:

  • The Center for Computer Studies Magnet Program
  • Magnet Classes
  • 2017-2018 Registration

Assignment:

I hope you had fun at the Class Fair on Friday! Please take a few moments to help the Magnet Program coordinators out by filling out the form below. We need to know what Computer Science courses you selected, so we can start making plans for next year.

Class Fair Exit Ticket

If you don’t remember what class or classes you signed up for,  just let me know, and I’ll help you remember. If you didn’t sign up for a computer class, let us know on the form why not.

If you would still like to join the Magnet Program, and receive all the exclusive benefits of being a Magnet student, please see Ms. Jones in Room 204 to get a T-3 form and become a Magnet Student today!

Also, don’t forget your final logo design is due on the Google Classroom page today! Make sure you get it turned in, because we start a new unit featuring Adobe Animate tomorrow!

Posted: March 27th, 2017

It’s super effective!