Category Archives: Computer Graphic Design

Computer Graphic Design Assignments and Information

Spring 2016 – 38 – Creating Shape Tweens

Objective:

  • Produce a Flash animation using multiple Shape Tweens.

Student Friendly Objective:

  • I can produce a Flash animation using Shape Tweens.

Video Links:

Understanding Tweens:
https://tv.adobe.com/watch/learn-flash-professional-cs4/getting-started-11-understanding-tweens/

Creating Shape Tweens:
https://tv.adobe.com/watch/learn-flash-professional-cs4/getting-started-12-creating-shape-tweens/

Topics Discussed:
  • Starting a new document in Flash CS5.5 using the Welcome screen.
  • Shapes
  • Tweens
  • Shape Tweens
  • Keyframes
  • Layers

Assignment:

  1. Produce a new Flash ActionScript 3.0 file. Name it “Your Name – Flash Day 4″
  2. Use the Shape tools to draw a shape. You may use Merge Drawing or Object Drawing. (Note: Do not use the Oval or Rectangle Primitives!)
  3. Use the process demonstrated in the video to create a Shape Tween that moves and transforms the shape. (i.e. change the shape, color or size and move the shape to a different part of the stage).
  4. Create a new layer and repeat this process with a different shape. Do this two more times, using a different motion and transformation each time.
  5. When you are finished, you should have four layers, each with a different Shape Tween transformation.
  6. Turn in the completed “Your Name – Flash Day 4.fla” file to folder “38 – Flash Day 4 – Shape Tweens” in your period’s subfolder by the end of today.

Assigned: April 11th, 2016
Due Date: April 12th, 2016

Spring 2016 – 37 – Introduction to Flash Professional

Welcome to Adobe Flash Professional!
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 allows its users to produce everything from basic animations to interactive multimedia experiences, to applications such as games. We are going to spend the next couple of weeks learning about the program and exploring its relationship to Illustrator.
Objectives:
  • Identify the elements of the Flash 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 shapes drawn with Object Drawing enabled, and those without.
  • Explain the difference between Shape Primitives and standard Shapes.

Student Friendly Objectives:

  • I can  identify the elements of the Flash interface.
  • I can produce shapes using the Flash 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:

Understanding the Flash Environment:

Topics Discussed:
  • Start a new document in Flash CS5.5 using the Welcome screen.
  • Stage
  • Timeline
  • Panels
  • Tool Panel
  • Rectangle Tool
  • Rectangle Primitive Tool
  • Oval
  • Oval Primitive Tool
  • Polystar Tool
  • Object Drawing

Assignment:

  1. Produce a single Flash ActionScript 3.0 file. Name it “Your Name – Flash 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. Turn in the completed “Your Name – Flash Week 1.fla” file to folder “37 – Flash Week 1″ in your period’s subfolder by the end of Friday.

Assigned: April 7th, 2016
Due Date: April 8th, 2016