All posts by mistermarmolejo

Computer Graphic Design

Introduction to Adobe Animate CC

Welcome to Adobe Animate CC!
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 allowed its users to produce everything from basic animations to interactive multimedia experiences, to applications such as games.
However, Flash was not without its drawbacks, from its earliest days it was a known memory hog, and as time progressed its robust built-in programming language developed into a security risk as hackers used the popularity of Flash and the powerful intercommunications between Flash and computer operating systems to introduce malicious commands and malware.
As time and technology has progressed, the standards have changed. A new web standard called HTML5 has become the common language of web browsers, and poor old Flash had to be left behind in favor of an interactive media application redesigned to meet the HTML5 standard’s requirements. Flash was sunsetted (slowly removed) and Adobe Animate was born. Adobe Animate works a lot like Flash, but adds a lot of new features that are only possible in HTML5.
We are going to spend the next couple of weeks learning about Adobe Animate and exploring its relationship to Illustrator, and 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:

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, 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. 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: April 16th, 2018
Due Date: April 17th, 2018

Computer Graphic Design

Logo Design Step 8 – Celebration!

Objective: To celebrate the winners of the logo design competition as well as everyone who contributed their designs to the competition.

Student Friendly Learning Target: I can celebrate and relax at the end of a successful logo design project.

Web Links:

Article: The Logo Design Process of Top Graphic Designers: https://justcreative.com/2008/02/01/logo-design-process-of-top-graphic-designers/

Topics Discussed:

  • Eight Step Logo Design Process:
    • Step 8 – Celebration
  • Sweet Cuppin’ Cakes!

Assignment:

Step 8 – Celebration!

 

Happy Friday the 13th!

The eighth and final step in the logo design process, as defined by the procedure we read about on Jacob Cass’s Just Creative blog is Celebration! In a survey of 75 top designers, when the job is finally finished and approved, 31% of designers celebrate by drinking beer (not until you’re 21!), 12% head for chocolate (always a good option), 22% head off to bed to catch up on sleep (not in class, but definitely this weekend) and the other 35% can’t celebrate because they must start on the next logo design.

Please join me in raising a cupcake (chocolate or otherwise) as we celebrate the winner of our Logo Design Contest! The winning entry was submitted by Javier in 3rd Hour, who submitted a very cool logo representing the dichotomy of the white hat/black hat hacking activities that the Hayden Cybersecurity team engages in as they prepare themselves to compete in the National Cyber League!

 

 

Javier’s design decisively won both the Cybersecurity Team’s vote, as well as the popular vote across all Graphic Design classes. It seems our students know good design when they see it.

Javier will receive the $50 gift card, as well as official recognition at the Magnet Awards ceremony at 6:00pm on May 17th in the Auditorium. Be sure to come to the ceremony to cheer him on as he receives his award!

Now, let’s eat some sweet cuppin’ cakes! Consider it my thanks for all your hard work throughout the eight step logo design process, and a quick break before we take on the last leg of our design journey next week: Digital Animation using Adobe Animate!

Posted: Friday, April 13th, 2018