Tag Archives: Term 4

Computer Graphic Design

Introduction to Adobe Animate CC – Spring 2025

Welcome to Adobe Animate CC! Where Adobe Illustrator is the industry standard vector graphics drawing program, a program called Adobe Flash was the industry standard in rich media production for much of the past decade. Flash allowed its users to produce everything from basic animations to interactive multimedia experiences, to applications such as games.

Adobe Animate works a lot like Flash, but adds a lot of new features that are only possible in HTML5, the current web code standard. We are going to spend the next couple of weeks learning about Adobe Animate, exploring its relationship to Illustrator, and learning 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:

Adobe Animate CC
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 Day 1″
  2. Edit the properties of the Stage to make a 30fps, 1280 x 720 pixel (HD) 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:
    • Rectangle
    • Rectangle Primitive
    • Oval
    • Oval Primitive
    • Polystar Polygon
    • Polystar Star
    • Two overlapping Object drawn shapes (representing the properties of Objects)
    • Two overlapping Merge drawn shapes, where one shape takes a “bite” out of the other
  4. Upload the completed “Your Name – Animate Day 1.fla” file to the “Introduction to Adobe Animate CC” assignment post on the Google Classroom page by the end of the day on Wednesday.

Assigned: March 17th, 2025
Due Date: March 19th, 2025

Computer Graphic Design

COMPUTER GRAPHIC DESIGN 1-2: FINAL EXAM – SPRING 2024

Objective:

  • I can demonstrate my understanding of Graphic Design Principles and Adobe software basics through a summative exam.

Links:

Google Classroom: https://classroom.google.com/

Topics Discussed:

  • Computer Graphic Design
  • Principles of Design
  • Adobe Photoshop
  • Adobe InDesign
  • Adobe Illustrator
  • Adobe Animate

Assignment:

  1. Click the Google Classroom link and log in with your Haydenmagnet.org email address.
  2. Click on the Google Form at the bottom of the most recent Assignment Post titled “CGD1-2 – Final Exam Spring 2024″.
  3. This exam is primarily multiple choice, with dropdown selections. Please read and follow the instructions in each section of the exam.
  4. This is a comprehensive exam, covering the Principles of Design, Adobe Indesign, Adobe Photoshop, Adobe Illustrator and Adobe Animate.
  5. This exam is an “open resource” exam, meaning you may use any materials accessible on your computer. This includes any websites, past assignments, completed projects, installed applications, or notes you may have taken. You may not use any printed notes.
  6. You may not collaborate with your classmates. Please remain silent until everyone has completed the exam.
  7. You have fifty minutes to complete the test. You must submit your test answers before the end of the class period.
  8. If you still need time to work on your Final Pac-Man Animation, you may do so until the end of the class period, and after school today.
  9. Graduating Seniors: Congratulations, and good luck in your future pursuits! I know the skills you have acquired in this class serve you well, no matter what the path ahead holds for you. Don’t forget to use your C.R.A.P. in whatever you create, and may your results never look like actual crap.
  10. Returning Students: See you next week, where we will watch all your animations together in a Computer Graphic Design Film Festival!

Congratulations on completing Computer Graphic Design 1-2, and thanks for all your hard work this semester! I know with a certainty the design skills and knowledge you have acquired in this class will help you with your continued studies, especially in Mrs. Delgado’s Advanced Media Imaging and Multimedia classes, or in any classes you take in college or career you choose to pursue.

No matter what you do, or where you go, good design and good visual communication skills will make everything you create easier to read and nicer to look at.

Keep moving forward with your studies of visual communication and graphic design, and keep helping to make the world a more beautiful place!

Posted: May 17th, 2024