Chapters & Exercises

Chapter 1
Chapter 2
Chapter 3
Chapter 4
Chapter 5
Chapter 6
Chapter 7
Chapter 8
Chapter 9
Chapter 10

Animation Projects

Animation Online Resources:

Adobe

Chapter 2: Creating Graphics and Text

Chapter Objectives:

  • Draw rectangles, ovals, and other shapes
  • Modify the shape, color, and size of drawn objects
  • Understand ll and stroke settings
  • Create and edit curves and variable-width strokes
  • Use Art and Pattern brushes for expressive drawing
  • Edit colors quickly with tagged swatches
  • Apply gradients and transparencies
  • Create and edit text
  • Add web fonts into HTML5 Canvas documents
  • Distribute objects on the Stage
  • Export art to SVG

 

Chapter 2: Project

Introduction

Online games for the web and for social networking sites are popular and often created in Flash. These games are entertaining diversions featuring different characters, sometimes called avatars, that are supposed to be online versions of yourself. For this project, you will create your own avatar.

Project Files

None

Required Submission Files

Your final deliverables are the exported .jpg document CALLED: Project2(YOUR INITIALS) Place the finished .jpg in the Network Drive

Grading Rubric (5 Points)

You will be graded according to the following criteria:

  • How creative is the approach to your character?
  • How convincing is the rendering of your illustration; how successful is the technical execution of your idea? Are you using the Flash drawing tools to effectively render your character?
  • Have you effectively used groups and layers to organize the multiple objects on the Stage?

Instructions

Use Animates vector drawing tools to create all your graphics. Whether your character actually resembles you, or whether you’d rather have your character appear more like a penguin or a fictional personality, is up to you. You can also decide whether to show only your face or have your full body showing.

Have fun with this project by adding details that reveal your personality. Perhaps your hair is a distinguishing trademark, so exaggerate that characteristic. Perhaps you’re always on your mobile phone, so your mobile phone may be a big part of your avatar appearance

  1. Create a new HTML5 Canvas and create a canvas for a portrait of yourself.
  2. Using shapes in Animate and the vector tools create a character/avatar that is a reflection of yourself.
  3. Remember to combine simple vector shapes to build complexity, and then gradually experiment with freehand drawing tools like the Brush, Pencil, Line, and Pen tools.
  4. Explore how color gradients and transparencies can add depth and additional realism to your illustration.
  5. Think about using groups to unify related elements (such as the facial features of your character) so you can select and move them as one and manage how they overlap other objects.
  6. Save and submit your project as an exported .JPG NAMED: Project2(YOUR INITIALS) Place the finished .jpg in the Network Drive