Tag Archives: Final Project

Computer Graphic Design

47 – “You Toon” Final Animation

Objective:

  • Produce a complete HTML5 animation that features the student’s original character.
Student-Friendly Objective:

  •  I can produce a complete HTML5 animation featuring my original character.

Link:

  • None. See links attached to Lessons 36 – 46 for review.
Topics Discussed:
  • For a complete list of Topics Discussed, please see the previous lessons (36 – 46).

Assignment:

  • First, create a new 800 x 600 HTML5 animation running at 30fps.
  • Use File -> Import -> Import to Stage to import your character’s front and side views to separate layers. Your characters should be imported to a single flash layer, and should appear as a group of symbols (the symbols you created in Illustrator in the previous lesson).
  • Using the Adobe Animate CC techniques studied in class, design an HTML5 animation using bone tweens and embedded animation to have your character “walk” onto the stage, perform some action, then leave the stage.
  • Your animation must have a working “Replay” button that rewinds the animation to the first frame, and should stop at the end of the animation (not play in an infinite loop).
  • Your animation must be a minimum of 8 seconds long, without titles. (That’s at least 240 frames at 30fps!)
  • Your animation should have an original photograph as a background. You may not use any photographs downloaded from the internet. Alternately, you may draw your own background in Illustrator, Animate, or Photoshop.
  • Your animation should have an audio soundtrack. I will provide music clips to use, but you may import music that you have available as long as you use less than 8 seconds of music. You may create sounds using Garageband if you have experience with this software.
  • You may only use audio, images and text that you have created yourself. This includes music, artwork, photographs and animations. Anything you did not create yourself may not be used.
  • When your animation is complete, export it as a movie. Go to the File Menu –> Export –> Export Video, and click the “Export” button to convert your animation to a Quicktime .mov video.
  • Turn the finished .fla Animation file and the exported .mov movie  to the Google Classroom “Final Animation” assignment post by end of day on Thursday, May 18th.
  • All completed movies will be viewed at an in-class film presentation on May 19th. Note: All seniors must take their final exam on the 19th.
  • You must have an 8-second movie to present on Friday, May 19th. Failure to do so will result in an “zero” on your final project grade.


Do your best, and good luck!

Assigned: May 1st, 2017
Due Date: May 18th, 2017

Computer Graphic Design

Final Project – Papercraft Personalities 2016

Objective:

Students will use all of the skills they have acquired throughout the semester to make a very simple form of papercraft that represents them and their personality.
Student-Friendly Learning Target: 
I can produce a printed papercraft figurine using InDesign and Photoshop.
Attachments:
Topics Discussed:

  • InDesign Page Layout
  • Digital Photography
  • Photoshop Image Manipulation
  • Principles of Design
Assignment:
Phase I – Designing the Product
To begin, download the “Student Papercraft Template 2016.pdf”. Open this file and examine its contents. You will notice that there are eight white spaces that need to be filled. You will need to place this file in to a standard 11″ x 8.5″ (landscape-oriented) Indesign page (filling the entire page) and use it as a template to create a papercraft figurine of yourself. Use the InDesign tools to draw photo frames the same size as these white spaces and get ready to take some pictures to fill them with.
To get your photos, choose a partner and check out a camera. You will need to take eight pictures of your partner: one portrait, two profile shots (left and right), a shot of the back of their head, and four full body shots (front, back, left and right). Use the white or brick walls in the hallway outside the room for an ideal neutral background. Remember your rules for taking great photos as you take these pictures. See me when you finish so your photos can be loaded into your computer.
Next, adjust your photos in Photoshop (remove the background and replace it with a color or pattern of your choice) and save them as individual .psd files. Place these in your Indesign template in the appropriate photo frames. Resize, crop and position them proportionally (no squashing or stretching) so they look correct. You now have a papercraft figurine of yourself. 

Phase II – Marketing the Product
Using Photoshop and Indesign, design a logo for your papercraft figure, as if it were a product you were selling. Think of the logos on dolls and action figures for inspiration, and remember the principles of C.R.A.P. as you plan your design. Use at least two different fonts and include either your first or last name (or both, if you choose) in the name of your product. Place this logo prominently on your papercraft page.

Phase III – Accessorize!
Using your favorite image search engine on the Internet, find at least four pictures that represent your favorite things. Make the backgrounds of these pictures transparent and place them on your papercraft page under the headline “Accessories”. Scale the accessories so they are proportional with your figure. These will be accessories for your papercraft figure, so they should be something that your figure can “wear” or “hold”. Keep it school appropriate! Realistic weapons, drug or alcohol-related materials, and anything else not allowed on campus are strictly prohibited! Fantasy weapons (like Excalibur or Frostmourne) will be allowed on a case-by-case basis. See me if you’re not sure.

(Note: Things like “music”, “Hello Kitty” and “League of Legends” are not things your character can hold and cannot be used. However, things like “Headphones”, a “Hello Kitty plush toy” and a “League of Legends Poster” can be used! Use concrete objects, not abstract ideas!)

Final Phase – Assembly and Delivery
Make sure all of your page elements are arranged according to the principles of C.R.A.P. and place the following files into a folder with your name on it:

  1. Your final InDesign file
  2. The eight .psd files you created from the pictures your partner took of you
  3. The four .psd files you created from the pictures you used for your “accessories”
  4. The .psd file (or .indd file) of the logo you created for your figure.

Upload the contents of this folder to the “CGD 1 Final Project 2016” assignment post on the Google Classroom page. I will print out two color copies for you. Using a pair of scissors, cut out your papercraft figurine. Be sure to cut all slits before you begin folding it. Fold and assemble your figurine according to the instructions on the template. Cut out all your accessories as well. When complete, it should look like the examples in my window. Have your completed figurine and all four of its accessories assembled and under my Christmas tree before end of class on Monday, December 19th, 2016.

Failure to turn in the finished papercraft figurine by the Monday, December 19th deadline will result in a zero on this 300-point project. Late projects will not be accepted under any circumstances.

This is your final CGD1 project, and will be graded based on the effectiveness of your use of the principles of C.R.A.P. in your overall design, the design of your logo, and the assembly of your papercraft figurine. You have more than eight full days of class time to complete this project, and late projects will not be accepted, so please use your time effectively and wisely. Good luck and happy papercrafting!

Assigned: Tuesday, December 6th, 2016
Due Date: Monday, December 19th, 2016