Art 354: Computer Graphics
Dr. Paula DiMarco
Fall 2011 Schedule

Please refresh your screen every time you come to this page. I update and put additional items often.

Week 1 | Week 2 | Week 3 | Week 4 | Week 5 | Week 6 | Week 7 | Week 8 | Week 9 | Week 10 | Week 11| Week 12 | Week 13 | Week 14 | Week 15 | Week 16 | exam


Week 1:
Tue 8/30

Introductions

Please read Syllabus

Homework:

Purchase:
Photoshop & Illustrator books
Hard drive and Flash drives

Read over the syllabus carefully

__________________________________________________________________________________________________________________________________________________________________________________________________
Thu 9/1

Overview of Photoshop

Demo #1: Class exercise on compositing.

First project is discussed

Homework:

1. Practice what you have learned, based on the demo

Work further on baby and building composite (From Demo in class). Try to clone out the people at the bottom.

2. Practice #1: Practice what you have learned, based on the demo

Find 3 images to composite together. 
The idea is to make the live animal or person look like they belong in the space.  It can be realistic or surrealistic.

No visible feathering of images.
No montages of image.

  • A background sky
  • A main scenery (like a forest, street, a building or automobile)
  • A live subject (animal, fish, insect, or person)

3. Research other types of automotive or fashion advertising?

  • what do they look like?
  • what type of image are they selling?
  • Collect example of adverts and have them ready to present.
  • What are some taglines use in these ads?
  • Only choose example based on the direction you want to go. Use the examples to explain the look and feeling of your advert.
  • You should provide examples of stylistic features seen in other types of advertising or graphic design.
  • Stylistic samples provide the client (myself) a better idea of what you are thinking about. A mood.

4. Research your product for assignment #1:

  • Is this a car advertisement or a fashion based advert?
  • What brand are you using?
  • Can you find a high quality logo for your brand? (This will be needed.) In some cased it will need to be scanned and then recreated or retouched.
  • What are some taglines for your ads?
  • Think about how a part of the advert can move (2D movement might be applied.)
  • Your advert will be seen in a magazine for print and a magazine on an iPad/ tablet device, so you will need to do 3 versions (one for print- 2 page spread) (one landscape and one portrait). So how will that work?
  • What are the sizes and dimensions of these adverts based on the magazine? You will need to research this information?
  • Collect various backgrounds to use. These must be high resolution, so in some cased you may need to scan from photographic books.

This is a link to an overview of Photoshop. Even though it is older, it gives a good over all idea of the features/

Photoshop Overview

 

Week 2:
__________________________________________________________________________________________________________________________________________________________________________________________________
Tue 9/6

Lecture:

Question/ answer about the demo from last thursday
("building & baby" file).

Look at existing fashion or car advertisements. Talk about positioning of images and type treatment.

Talk about how to put your images in a presentation.

Break

Studio work time:

**Student must load their practice #1 files (your own images) on the teachers' computer station

Meet with each student to look at their "building & baby" file.
Talk about what you have found about the advertisement (Car or Fashion).

Students will work on their thumbnail mood/style presentation.

Homework:

Research your product for assignment #1

Work on a Part 2: Presentation of the style/ mood for your assignment #1
Presentation Due Tues. Sept. 13th

 

__________________________________________________________________________________________________________________________________________________________________________________________________
Thu 9/8


Photoshop techniques

Starting a new canvas

Advantages and disadvantages to using the Burning and dodging

Using Quick Mask for editing

Cloning, Healing, (retouching skin) and whitening teeth

Demo #2: Eyes

Moving eyes to look in a different location

Changing color of eyes

Enhancing iris

Whiting eye

 

Break

Studio time

Professor will walk around to each student to see where they are going with their assignment #1. At this point, you can be working on your homework (Practice #2 or your Presentation.)

But this is the time to talk to professor about your concerns, issues, suggestions, etc.

Please Note:
The presentations will not be conducted by the students. Rather, the instructor will be going through the presentations on the screen. So make sure your presentations are clear and descriptive. each student will be asked to explain some aspect of their presentation. So be prepared for questions. Also, you may bring examples from magazines or books if you like to pass around to students. (This will help clarify your direction).

Also:
The presentations will be displayed in a room without computers, so you can not work on your assignments during class time. Please bring notebook to take notes, and please help students by giving feedback.

Homework:

1. Practice #2: Work on the Demo #2: eyes like the demo today. (complete this demo)

Find an image (high res) of a person with clear eyes.

Make 2 different versions of the image with the eyes in a different direction.
Keep the original so we can see the difference.

2. work on Mood/style presentation (See assignment #1 for details on the content.)

 

 

 

People:

Smoothing Skin (4 min)

Ultimate MakeUp

Face Makeover

Retouch/Digital Makeup (6min)

Changing eye color (2 min)

Brown to Blue Eyes (4 min)

Whiten teeth
(4 min)

 

Automobiles:

3D Reflections
(3 min)

Replace color Option 01 ( 2 min)

Replace color Option 02 (2 min)

Change Color of Car (3 min)

Motion Blur (5 min)

Week 3:
__________________________________________________________________________________________________________________________________________________________________________________________________

Tue 9/13

 

Present ideas and research for automotive or fashion brand
The presentations will be conducted in a small group setting in a room without computers (not our normal classroom).Please bring notebook to take notes, and please help students by giving feedback.

As a presenter:
Each student will present to their group for suggestions and feedback. Also, you may bring examples from magazines or books if you like to pass around to students. (This will help clarify your direction).

As a group member:
As a member of your group you will be required to give feedback and suggestions on 3 areas of the presentations.

1) The over all design of the presentations:
How was the over all design, use of typography, over all look of the presentation?

2) The influences:
Was there enough examples to get the idea across?
Provide suggestions on where the presenter may look for more influence

3) the design direction/ideas.
Provide some suggestions on the idea or direction of the project. What are some good tag lines that might help their concept?

Please click here ( .doc or .rtf ) to down load the file to fill out for each student. Send this file to professor.

Homework:

Read article on Resolution (Page 01, Page 02, Page 03)

Go through your presentation and make changes as suggested by your group.

 

Check out this on LPI and screen frequency.

 

__________________________________________________________________________________________________________________________________________________
Thu 9/15

Lecture:

Resolution. Screen, printer, image..... these can get confusing. You were asked to read about resolution, so this is the time for questions and answers.

Did you understand it?

Can you identify the best resolution for a particular project?

Demo #3: Making rain and mist

Break

Demo #4: Selecting Hair (go to the bottom of the page for steps on selecting hair)

Other techniques:

Smart Filters

FYI- You need your book by next week. Next thursdays homework will come from the book.

-----

Homework:

1. You can try to begin to lay out your advert. A rough comp is due by email before next wed evening. So try to accomplish this over the weekend. This is a practice run.

2. Practice #3: Demo #3: Make rain and mist on your own image. Create some type of atmosphere. It can be smoke, steam, etc.

Get a picture of a street or in front of a building.
Make sure the picture is dark and looks like a rainy day.

Composite a person or a car in the space.

Apply the rain. Try to make a reflection on the street to mimic the idea of a wet ground.

Apply Mist, smoke, steam or some type of atmosphere to the image.

3. Practice #4: Work on selecting hair Demo #4

Get a picture of a person with hair. Make sure it is a high res file and the hair has a light colored background. (From Demo in class). You can use images from your assets for your Assignment #1

4. Practice #5: For this practice you will need to do some technical research.

As you see below, there are several tutorials online. You do not need to go through each one of these just yet, but you should glance at them first before you conduct your homework.

Find 2 tricks or tips about Photoshop (Somewhere online) it should relate to compositing or retouching.

Most people will choose the first link in a google search.
So go through a couple of links to find the one that works best for you.
Make sure it is not any of the ones listed below.

Find a site that shows the steps to:

  • 1) Something new, you did not know about, but you learned.
  • 2) Something cool and interesting.

Send your links to that site to professor on Monday evening, via email, by 6pm, so she can post them online.

Here are some others from last year. Do not duplicate these or the ones I have.

Create a Surreal Turtle Image

Apply Textures to Uneven Surfaces

Fiery Space Explosion

Space Helmet

Water Effect

Blend Photos Like A Hollywood Movie Poster

Sunlight Through the Clouds

Create a Surreal Photo

Sunlight Through the Clouds

Intro to Compositing

Make a Daylight City into a Warezone

Blending exposure and adjusting light

Videos:

Smooth Skin and Sharpening

Removing glasses

Changing hair color

‪Virtual Weight Loss‬

 

Videos for CS5

Refine Edge (CS5)

Puppet Warp (CS5)

Puppet Warp (Lynda.com) (CS5)

Masking in CS5-

 

 

Changing hair color (4 min)

Extract hair

Hair Cutouts
(5 min)

Other

Hair Selections (4 min)

-----

Clone Source Window (2 min)

Smoke Effect
(4 min)

Making Snowfall (9 min)

Fake Depth of Field (2 min)

Making Rain

Making rain 02
(9 min)

Another way
to create rain
CS5 (2 min)

Create the drops from Rain (11min)

 

----

Unsharp mask and smart filters (5min)

Week 4:
__________________________________________________________________________________________________________________________________________________
Tue 9/20

Short Demo

  • Start a new canvas for your adverts.
  • Make sure you have a good hard drive to store these files. they will get very large in Megabytes.

Studio Time

  • professor will go around to each student and talk to them about their project.
  • Professor will inform students about the suggested direction of adverts
  • work on your layouts for assignment #1 in class.

While you are waiting to speak to professor, you will go through the following tutorials:
Browse through the list of online tutorials.

DO NOT WORK ON OTHER ASSIGNMENTS. This is the studio time to ask other students questions, try to accomplish new techniques, and work on your assignments

Glowing Lines Photoshop Tutorial

Photoshop Tutorial - Neon text effect!

How to add reflection

Create a Graphic Statue in Photoshop

Super Slick Dusky Lighting Effects in Photoshop

Grunge Photo Edges

How to Apply Textures to Uneven Surfaces

Creating a Typographic Wallpaper

Creating a Smoke Shaped Image in Photoshop

Colorizing Images With Gradients In Photoshop

Design an Indie Rock cd cover in Photoshop

Summer to Winter Touch-Up

Use Lighting Effects to Make Photos Sparkle

Create a Print-Ready Blu-ray Packaging Design

Sparkling Hot Girl in Photoshop

Realistic Running Water

Dramatic Text on Fire Effect in Photoshop

Create an Electric Feel in Photoshop

Create a Surreal Turtle Image

Apply Textures to Uneven Surfaces

Fiery Space Explosion

Space Helmet

Water Effect

Blend Photos Like A Hollywood Movie Poster

Sunlight Through the Clouds

Create a Surreal Photo

Sunlight Through the Clouds

Intro to Compositing

Make a Daylight City into a Warezone

Blending exposure and adjusting light

Videos:

Smooth Skin and Sharpening

Removing glasses

Changing hair color

‪Virtual Weight Loss‬

 

Videos for CS5

Refine Edge (CS5)

Puppet Warp (CS5)

Puppet Warp (Lynda.com) (CS5)

Masking in CS5-

 

 

 

Homework:

  1. Due by next class: Rough comps of your advertisement. Do a couple of version to see which one will work the best. Do not do a complete version, just rough. Put your rough comps in your folder in drop box as a .JPG (Make sure you keep the unflattend file with you to show instructor in class.)

  2. You will need to have the logo and tageline for your advert. Begin to layout your tageline and logo in illustrator or indesign. Do not lay it out in photoshop. (This does not need to be put in DropBox)

  3. Look at other advertisements and see what typefaces are used and what they look like.
 


 

 

Spice an image up (10 min)

__________________________________________________________________________________________________________________________________________________
Thu 9/22

Lecture/Demo

  • How to use effects, like glow and alter those effects. (Making a new layer out of the effect option).
  • Applying gausian or motion blurs
  • Using textures to unify
  • Applying a TV screen effect using halftone lines.

Look at Students' adverts. Make suggestions.

While in class work on your assignments or the practice files for homework.

Homework:

1. Keep working on the comps as discussed by professor

Send an updated version to professor (in DropBox) by Sunday evening. (Jpegs)


2. Practice #6:
Go through tutorial in Photoshop book.

This Practice will require you to submit a total of (4):

  • Find your own images (or use the images from the book) and go through the same steps as the book explains.
  • You can use the images for your advertisement

1. Introducing Image Warp - pg. 44 - 45 (CS5 Book & CS4 Book)
2. Image Warp in combination
- pg. 46- 47 (CS5 Book & CS4 Book)
3. Puppet warping - pg. 52- 55 (CS5 Book) (Not in CS4 Book- do an extra one listed below)
4. Major color changes- pg. 92- 93 (CS5 Book) pg. 86-87 (CS4 Book)

3. Practice #7: Go through tutorial in Photoshop book.

This Practice will require you to submit a total of (2):

  • Find your own images (or use the images from the book) and go through the same steps as the book explains.
  • You can use the images for your advertisement

Choose 2 of these:

Texture with Layer Modes - pg. 68-69 (CS5 Book) pg. 62-63 (CS4 Book)
People and cars
- pg. 116-117 (CS5 Book) pg. 112- 113 (CS4 Book)
Fixing wide angle objects
- pg. 132-133 (CS5 Book) pg. 128- 129 (CS4 Book)
Coloring black and white images
- pg. 224- 225 (CS5 Book) pg. 218- 219 (CS4 Book)
Complex reflections
- pg. 262 - 263 (CS5 Book) pg. 252- 253 (CS4 Book)
Making statues from life
- pg. 306 - 307 (CS5 Book)
or The philosopher's stone - pg. 292- 293 (CS4 Book)
Paper: Folding and crumpling
- pg. 322 - 323 (CS5 Book) pg. 308- 309 (CS4 Book)

Do this one if you are having issues with using layered masks:
Layered masks: pg. 70 - 77 (CS5 Book) pg. 64 - 71 (CS4 Book)

 

If you have not already done so:
(Browse through these first and find the ones you are interested in working on in class.)

Glowing Lines Photoshop Tutorial

Photoshop Tutorial - Neon text effect!

How to add reflection

Create a Graphic Statue in Photoshop

Super Slick Dusky Lighting Effects in Photoshop

Grunge Photo Edges

How to Apply Textures to Uneven Surfaces

Creating a Typographic Wallpaper

Creating a Smoke Shaped Image in Photoshop

Colorizing Images With Gradients In Photoshop

Design an Indie Rock cd cover in Photoshop

Summer to Winter Touch-Up

Use Lighting Effects to Make Photos Sparkle

Create a Print-Ready Blu-ray Packaging Design

Sparkling Hot Girl in Photoshop

Realistic Running Water

Dramatic Text on Fire Effect in Photoshop

Create an Electric Feel in Photoshop

Create a Surreal Turtle Image

Apply Textures to Uneven Surfaces

Fiery Space Explosion

Space Helmet

Water Effect

Blend Photos Like A Hollywood Movie Poster

Sunlight Through the Clouds

Create a Surreal Photo

Sunlight Through the Clouds

Intro to Compositing

Make a Daylight City into a Warezone

Blending exposure and adjusting light

Videos:

Smooth Skin and Sharpening

Removing glasses

Changing hair color

‪Virtual Weight Loss‬

 

Videos for CS5

Refine Edge (CS5)

Puppet Warp (CS5)

Puppet Warp (Lynda.com) (CS5)

Masking in CS5-

 

 

 

 

Week 5:
__________________________________________________________________________________________________________________________________________________
Tue 9/27

Look at students' adverts

Talk about how to improve on composition and technique.

** It is important for you to make time outside of class to meet with instructor. This will benefit you in the completion of your advertisement.**

Homework

1. Continue working on adverts

If we have not already done so, we need to narrow your choices down to1 or 2 designs.

2. New Assignment: Project #2: design a web site in photoshop for your brand (Automotive or fashion)

3. Research car and fashion web sites

Due:
Samples of web sites -
Total submitted in drop box - 12 screen grabs

Look at existing web sites for brands. (site examples to come)

Make screen grabs of 3 sites that you think are designed really well. (do not have to be car/fashion related)
Make screen grabs of 3 sites that are not designed well. (do not have to be car/fashion related)
Make screen grabs of 3 sites that relate to fashion or automobiles
Make screen grabs of 3 sites that you would like to mimic in design. (These must relate to car or fashion)
(on mac the key command is: Apple key + 4)

Open Photoshop and then open the screen shot. Use the screen shot of the web site as a guide to create your site.

Please look at the assignment sheet: Project #2 for details about what you will be creating.

 

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thu 9/29

Work Day: Look at students' adverts

Talk about how to improve on composition.

Making custom Brushes

(go to designfruit.com or Brusheezy.com to find photoshop brushes to download)

Here are few other brushes to download:

Cloud Formation Brushes
Pretty floral brushes
Grunge brushes
Curtain brushes
Grass brushes
Leaf Photo brush
Smoke brushes

Put these downloaded brushes in location in the lab/classroom computers:

Users > students > Library > Application Support > Adobe > Adobe Photoshop CS5 > Presets > Brushes

At home or on your laptop:

Users > YourName > Library > Application Support > Adobe > Adobe Photoshop CS5 > Presets > Brushes

These are the images I used for the demo on custom brushes. [ Fashion | Car ]
01 | 02 | 03

Homework:

1. Practice #7: Go through tutorials in Photoshop book.

Making a custom Brushes

A fuzzy Hair brush- pg. 204-205 (CS5 Book); pg. 198 - 199 (CS4 Book)
Custom brush design 1-
pg. 416-417 (CS5 Book); pg. 402- 403 (CS4 Book)
Custom brush design 2-
pg. 418-419 (CS5 Book); pg. 404- 405 (CS4 Book)

  • Use the images from the book or use your own images and create what the book explains.

2. Start Project #2:

Due: Start laying out in Photoshop your web sites. Project #2
Think about the type size.
If you get stuck on how to do something, do not spend a lot of time on one area.
This is just a rough. I will show you how to lay the stuff out next week.

 

4. Contact Professor to meet outside of class. (This will be a requirement for this project so you can get feedback)

 

 

 

 

Make a custom Brush

How to make a brush

Free Download hair Brushes

Working with beard hair

Look what hair can look like on the face.

Painting Hair

Week 6:
__________________________________________________________________________________________________________________________________________________
Tue 10/4

 

Demo on Beginning your Project #2: Web site
Discussion and demo on how to design the web pages using photoshop.

Use a sans serif typeface.

Mimic the size of the type based on an existing web site

Mimic different types of navigation you find.

Base your design of your advertisement create a page using the images from your brand. (At least one screen should resemble the advertisement you designed).


Homework:

1. Work on finalizing advert

Meet with professor to get more one-on-one time.

2. Start creating digital sketches for your web site design

Due next class:
For Project #2: Try to design a web page and see what you come up with. Use the tools you learned, adjustment layers, gradients, the marquee section tools, etc.
Make sure you attempt to layout your website for next class. This way you will have something to work with for the demo.

3. FYI: your advert will be due in one week: Tuesday October 11.
The printed version will be due: Tuesday October 18.

4. Look ahead: The following practice is due next tuesday. So if you want to use these to help you try out your site for this thursday, try them out....

Practice #8: Go through 2 of these tutorials.
Submit 2 files that show me you went through these tutorials. (Due Tuesday Oct. 18)

Navigation

 

How to Create a Slick and Clean Button in Photoshop

How To Create a Stunning Vista Inspired Menu

High-Detailed Plastic Navigation Bar

Clean White Navigation Bar

Clean and Dark Navigation Bar

 

Creating A Cool 3D Web Design Effect

Modernistic Navigation Module

Light Lime and Blue Navigation

Create a clean navigation Menu

Create a Navigation bar using CS4

Web site navigation Bar (Video)

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur 10/6

Work on your web site pages. Professor will meet with each student to see where your skills are.
(see homework below)

Demo-Prepping file for next week.

Prepping your file for printing:
(see below for steps)
Generate a .pdf
(try doing the postscript option)
    • In Indesign, place the photoshop file.
      (File menu > place) (See this link)

    • Layout your text and logo in indesign.

    • Save your file.

    • Package the file.
      (make sure once you package your file you keep the backup version of your layered photoshop file.)
      (see these steps for packaging a file from InDesign)

    • Close the indesign file you are working on

    • In the packaged folder, in the links folder is your .psd file.

    • Open the file up in Photoshop and merge all the layers together.

    • Convert to CMYK (change in the the image menu > mode > CMYK)

    • Save as another name ***So this way you have a backup of the layers. ***

    • Go back to Indesign and open the InDesign file in your new packaged folder. (Make sure it is the indesign file that the packaged option generated and not the first indesign file you created.)

    • Update link.
      (While in InDesign, go to the links panel - find this under the windows menu. You will see a little icon for updating the links. If you changed the name you will need to relink the .psd file to the InDesign file.

    • Export as a high resolution PDF. (Click here to see the steps.)
      Make sure your have crop marks and a bleed.

    • Export another version as a medium quality resolution PDF. But do not put a bleed or a crop marks.

    • Insert the medium quality pdf in your DropBox

     

Another way to generate a PDF.

Using the Print to Postscript option.

Once you print to a postscript file, the file is high res and has all the quality and elements in the layout.

By using Acrobate distiller, you generate a pdf from the postscript file, thus keeping the high quality resolution, but you file size is smaller.


Homework:

1. Must finalize and complete the printed advert by the next class.
Due on the computer by the beginning of class on Tuesday a Medium -low Quality PDF
without crop marks and without a bleed. This is to make sure you are ready to print.
The print version will be due in Week 8.

See steps above to generate the file to put in the drop box. Make sure you go through these steps.
I do not want your final advertisement to be a .ind, .jpegs, .psd, or packaged files in the dropbox---- only pdfs.

 

2. Practice #8: Go through 2 of these tutorials. Submit 2 files in Dropbox that show me you went through these tutorials.

Navigation

 

How to Create a Slick and Clean Button in Photoshop

How To Create a Stunning Vista Inspired Menu

High-Detailed Plastic Navigation Bar

Clean White Navigation Bar

Clean and Dark Navigation Bar

 

Creating A Cool 3D Web Design Effect

Modernistic Navigation Module

Light Lime and Blue Navigation

Create a clean navigation Menu

Create a Navigation bar using CS4

Web site navigation Bar (Video)

These are not part of the homework, but are for fun.....Check these out.

Design Effects with Type

Using Light and Shade to Bring Text to Life

Colorful Light Burst Text

A Slick Supernatural Text Effect

Design a Web 2.0 tab

Orb Button Effect

Glossy icon

 

The Best 80 Photoshop Text Effects on the Web

How to Create a Grunge Web Design in Photoshop

Design a Cartoon Grunge Web site Layout

35 Tutorials for Creating Web site Layouts in Photoshop

 

 

 

 

 

Week 7:
__________________________________________________________________________________________________________________________________________________
Tue 10/11

TODAY! DUE Your advertisement should be in the drop box as a medium - low quality PDF.

Advertisement Final comp: (No crop marks) Display on the computer. You will display your advert on your desktop computer in class for all the students to see.

Make sure you have this done before class starts. No working in class.
At 9:15 we will display the work.

Also, make sure all your practice files are in the drop box. I will be grading and conducting a midterm evaluation.

Homework:

1. Get in all Practice files and Exercise files by this thursday.
After this thursday these assignments will be considered late and you will get points deducted.

2. Project #2: design a web site in photoshop for a automotive brand or fashion brand.

  • Create 3 design ideas for your main page of your web site (The images can be rough. Compositing does not have to be perfect. However, your type choice should be exact. Make sure you look at the location, size, typeface and spacing of menu options on existing web site)
  • FYI - This project will be due Tuesday October 25th. So this will be a much faster pace project.

3. Project 1: Have your layout for the iPad horizontal and vertical ready for a demo in class. We will be compositing them in a photo of the iPad. You will be printing these for next week.

 

 
__________________________________________________________________________________________________________________________________________________
Thur 10/13

Demo 11- Placing all your items for Project #1 on a page in InDesign.

Prepping your file for printing Project #1.

We will be setting up all your items on an 11 x 17 page in InDesign.
When you go to print, you should bring a high resolution, no compression and down sampling .PDF.

The final print out must have the following items on the page:

    1. 3 items, Magazine, iPad horizontal and iPad vertical.
    2. Magazine layout should be bigger than the iPad layouts.
    3. Both iPad orientations should be the same size.
    4. your name in Sans Serif typeface, 10 pt.
    5. A brief description of the project. in one sentence same type size. (please make sure you spell check. )
    6. Both should be placed flush left or flush right in the lower left or lower right corner.
    7. Name and description must be .75 in from the bottom and the edge of the page.

      Here are examples. Click on the image to see a pdf version of the layout.

 

Homework:

1. Print out of Project #1: When you go to print, you should bring a high resolution, no compression and down sampling .PDF.

on 11 x 17 white paper

No mounting

Make sure your images are in CMYK before printing.

The final print out must have the following items on the page:

    1. 3 items, Magazine, iPad horizontal and iPad vertical.
    2. Magazine layout should be bigger than the iPad layouts.
    3. Both iPad orientations should be the same size.
    4. your name in Sans Serif typeface, 10 pt.
    5. A brief description of the project. in one sentence same type size. (please make sure you spell check. )
    6. Both should be placed flush left or flush right in the lower left or lower right corner.
    7. Name and description must be .75 in from the bottom and the edge of the page.

      See above for samples.

        Please note:
        This is my Project Policy:
        On the day a project is due, student must be present within the first 15 minutes of the class with project in hand for submission. If student is late after the first 15 minutes of the class on that day, they will be considered absent. If the project is late after the first 15 minutes of the class, it will be considered late and will be marked down accordingly. No student is allowed to work on the project due in class on that day. They can not leave to get a print out from a print shop or spend time cutting, pasting or prepping the project. There is not exceptions to my project policy.

2. Project #2: The web site pages will be due in 12 days, on Tuesday October 24th. So work on these.

Meet with the professor to get approval on your web site layouts and/or to receive and assistance.

*********************************************************************************************************************************
Also.... I will be grading all projects and Practice # on Sat. October 15. If your work in not in the drop box by
9 am, It will not count as part of your grade. No exceptions. All Practices and projects up to this date are due.
*********************************************************************************************************************************

 

 

 

Week 8:
   
__________________________________________________________________________________________________________________________________________________
Tue 10/18

Due: Print out of all three elements from Project 1 on an 11 x 17 page

Work on your web site layouts in photoshop.

Look at students' work

Line up a grid structure for your site.

 

Homework:

TBA:

Continue working on web Design interface.

 

 

Identity Checklist

__________________________________________________________________________________________________________________________________________________
Thurs 10/20

Talk about the layout of the Web Site pages

Due next Tuesday October 24th, Medium resolution file. PDF in drop box.

No larger than 5MB please.

 

Homework:

No practice files from the book!!!

1. Web site due: No print out this time- you will have to have a digital PDF layout of all three screen on 11 x 17. Just like the project 1 was printed, but this one will be for onscreen only.

2. Put in Dropbox a .pdf or .rtf file ---by Tuesday evening 7pm. (For the next project: Come up with the following)

    • 4 Names of musical artists (what is the genre)-No famous Hip Hop, Pop, or Rock artists allowed. Must be a small band or musical artist, (rock, indie, alternative, underground hip hop)

    • An explanation of why you are interested in doing a Gig Poster for each artist.

3. Begin to research graphic/ illustrative gig posters. - Due Next thursday in Drop box
Mood Presentation of all your research.

  • Look at rock posters and gather ones the ones you like.
  • Place these examples in a digital file to show instructor the style, look or direction you are trying to accomplish.)
  • Answer the these questions to determine what a rock poster looks like (See samples on the side for reference):
    • What is the message, concept, theme of the poster?
    • What type of style or look are they shooting for?
    • What is the title of the show?
    • What is the title of the band?
    • What is the focal point? (A person, animal, object?)
    • Is the band title part of the illustration? Or is it an event of many bands? Is it the title of the tour, or is it the title of the album.

Do Not just collect any posters. Only collect the ones that have a specific style you will want your poster to be.

4. Research the elements:

  • Think about the symbols and images that would represent the artist and their music.
  • Collect graphics, images, symbols, patterns and objects that you want to trace and sketch.

 

Rock Poster Examples

Historical people:

Wes Wilson
John Van Hamersveld

Scrojo
Emek
Aesthetic Apparatus
Firehouse
Drowning Creek
Chuck Sperry
Guy Burwell
Brian Ewing
Dirk Fowler
Dave Gink
Wendy Wright
Tara McPherson

 

Vector Illustration web site

 

More poster art

 

Music Posters

Web site:
Inspiredology 01
Inspiredology 02
60 Concert Posters

Gig Posters
Dan Stiles

 

Week 9:
   
__________________________________________________________________________________________________________________________________________________
Tue 10/25

 

Due all three web screens on an 11 x 17 page. Medium resolution file. PDF in drop box. No larger than 5MB please.

Begin to work on rock poster project.

Put in Drop Box by Tuesday 10/25 evening 7pm. (For the next project: Come up with the following)

a. 4 Names of musical artists (what is the genre)-No famous Hip Hop, Pop, or Rock artists allowed. Must be a small band or musical artist, (rock, indie, alternative, underground hip hop)

b. An explanation of why you are interested in doing a Gig Poster for each artist.

------------------------------

Homework:

1. Put in Drop Box by Tuesday evening 7pm. (For the next project: Come up with the following)

a. 4 Names of musical artists (what is the genre)-No famous Hip Hop, Pop, or Rock artists allowed. Must be a small band or musical artist, (rock, indie, alternative, underground hip hop)

b. An explanation of why you are interested in doing a Gig Poster for each artist.

2. Due Thursday Oct 27: All the research graphic/ illustrative gig posters.

  • Look at rock posters and gather ones the ones you like.
  • Place these examples in a digital folder to show instructor the style, look or direction you are trying to accomplish.)
  • Answer the these questions to yourself to determine what a rock poster looks like (See samples on the side for reference):
    • What is the message, concept, theme of the poster?
    • What type of style or look are they shooting for?
    • What is the title of the show?
    • What is the title of the band?
    • What is the focal point? (A person, animal, object?)
    • Is the band title part of the illustration? Or is it an event of many bands? Is it the title of the tour, or is it the title of the album.

Do Not just collect any posters. Only collect the ones that have a specific style you will want your poster to be.

4. Research the elements:

  • Think about the symbols and images that would represent the artist and their music.
  • Collect graphics, images, symbols, patterns and objects that you want to trace and sketch.

 

 

 

 

 

_________________________________________________________________________________________________________________________________________________
Thur 10/27

Due Today: All the graphic/ illustrative gig posters items and research

Lecture:

 

 

Basic Shapes

  • Selecting points and deleting points.
  • Pen Tool (very important tool)- tutorial
  • Masking option
  • Compound path
  • Pathfinder

Demo: practice the pen tool in illustrator.You must master the pen tool in illustrator.

While in class students will:

Practice the pen tool in illustrator.

Practice #8: Practice what you have learned, based on the demo.
Trace the following: Pen 01, Pen 02, Pen 03

 

Please note: Next week you will have homework from the Illustrator Book.
So make sure you have the book by next thursday.

--------------------------------------------------------------------------------------------------------

Homework:

1. Practice #8: Go through each sheet (Pen Tool #1, 2, 3) and trace the lines

Pen 01, Pen 02, Pen 03
Make sure you are using the least amount of points possible and you are working with the curves and handles to obtain the best possible line.

 

2. Go through online tutorials list below:

You will eventually have to do some of these, but skim through them for now to get an idea of what is possible.

For next Thursday, Nov. 3rd

3. Project 3: Gig Poster: In sketchbook or tracing paper make thumbnail sketches for your rock poster
Create a total of 20 thumbnail sketches
by hand.

You will need to do the following and scan all your sketches. If you take a photograph of them, make sure the sketches are clear. DO NOT send High resolution images. JPEGs will be okay.

(Small sketches- clear and detailed). I should be able to look at the sketches and understand what they are without you around to explain. DETAIL DETAIL DETAIL.You can print out images from the computer as reference or to trace, but you must produce thumbnail sketches by hand.

  • refer to your research and look at the posters you have collected.
  • Collected images and resources to use for tracing.
  • Remember the questions you asked from the last homework assignment.
  • Sketch out your ideas for the poster.
  • Create a total of 20 thumbnail sketches Due next Thursday
  • Note: change in the schedule---Does not have to be scanned for next thursday. But will have to be scanned for the following week.

 

Techniques in Illustrator:

Creating a character in illustrator

Illustrating a skull

Illustrating from a photo

Illustrating from a photo 02

Intricate Patterns in Illustrator

Ornate Lettering

Examples of other people's work using illustrator:

Von Glitschka's work

Example of someone's' process

Gig poster design

Comic book style graphic design

 

 

 

 

Rock Poster Examples

Historical people:

Wes Wilson
John Van Hamersveld

Scrojo
Emek
Aesthetic Apparatus
Firehouse
Drowning Creek
Chuck Sperry
Guy Burwell
Brian Ewing
Dirk Fowler
Dave Gink
Wendy Wright
Tara McPherson

 

Vector Illustration web site

 

More poster art

 

Music Posters

Web site:
Inspiredology 01
Inspiredology 02
60 Concert Posters

Gig Posters
Dan Stiles

 

Week 10:
   
__________________________________________________________________________________________________________________________________________________
Tue 11/ 1

Due on In DropBox: Practice #8

Work Day!

 

Homework:

     

Start working on the following:

  1. Working on Project 3: Gig/ Rock poster.
    Please do the following and submit to professor via drop box by Tues. Nov. 8th at 8pm.

    • Refine the sketches: By hand, make the chosen sketches a little bigger and more detailed.
    • Scan the sketches and submit in Drop box.

 

__________________________________________________________________________________________________________________________________________________
Thur 11/3

Short Demo

  • Finding objects online
  • Tracing objects using the Pen tool

 

Individual meetings with Professor - Look at tracings or sketches.
Note: Does not have to be scanned till next week

In-class
While the professor is meeting with each student, you should begin to trace objects.

Practice #9: Trace a simple object (Submit in Drop box by the end of class)

  • Choose one of the following types of objects to trace:
    flower
    bird
    animal head
    small animal

    insect
    musical instrument
    musical equipement
    (If you have something else in mind, please get permission from instuctor.)
    • find the object
    • Place it into Illustrator (Make sure it is embedded and not linked)
    • Change the opacity of the image
    • Lock it into a layer
    • Make a new layer
    • trace using the pen tool, the brushes and/or the eraser
    • stylize the object using thick and think lines
    • Try not to add color, work with greys for now. (If color is needed use no more than 2 other colors besides black and grey)

___________________________________

Homework Due Next Tuesday

    1. Working on Project 3: Gig/ Rock poster: Scan the sketches and submit to Drop Box by Tues. Nov. 8
      Based on the choosen sketches by professor, you will need to redraw and refine chosen sketches adding more detail to the compositions. Submit to DropBox by 8am on Tuesday November 8

    2. Practice #10: From the Book: Real World Illustrator CS5

    For the following:
    Create some usesful pictorial images using the following techniques in the book. Submit a sample page from each section listed below. Put each PDF file in the DropBox by 8am on Tuesday, Nov. 8th

      The Art of Building Artwork (pgs. 41 - 47): show shapes using pathfinder. Label the technique.
      Aligning objects (pgs. 47 - 51): Show the before and after on one page.
      Creating Transitions with blends (pgs. 62 - 63) : experiment with blending one object with another
      Understanding Appearances (pgs. 145 - 153): Take an object and work with differnt attributes of the Appearence panel.

      Read through the following:
      Using Layers Panel (pgs. 168 - 175)

Homework Due Next Thursday:

    1. Practice #11: Trace 1 object
      Get a head start. Submit in drop box by 8am on Thursday Nov. 10th

      Trace (no live trace) 1 object to be used in your Gig/Rock poster project.Keep it simple. If you have one main object that is complex and detailed, then choose a section of that object and trace it using the pen tool. Bring this object in to class on Thursday, ready to show to the entire class. Professor will show how to refine that object using other techniques in illustrator.

Rock Poster Examples

Historical people:

Wes Wilson
John Van Hamersveld

Scrojo
Emek
Aesthetic Apparatus
Firehouse
Drowning Creek
Chuck Sperry
Guy Burwell
Brian Ewing
Dirk Fowler
Dave Gink
Wendy Wright
Tara McPherson

Vector Illustration web site

 

More poster art

 

Music Posters

Web site:
Inspiredology 01
Inspiredology 02
60 Concert Posters

Gig Posters
Dan Stiles

Week 11:
   
__________________________________________________________________________________________________________________________________________________
Tue 11/8

Submit Homework in drop box

Work on tracing of your poster

Demo working with coloring in your rock poster.

  • Make colors on separate layers
  • Working with lines
  • Making shading
  • Stroke Attributes
  • Outlining stroke and adjusting thick and thin of lines
  • Symbol library in illustrator
  • Stroke Attribute

See a sample of someone who began to trace the image.

Beginning trace

 

Now go through the following examples of other peoples work and see how they constructed their illustration.

 

 

Examples of other people's work using illustrator:

Von Glitschka's work

Example of someone's' process

Gig poster design

Comic book style graphic design

 

Look at actual examples of work creating in illustrator using the lines and colors technique.

Magician Mickey

Mickey: Nifty Nineties

Sleepy Hollow

Indiana Jones

Introduce Project #4: Logo for fictional record company

You will need to make a logo for your fictional record company. This record company is the company that produces the music for your musical artist. It is not a redesign of an existing company, rather a new name. You will need to create a name for a new company. See homework for details.

--------------------------------------------------------------

Homework: For Thursday Nov. 9th

  1. Record Label names- make up your own name. Do not use an exsisting label: Email Professor by Wed evening 10pm. Send to this email -(roadworkdesign@sbcglobal.net)

    10 different names of your record label.

      • Email these names, all 10, but tell me which 4 are your favorites.

    These names should be descriptive.

    • A descriptive name that uses words that describe an object. It is harder to come up witha logo if the name is obscure. So think of image based words. The name you choose should be followed by one of the these words: Records, Recordings, Productions, Music, Entertainment, or Media
  2. Practice #12 uses pictorial images using the following techniques in the book. Submit a sample page from each section listed below. Put each PDF file in the DropBox

    Applying Strokes (pgs. 198 - 203)
    Creating Variable-width strokes (pgs. 203 -207)

  3. Practice #11: Trace 1 object
    Submit in drop box by 8am on Thursday Nov. 9th

    Trace (no live trace) 1 object to be used in your Gig/Rock poster project. Keep it simple. If you have one main object that is complex and detailed, then choose a section of that object and trace it using the pen tool. Bring this object in to class on Thursday, ready to show to the entire class. Professor will show how to refine that object using other techniques in illustrator.
     
  4.  

 

 

__________________________________________________________________________________________________________________________________________________
Thur 11/10

Professor is Sick.... No class

Homework For Tuesday:
Even though class was canceled, you still have to do the homework!!!

Trace your sketch: Bring to class on Tuesday

  • If you have not done so yet, place your refined sketch in Adobe Illustrator. (lock layer)
  • Using the pen tool, trace another part of your poster.
  • Do not incorporate the typography just yet. Only work on the illustration.
  • Add color
  • Make a pdf

Practice #13: Go through one of the following Techniques in Illustrator:

  • Apply what you have learned from the web sites. below to a second object in your poster

 

Techniques in Illustrator:

Creating a character in illustrator

Illustrating a skull

Illustrating from a photo

Illustrating from a photo 02

Ornate Lettering

Try to think how these can apply to your project. Now do a similar technique with an object from your poster.

 

Check out these web sites. for tricks and tips.

How to:

Making Patterns 101

Scaling or not scaling strokes (101)

Making 3-D vintage stars

Seamless patterns in Illustrator

using the smooth tool in illustrator

Illustrator blend tool

Complex circular design techniques

Freebees:

Illustrator tear drop brushes

Illustrator corners and designs

Vector Grunge corners

Vector birds in flight

Free Foliage

tree silhouettes

Homework for Next Thursday November 17th:

1. Work on type treatments for your Record Label logo.

1. Work on type treatments or Wordmark or Lettermark

  • do 20 different type treatments
  • Use at least 8 classic (sans serif) typefaces
  • Make sure you work on kerning the spacing between letters
  • Save this page with all the names as a pdf. (Page 01)
2. Refine the Wordmark or Lettermark
  • Choose the best 5 treatments
  • Place each workmark on one page (on it's own page.)
  • Make 2 variations each wordmark. So in essence you should have 10 pages.
  • Make sure they are nicely designed on the page. (01, 02, 03, 04 ----NOTE: These samples include pictorial symbols. This is not what I want you to do just yet. These are just sample of how I want you to lay out your type treatments. -Neatly, evenly, and centered on the page - 8.5 x 11)

3. Look at graphic design books on logos.

Go to the book store and look at logo books in the graphic design section. Study there shapes, sizes proportionally, colors, and type treatments. Look at the types of symbols and forms these logos take on.

Drop the above type treatments in DropBox before the next Thursday 8am.

 

 

 

 
Week 12:
   
__________________________________________________________________________________________________________________________________________________
Tue 11/15

Talk about layout of type treatments and variations of lettermarks

Lecture: Talk about Logo types

Talk about making Logos

Creative Process

Overall Steps to Creating Logos

10 steps to an effective Logo

What makes a good logo Design?

   

Demo:

  • Basic Illustrator

    • using guides
    • using layers

Type setting:

  • leading
  • kerning
  • sizing
  • outlining type vs. stroking type
  • conducting type treatments

--Break

Lecture on logos and the difference between good (effective) design (Sample 01) and bad (ineffective) design. (Sample 02)

 

Show teacher your rock/gig poster.

 

Student will:

  • Go through the following techniques in class. (These were supplied by students in past classes.)

Go through all of these tips and tutorials.

 

Check out these Videos

‪Best Logo Designs - Vol 1

Best Logo Designs - Vol 1

 

Best Logo Designs - Vol 2

 

Logo Design Showcase

 

‪Logo Design Showcase

 

Design a Logo using Adobe Illustrator -Tutorial

 

Creating a Logo in Illustrator

 

3-d Logo

Crazy Logo

Distort

Create logo from a sketch

Logo reflection

Transparent gradients

keyboard short cuts

The Blob brush

Making a pattern title

Creating a colorful abstract ribbon

Creating Pixel Art

The Tilde trick

Homework for this thursday November 17:

Due in DropBox : a 10 page PDF of your type treatments. read below for details.

1. Work on type treatments for your Record Label logo.

1. Work on type treatments or Wordmark or Lettermark

  • do 20 different type treatments
  • Use at least 8 classic (sans serif) typefaces
  • Make sure you work on kerning the spacing between letters
  • Save this page with all the names as a pdf. (Page 01)
2. Refine the Wordmark or Lettermark
  • Choose the best 5 treatments
  • Place each workmark on one page (on it's own page.)
  • Make 2 variations each wordmark. So in essence you should have 10 pages.
  • Make sure they are nicely designed on the page. (01, 02, 03, 04 ----NOTE: These samples include pictorial symbols. This is not what I want you to do just yet. These are just sample of how I want you to lay out your type treatments. -Neatly, evenly, and centered on the page - 8.5 x 11)

3. Look at graphic design books on logos.

Go to the book store and look at logo books in the graphic design section. Study there shapes, sizes proportionally, colors, and type treatments. Look at the types of symbols and forms these logos take on.

Remember:

good (effective) design

bad (ineffective) design

More poster art

Rock Poster Examples

Historical people:

Wes Wilson
John Van Hamersveld

Scrojo
Emek
Aesthetic Apparatus
Firehouse
Drowning Creek
Chuck Sperry
Guy Burwell
Brian Ewing
Dirk Fowler
Dave Gink
Wendy Wright
Tara McPherson

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Logo types:

 

Logo Samples

More Logo samples

Video on Logo Design:

3D Logo in Illustrator

Design a Logo using Illustrator

 

 

The origin of the BMW logo

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur 11/17

Due Today:
All 10 pages of your type treatments.

Labtime:

Professor will talk to each student about their posters and their type-treatments.

 

Create outlines for type:
This will allow you to change the type. (Also so that you can bring the type to school from home.)
 

 

 

3 more weeks till your poster is due. Due thursday December 1st.
So make sure you get most of the details done and meet with Professor for any problems or questions.

Homework Due by beginning of class next Tuesday Nov. 22

  1. Color all your areas of your rock poster (Make sure you are working with layers and label your layers.)

  2. Work on your Record company Logos. Have professor narrow down which ones are the final ones. You can incorporate pictorial images or graphics in your logos. So work on that and send to professor for feedback. (Send all inquiries to: RoadworkDesign@sbcglobal.net)

     

3. Go through these Videos

How to Ink a Drawing in Adobe Illustrator-Blob Brush Tool (1)  

Digital Art in Illustrator

 

 
Digital Inking Marilyn in Illustrator
Using Illustrator to trace an sketch

 

 

 

 

 

 

 

 

 

 

Remember:

good (effective) design

bad (ineffective) design

 

Week 13:
   
__________________________________________________________________________________________________________________________________________________
Tue 11/22

Professor will go through the digital files of the rock posters.

_________________________

Homework: For next class

1. Rock/Gig Poster: Refine your poster. Put the following in your poster.

1. Name of the band

2. title of event

3. date & time

4. venue (location)-- do not pick a large arena. No staples or stadiums.

Look at other rock posters to see how they incorporate this information.

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur 11/24

- - - - - Thanksgiving... No class - - - - - -

 


Week 14:
   
Tue 11/29

Demo-Lecture

Setting up letterhead, business card and envelope in Illustrator.

Looking at: Stationery Systems

Multiple Artboards  

 

Homework:

1. Due this Thursday: Digital version of your Rock/gig poster.
You will put it on teachers computer and teacher will go through each one of these in front of the class.

 
__________________________________________________________________________________________________________________________________________________
Thur 12/1

 

Discuss about the final portfolio.

Layout work using Adobe Indesign.

Must have the main projects from class in this portfolio.

KISS- Keep it simple, stupid.... A simple clean portfolio.

Advertisements - Save as a flattened photoshop file.

Web sites. - Save as flattened photoshop files

Music Poster - (Saved as a pdf file

Logo and Stationery- saved as a pdf

You can include yoru resume if you already have it and ny other work.

(Save all these in a folder called portfolio)

 

Final pdf portfolio must be submitted via USB drive or on teacher's drive or CD-ROM on exam day. 2 versions of the pdf. One low res, one high res.

Also, include your best works from other class. (Do not put everything you have done. Just your strongest design pieces. )


Homework:

1. Make sure all your exercises are submitted in DropBox.

2. Make changes to Rock poster as suggested by professor. Print out due last class.

3. Work on your digital portfolio

 

 
Week 15:
   
__________________________________________________________________________________________________________________________________________________
Tue 12/6

Due: Digital version of your Rock Poster.

Professor will look at all the Rock Poster projects

Critique

 

Homework:

1. Prep your files for a digital portfolio of your work.

Layout work using Adobe Indesign.

Must have the main projects from class in this portfolio.

Advertisements - Save as a flattened photoshop file.

Web sites. - Save as flattened photoshop files

Music Poster - (Saved as a pdf file

Logo and Stationery- saved as a pdf

(Save all these in a folder called portfolio)

 

Final pdf portfolio must be submitted via USB drive or on teacher's drive or CD-ROM on exam day. 2 versions of the pdf.

One low res

one high res.

Also, include your best works from other class. (Do not put everything you have done. Just your strongest design pieces. )

 

Print out music poster.

Make sure there is a .25 white boarder around your poster. (do not mount)

 

 
__________________________________________________________________________________________________________________________________________________
Thur 12/8

Due today:

Printout --- Rock poster due ----- to professor.

Do not mount on any board. Put name on back. You can sign your name on front with black felt marker or pencil.

 

Next class is the exam day —Everything is due in a portfolio PDF.
See you next thursday

NO working in class

 
 
__________________________________________________________________________________________________________________________________________________
Week 16:    

__________________________________________________________________________________________________________________________________________________

Thur 12/15

Final exam day--- 8am - 10aM

Final Exam project is your portfolio as a multiple page PDF

NO working in class

This is the last class to submit your work. You must be present in the class or you will not recived full credit for your final portfolio.