Animation task 2 _|_ Adobe Animate CC

Task issued: Week 4 Term 1 - 2019

Task due: Week 5 Term 2 - 2019

Supporting document forTask 2

The purpose of this project is to give you, the student, experience in the pre-planning, storyboarding and execution of a series of animations. The animation process involves a particular kind of visualization in which both concept, process and end product have to be held in the mind as a whole but actualized individually.

Outcomes assessed: DM1, DM2, DM3, DM4. CH1. CH4

For 2019 this Term 2 project involves the production of a number of animated sequences.

  • 2 x simple animations on one layer.
  • 2 x multiple layer animations that contain a static background with multiple objects in foreground motion.
  • 2 x animations with multiple objects in motion in both the foreground and background against a static background.
  • 1 x animation with complex layer structure built from a story boarded sequence. Minimum duration 10 seconds.

Over the course of these activities you will learn how to:

  • Create and set preferences for new projects
  • Import images to the stage or to the library
  • Add frames and key-frames to a timeline (F5 frame, F6 Key frame)
  • Add content to the stage
  • Use the selection, sub selection, free transform, pen, line, zoom, shape (rectangle, oval etc) pencil, brush, fill and stroke tools
  • Modify paths
  • Convert to symbol
  • Export the project

Research Task

Investigate and document significant events in the development of the animation. This will include the recognition of the work of individual animators and animation studios. You can present this in a graphic timeline format using any appropriate presentation software or application.

Getting down to business

To create a new document in Animate CC double click the Adobe Animate icon.

The following interface will open.

Inside Animate CC

Under 'Create New' select "HTML5 Canvas

The workspace should now have an empty canvas on the stage.

The Workspace

You can change the size of the canvas under the Properties dialog by either clicking and dragging the Width or Height settings or by entering the value manually. Unlinking will enable you to scale either value independently.

You can also scale existing content on the stage by checking the Scale Content checkbox

Adobe Animate timeline
Animate CC Toolbar

Clicking on each icon in the tools panel will bring up the properties for that tool in the panels window to the right of the toolbar.

Properties dialog
  • To add static content to the stage use "add frame" or F5
  • To animate content on the stage use "add keyframe" or F6
The green square is sitting in a frame and will remain stationary in the frame until the playhead passes the end of the frame @70.
A typical layer structure for an animated sequence for Task 3 could look like this.

Using the bone tool to animate movement

Some notes on the beginnings of modern animation

"Steamboat Willie is especially notable for being the first Disney cartoon with synchronized sound, including character sounds and a musical score. Disney understood from early on that synchronized sound was the future of film. It was the first cartoon to feature a fully post-produced soundtrack which distinguished it from earlier sound cartoons such as Inkwell Studios' Song Car-Tunes (1924–1927) and Van Beuren Studios' Dinner Time (1928). Steamboat Willie became the most popular cartoon of its day................"


........."Steamboat Willie was not the first cartoon with synchronized sound. Starting in May 1924 and continuing through September 1926, Dave and Max Fleischer's Inkwell Studios produced 19 sound cartoons, part of the Song Car-Tunes series, using the Phonofilm sound-on-film process. However, the Song Car-Tunes failed to keep the sound fully synchronized, while Steamboat Willie was produced using a click track to keep the musicians on the beat.[10] As little as one month before Steamboat Willie was released, Paul Terry released 'Dinner Time' which also used a soundtrack, but Dinner Time was not a financial success." @ https://en.wikipedia.org/wiki/Steamboat_Willie

Max and Dave Fleischman

...."Rotoscoping, the process of tracing animation drawings from live-action footage, was used minimally to lend realism to the character's bodily movements.[3] Many of Superman's actions, however, could not be rotoscoped (such as flying, lifting very large objects, etc.). In these cases, the Fleischers' lead animators—many of whom lacked training in figure drawing—animated "roughly" and depended upon their assistants (many of whom were inexperienced animators, but trained figure-drawers) to keep Superman "on model" during his action sequences...."

."...The Fleischer cartoons were also responsible for giving Superman perhaps his most singular superpower: flight. When the Fleischers started work on the series, in the comic books, Superman could only leap from place to place (hence the classic phrase, "able to leap tall buildings in a single bound"). After seeing the leaping fully animated, however, the Fleischers deemed it "silly looking", and asked Action Comics' (which would later become DC Comics) permission to have him fly instead; the publisher agreed, and wrote the flight ability into the comics from then on. @https://en.wikipedia.org/wiki/Superman_(1940s_cartoons)

Created By
Gary Poulton


Screenshots & examples @ Gary Poulton

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a copyright violation, please follow the DMCA section in the Terms of Use.