Tuesday, Janurary 31st
Class hours: 9:40am – 2:05pm
Mr. Cronin
Mr. Herr
Notes
- Students may stay and work until 3pm when all work from Week 19 is due.
- Everyday objects can be part of design, it doesn’t have to be pixels or lead. I present, vacuum shark.
- Nice video from Cam on time lapse character creation in Flash.
- Heads up on afternoons…
9:40 Attendance and Article (longer article split in two)
9:45 Morning Web Content
- Review of
- images
- links
- lists
- Setting up templates
- camelBacking and best practice file nomenclature
- Web Developer toolbar
- Variables in Javascript
10:45 Break (15 Minutes)
11:00 Tuesday / Thursday Morning Web Exercise: Portfolio V1
This morning you will create your first online portfolio. Online portfolios are used to not only to show off your work, but as a tool to land design jobs, or get into college. Your final exam in CAWD is creating an online portfolio, and over the semester we will create smaller versions which build on skills/technique moving to your final. An example former CAWD student Adam Fehnel – the tallest CAWD student ever at 6′8″, and also one of the nicest.
You will show off 5 projects you are most proud of this year so far.
First you will make your homepage for your portfolio. This homepage is going to be the template for your other pages. It is going to include header/image which created in Photoshop / Illustrator that says “Your last name Portfolio V1″.
Directly this under this have a horizontal rule. This will divide your header/image from your navigation.
Underneath it you will have an unordered list with the following links:
- Home
- Piece 1 (Replace with the name of project #1 from your first portfolio)
- Piece 2 (Replace with the name of project #2 from your first portfolio)
- Piece 3 (Replace with the name of project #3 from your first portfolio)
- Piece 4 (Replace with the name of project #1 from your first portfolio)
- Piece 5 (Replace with the name of project #1 from your first portfolio)
Do NOT have your links say “Piece 1″, have them say “Castle”, or “Pin Design”.
Directly this under this have another horizontal rule. This will divide your navigation from your page specific content.
Under this, you will put in a short bio paragraph about yourself. Use headings and paragraphs at a minimum of 2 images at 340 x 240 in size. What school you are from, do you like to snowboard, were you born in Canada, do you have pets, etc.
One this is complete, and you have setup your links, you will then use this page as a template for the other 5 pages. Create the other 5 pages.
Open up each page and replace your bio info with the specific info about that project. Why do you like the image? What were you practicing in this project? Use complete sentences and appropriate paragraph tags for this. We want to see at least 1 large pic for the image. Regardless of which size image you choose make it consistent throughout your site. All 5 project pages must be the same size.
No animations yet, if you wish to use an animated project OR UDK you will have to take a print screen of it.
The layouts for the home page and the 5 project page will look roughly like this:
You will be learning new content on Thursday morning that will be added to this project Thursday after break. You get from 11-12 Thursday to add in the new content and finish this assignment. More specifics to come.
12:00 Lunch (30 Minutes)
12:30 Attendance and Article
12:30 Quiet Production Tim
12:50 Monday / Tuesday Afternoon Illustrator Exercise: Stewie
This afternoon you are going to work in Illustrator creating a vector based version of the famous evil mastermind Stewie from “Family Guy”. We are going to practice everything we learned on Friday, both through the lesson from Mr. Herr and the Vehicle design.
Start with a new file in illustrator in the “web” preset at a size of 800 x 600 pixels in size. Find an image on the internet that includes Stewie, or you can use on of the examples I provided above. We are going to focus on Stewie and Stewie alone, not worry about a scene or other characters.
Upload your file twice as “stewie.ai” and “stewie.jpg”. Save your file to create the .ai file, and “export” to create the .jpg.
Students that worked on Stewie yesterday:
This afternoon you are going to continue work cartoon Illustrator study by picking a different character drawn in the same style. Some potential ideas could include:
I will allow you to create a character that is original. I care most about practicing Illustrator content, if you wish to go original this is ok with me. You can quickly sketch something out by hand and scan it in, or simply start creating content digitally in Illustrator.
When complete you will upload your file twice as “choice.ai” and “choice.jpg” into Week 20.
2:05 Dismissal










