New Features / Name Change

The Bone Tool | InBetweening

What is Animate CC?

 

See how you can use Animate CC to create a variety of animated content such as animated cartoons, advertisements, games, and other interactive content to publish on platforms such as HTML5 Canvas, Flash Player & Air, WebGL, or custom platforms such as Snap SVG.

 

 

To more accurately represent its position as the premier animation tool for the web and beyond, Flash Professional was renamed Adobe Animate CC, starting with the release in early 2016.

 

Here’s what you can expect in Animate CC: (Announcement November 30, 2015)

 

Drawing, illustration and authoring

Vector art brushes – Modify the path of a stroke after it’s been drawn, and scale them to any resolution without losing quality. You can also make custom brushes and import brushes created with Adobe Capture CC.

360° rotatable canvas – Rotate the canvas on any pivot point as you draw to get the perfect angle and strokes. You can even use this feature with a Wacom Cintiq!

Improved pencils and brushes – Draw smooth, precise vector outlines along a curve and get faster live previews.

Easier audio syncing – Control audio looping directly on the timeline, without having to code.

Faster color changing – Naming tagged colors lets you change one color and have it automatically update your entire project.

Colored onion skinning – Easily orchestrate complex animations now that adjacent frames can have different color and alpha values.

CreativeSync integration

Adobe Stock – Browse and license millions of high-quality photos, illustrations and vector graphics directly in Animate CC. You can even add life to static content by adding animations to them.

Creative Cloud Libraries – Access colors, vector graphics and brushes directly as you work.

[Update 2/8: We’ve also added Typekit integration!]

Output capabilities

Multiplatform support: HTML5 Canvas, WebGL, Flash (SWF), AIR, video, and custom platforms (such as SVG) via extensions.

4K+ video export – Export videos with custom resolutions for the latest Ultra HD and Hi-DPI displays.

Custom resolution export – Revitalize older content by resizing and optimizing them for any resolution, such as Ultra HD and Hi-DPI displays.

.OAM support – Export your project as an .OAM file for easy importing to Adobe Muse, InDesign, DPS and Dreamweaver.

Note: This release is listed as “Adobe Animate CC” in the Creative Cloud desktop application. When you install or update Animate CC, it will be found on your computer as Adobe Animate CC 2015, not Adobe Flash CC 2015.

 

Flash Professional CC (2015)

Lifelike animation with the Bone tool

Bring your characters to life with advanced kinematics. Link objects together and manipulate them in real time to create natural, dynamic movement. The Bone tool — back by popular demand.

 

Animate CC (formerly Flash Professional)

Greater flexibility with vector art brushes

New vector art brushes let you modify the path of a stroke after it’s been drawn and scale to any resolution without loss of quality. You can also make custom brushes and import brushes created with Adobe Capture CC.

 

Improved brushes and pencils

Easily draw smooth, precise vector outlines along a curve and get faster live previews.

 

Easy audio syncing

Attach and control audio looping directly on the Timeline of your animations for perfect synchronization without having to code.

 

Colored onion skinning

Easily orchestrate complex animations now that you can see multiple adjacent frames with different color and alpha values on the stage.

 

Animate CC (2015.2)

New brush sizes

Draw with more precise control using brush sizes in the range of 1 to 200 pixels.

 

 

 

Learn how to use the Animate Timeline.

Adobe Flash Professional is now Animate CC. All the features and functionality shown can now be found in Animate.

 

Create realistic movement in your animated characters

Learn how to use the Bone Tool to bring your characters to life with natural and dynamic movement.

 

InBetweening

Now let's look at the concept of inbetweening, this is the job done by a person called the "inbetweener" who's responsibility it is to create the drawings between key poses in order to complete the illusion of movement and action. To find more information about this job and other job roles in the animation industry visit Creative Skill Set.

Download the document titled InBetweening.pdf, please review pages 1 through 12, I will give you a few minutes to do so.

On page 12 is an assignment, we will begin this assignment together working on Frames 1,3, 5, 7, & 9. You will repeat the process in reverse for Frames 10, 13, 15, 17, & 19 on your own.

We will start a New Flash HTML5 Canvas document with the default settings and name it InBetweening-Shapes.

We will be creating 3 layers to draw the shapes referenced on Page 12:

  • Circle
  • Square
  • Triangle

Before getting started, let's create the Blank Keyframes needed for our images, this will give us a "blank sheet of paper" for each drawing.

According to the instructions given by the animator he/she has shown us what the image will look like on Frame 1 and Frame 9, (the circles around these numbers indicated the images are provided) so we will draw these two frames first. Then, the animator is telling us to draw Frame 5, what the animation will look like at the midway point of the animation by putting () on either side of the # and to draw Frames 3 and 7 last.

When you have completed all Frames and are happy with your work, Export your animation as a SWF Movie.

 

Review pages 13 through 20 in the InBetweening.pdf document. You will now complete the assignment on Page 20, a Flash document has been started for you titled InBetweening-Face.fla.

You will be creating your Blank Keyframes and drawings on the Head Turn layer. You will complete the head turn in the downward arc and the upward arc. For extra-credit, if you have time, add a blink!

Hint: You repeat frame 9 and when you use drawing 1 a second time it should be on Frame 17, this will keep all of your frames evenly space for a total of 9 keyframes.

When you have completed all Frames and are happy with your work, Export your animation as a SWF Movie.

 

Challenge:

Can you animate the fish?

 

LATEST TWEETS

RECENT WORK

 

Adapted from a template provided by freemusetemplates.net