Thursday, March 9th

Class hours: 9:40am – 2:05pm
Mr. Cronin
Mr. Moore


  • Doors locked immediately after school as normal for Thursday.
  • No quiz tomorrow.
  • Visitors today!  Visitor Schedule:
    • First Session (9:35 – 10:05)
      • None – but we must be ready.
    • Second Session (10:35 – 11:05)
      • Goodman
      • Lewis
  • Early break due to visitors.
  • Meeting in the room tomorrow at 8am till about 9am, plan to be somewhere.
  • SBAC room lists will be posted on the wall outside of the office area later today.  This will tell all juniors (other than Milton people) where to be tomorrow afternoon at 1:10.

9:40 Attendance and Article

9:45 Cawd Diving

Web Designers

Part 1

You will work individually, and turn in two separate projects, but your grade is an average of the two team members.  

  • 50% Jestings 50% Bouffard
  • 50% Witham 50% Cardosi

This week we are going to individually rebuild the site for Joyce’s Noodle House.

If you click on the above work you can see that we go to a very early 2000’s design that includes a “splash page”, or introductory page which simply isn’t industry standard any more.

They want something clean, crisp, and modern.  Something that feels like a paper menu.

I want you to create the following:

  • A new logo for Joyce Noodle House which works with a theme of Chinese food / Noodles and the words “Joyce’s Noodle House”.  This logo will go to the top left of your page.  Create in Photoshop or Illustrator.
  • A 3 page website.  Navigation again towards the upper left.  Pages required:
    • Home (index.html)
      • Info on the history of the restaurant.  (Use Lorem Ipsum to fill – we would work with client to get more specific, and more info in general when we contract with them.)
    • Menu
      • Create a for display faux menu with 10 items with prices.  How would you organize and visualize their menu content?  (We won’t do everything, just a demo for the client.
    • Contact
      • Phone numbers and other contact Information
      • Map of local area to get there

Fill with content (Lorem Ipsum) or real to make your design attractive.  We are doing “Spec Work“.  This Speculative Work is where you do the design first before you have a contract, and bring it to the client with a “Would you like this?  Would you like to do business with me?”.  This is often what young designers do early in the career to build your portfolio of clients, earn a good reputation.

Logo and Navigation should exist in the same location on each page for design consistency.  

Any content from their site is welcome to transfer over as page specific content (such as photos of the owner) but the logo and layout will be new.

Pick a color palette which works with the theme.  Place this color palette as an image, which is a clickable link to the online palette on the contact page.

Fully responsive. Remember that I will check against a Nexus 5.  You have to add this to the list.  

Valid html5.

(Cardosi and Witham – Keep in mind if are you using php includes there will NOT be a web server to run your code off of in the Design Competition.  Make sure you are comfortable with a static setup / and using page templates pages.)

Part 2

Working as a freelance Web Designer in Chittenden County, find a website for a business you wish to redesign for.  Under the color palette on the Contact page put a link called “Next Client” which links to this website.

Place in folder called “diving” inside Week 25 on the web server.

Game Design Teams

Work & save.  Full Alpha Presentations next Thursday morning to me group by group.

Animators & 2D Animators

Over the next 3 Thursday Diving Sessions we are going to focus on practicing the 12 principles of animation which were made famous in the mid 20th century.

They are:

  1. Squash and Stretch
  2. Anticipation
  3. Staging
  4. Straight Ahead Action and Pose to Pose
  5. Follow Through and Overlapping Action
  6. Slow In and Slow Out
  7. Arc
  8. Secondary Action
  9. Timing
  10. Exaggeration
  11. Solid drawing
  12. Appeal

Each week we are going to cover 4 principles.

First, you need to learn about each principle.  Watch some videos, read some articles.  Some of these principles are elements we already use in class, some will be new, some will be your refinement of current skills.

I have included links to a great series of animations that cover the 12 principles, and I will link to 4 new each week.  You are not limited to these videos, nor do you have to look at them at all if you have your own sources, but they are great jumping off points.  

This week we are going to learn about, and demonstrate:

  1. Squash and Stretch
  2. Anticipation
  3. Staging
  4. Straight Ahead Action and Pose to Pose
    • You will have to demo a single animation (say jumping across a gap) with both straight ahead AND Pose to Pose to demo both techniques.  Do in two separate mini-animations, OR do straight ahead on the top, and pose to pose on the bottom (make sure to label) so we can see both at same time.

Create 4 separate animation files that visually illustrate these principles in action.  We will combine in Premiere.  In Premiere separate with titles (white text over black screen) which separate them so the user can linearly go through your project and see what you are going to demonstrate:

  • Squash and Stretch
  • Squash and Stretch Animation
  • Anticipation
  • Anticipation Animation
  • Staging
  • Staging Animation
  • Straight Ahead Action and Pose to Pose
  • Straight Ahead Action and Pose to Pose Animation (or two mini animations)

All work 720p.

Call your project “firstFour.mp4” and place in your Google Drive Week 25 folder.  As this is an animation it is posted in Google Drive.

Soren and Laeteccia only:

  • Laeticcia does the animation demonstration in Maya
  • Soren does the visualization in Unreal using real-time techniques

10:10 Break (15 Minutes)

10:25 Cawd Diving

12:00 Lunch (30 Minutes)

12:30 Attendance and Article

12:35 Quiet Production Time

12:45 Afternoon Photoshop Step By Step – Spectrum in the Sky

Today and Thursday afternoons we are going to do a step by step project around the topic of “Spectrum of the Sky”.  It is a graphic design which has floated around the internet for some time and is frankly really pretty.

We are going to do the first 50% as a class and learn some new techniques in Photoshop along the way.  Specifically, we are going to go over guides / guide layouts in Photoshop which will be integral to making something distributed evenly.  We are also going to over double layer masking.

Here are the rough guides – we may adjust from them, but it will give us a good reference:

Students here every other day are going to complete the “standard” sky based production.  Hopefully by 1:30 you guys will have the process down, and move into independent production.

Students here for the full Cawd experience are going to create a standard version, and then take idea and do a variation on the theme using your own imagery / subject matter.  This will be done Thursday afternoon.

Students here the normal Cawd experience should consider not doing this afternoons secondary Spectrum in the Sky project and work on their Game in light of the new rules.  I would be willing to work with you on this.  

Some examples Cawd has created of this variation on the theme:


The only difference between the standard and variation project is you must have 9 windows in the standard, and 8 or less in the variation.  This means you are going to have to rethink your guide layout – that is my intention.

You don’t need to have a secondary Thursday topic today, but good to start thinking about today.  As always, if you can tie this into any other class, reap the rewards of extra credit.

You will turn in two files in your Week 25 folder for grading next week.

  • “(lastName)Spectrum.jpg”
  • “(lastName)SpectrumVariation.jpg” (if every other day student you won’t have this file)

2:00 Dailies


2:05 Dismissal

Copyright © 2004 - 17 cawd by Steven Herr. All rights reserved.