Mr. Rogers Tech Class

Click here to edit subtitle

Computer Graphics Survey Questions:

Step #1: Sign in to your Student Google E-mail / Drive Account.  

Step #2: Create a new Google Document and title it "Computer Graphics Survey"

Step #3: Answer the Following Questions in the Document:

1:  Describe your computer experience in 2-3 sentences.  Think of programs you’ve used and what you feel your skill level is.  

2:  How interested are you in learning how to take quality photographs and record and edit videos?

3: What would you like to do the most this semester in Computer Graphics / Animation?

Coding: Programming Statements or instructions for a digital device to process.  

Goal:  I want you to go to the website ""  in order to practice some of the fundamental concepts of coding.  You will work through a series of exercises that flex your coding muscles.  

Use the Following images to get to the correct exercises.  

Keep a running Tab of how many exercises you've completed in a google document.  Record daily which exercises you've completed. 

The ultimate goal would be to get through Stage 4 by the end of the unit.  

Records Questions: 

1: Which activity was the most challenging and why?  

2: If you were going to code anything, what would you choose to code?  

Stykz: Learn how to do simple animation techniques. 

Goals:  Create a fluid, well developed and creative animation using Stykz.  Your animation needs to be school appropriate, i.e.  No Guns, Gore, or inappropriate behavior.  Swords and Lightsabers are fine... and encouraged... :) 

Stykz Write-Up:

In 2 Paragraphs, please answer the following questions on a Google Doc.  

1:  Describe your overall plan for creating an original animation with Stykz.  What was the story you were trying to tell even if it was silly?  What challenges did you have to overcome to be successful?  

2:  Which tools did you use the most within the Stykz Program?  Were you able to overcome the challenge of creating fluid (smooth) motion with your character?  If yes, what steps helped you be successful?  If No, what do you think you could do differently to overcome this?  

Adobe Illustrator: Creating Graphic Artwork

Step 1:

- Click on the link and explore the "Work with Shapes" tutorials.
-To get started in the program, click on "File", "New" and this will open a blank, white workspace. 

GOAL: Create cartoon characters using only the "Shapes" and "Pen" Tools.    

Step 2: Product Marketing 

Goal: Create a product box using a template.  Your box should take into account THREE aspects of marketing: Color, Design, and Audience Appeal.  


Step 1: File: New From Template

Step 2: Blank Templates

Step 3: Select "Boxes"  

You will have three options to pick from.  All three boxes have folds and parts that will be covered and not showing when the design is put together. 

Part 1: Create a fake company and product.  Example Company: "Rogue Cereal Company" Example Product: "Star-clusters Cereal".  Once you've decided on a product, create a Google Document and answer the following questions within it.

Question #1: What is the name of your fake company and product.

Question #2: Who are your potential fake clients (consumers) of your product.  

Question #3: When you start imagining your product, what colors come to mind?  

Part 2:  Design:  Your product needs to have a pleasing design and color scheme.  It should have letters/colors that are easy to see and pop out either using a 3D effect or a bevel to give it depth.  Concentrate your time on making sure all visible parts of your box will have design elements on them, i.e. product info, nutrition info if food, company address, bar code, Company Name, etc. 

Part 3: Once you've gotten a seal of approval from Mr. Rogers, you will send in your product file for enlargement and begin constructing a paper copy of your box.  This is another option for creating your own template boxes.  


If you finish your box design and get approved by Mr. Rogers, please enjoy this step by step tutorial on creating a Yeti.

Business Cards or Travel Brochure: Adobe Illustrator 

Option #1: Create a Travel Brochure to any destination using Adobe Illustrator


1.  Colorful and attractive design.

2.  Have a combination of images and clipart (PNG) files "No Background"

3.  Minimum of 4 topics (Food, Tourist Attractions, Activities, Hotels, Map, Weather Info, etc.)  

4.  All sides have to have either information or images.  Sometimes Detail must be sacrificed for design but try to be creative.  

Option #2: Create 5 Business cards using Adobe Illustrator


1. Each card needs to be dramatically different in design.  Ex. Different Colors, Patterns.  The info can be the same such as e-mail or phone #.

2.  Phone Number, E-mail and Title (Fictional Job) must be on the design somewhere.

Project #4: Final Product 
Create 1 or more of the following projects for your final Adobe Illustrator Project.

Option #1: Vintage Travel Poster

Create a vintage Travel Poster advertisement for something of your interest.  Use the tutorial link above to figure out how to use gradients and texture.  Concentrate on the following attributes for a quality look.

-Color: Use one of the color swatches (Pre-picked color palette) in AI CS6 in order to keep the colors similar. 

-Boarder: Make sure your poster has a boarder.  

-Size: Create a new document and switch the "Units" to inches.  Set your poster to 12 X 17 inches.  

-Title: Your Poster should have the destination in large, bold lettering.  

Option #2 Create Mario's Head following a step by step instructional.

This is a very complicated procedure with lots of steps you haven't tried before.  Please feel free to try this one only if you are willing to read the whole procedure list.  

Using the tutorial above, create your own Mario graphic.  

Option #3 Design 3 T-Shirts

Using the Adobe Illustrator T-shirt Template, create 3 dramatically different t-shirt designs.  Concentrate on the following principals of design.

-Color / Text: Make sure your lettering if any is very visible even from a distance.

-Total design.  Does the pattern continue onto the back of the shirt, Is it on the sleeves as well? 

-Creativity.  T-shirts can be radically simple or dramatically complicated.  Try a little of both. 

NOTE: If you want to create a different item of clothing like a dress or a hoodie, do an image search for a template of that item and drag that image into AI CS6 in order to make your own template.