Art 354: Computer Graphics
Dr. Paula DiMarco

Tue. & Thur.
Fall 2013 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 1:
Tue 8/27

Introductions

Please read Syllabus

Explain the first project

Project #1: Rock/Gig Poster (Create 2 posters promoting a musical artist(s).

 

Homework:

1. Make sure you do the following:

  • The assigned books (this book is very important to the 2nd half of the semester. Unlike other classes that require a book and then never use it, we will be using this book.)
  • Hard drive and Flash drives (It is important to have a nice big hard drive. For the Photoshop project, you will be give a lot of images and these files will be very large in Megabytes.)
  • Drop Box: The professor will send you a message to share Drop Box. This box will be the place you submit all documents for this course. You will be invited via your csun email. If you want to use another email that is connected to dropbox, please tell instructor.

 

2. Send by email no later then Wednesday night at 8pm. (The sooner you get your names in the sooner you can start on your sketches. So if you come up with the names sooner, please send them.) --- send to Roadworkdesign@sbcglobal.net

a) Four (4) names of musical artists you would like to do your poster on (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.

3. Put in DropBox by Wed. Sept. 4th

a) Research graphic/ illustrative gig posters.

  • Look at rock posters and gather ones the ones you like.
  • 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 posters, just because they are posters. Only collect the ones that have a specific style you will want your poster to be.

  • Place several examples of posters in your DropBox folder called "Project 1-Research." (These examples should show the art director the style, look or direction you are trying to accomplish.)

b) 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 sketch.
 



Rock Poster Examples

Historical people:

Wes Wilson
John Van Hamersveld

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

R. Black

Ernesto Yerena

Vector Illustration web site

 

More poster art

 

Music Posters

Web site:
Inspiredology 01
Inspiredology 02
60 Concert Posters

Gig Posters
Dan Stiles

Rock Poster Frame

Cuban Posters

__________________________________________________________________________________________________________________________________________________
Thu 8/29

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 #1: Practice what you have learned, based on the demo.
Trace the following: Pen 01, Pen 02, Pen 03

 

Finish Practice #1: 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.

Make sure you submit your practice files in DropBox.

 

 

Homework:

1.

Put in DropBox by Wed. Sept. 4th (sometimes you will be asked to send homework before the next class.)


a)

Research graphic/ illustrative gig posters.

 

  • Look at rock posters and gather ones the ones you like.
  • 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 posters, just because they are posters. Only collect the ones that have a specific style you will want your poster to be.

  • Place several examples of posters in your DropBox folder called "Project 1-Research." (These examples should show the art director the style, look or direction you are trying to accomplish.)

b)

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 sketch.

_________________________________________________________________________________________________

2. Practice #1: 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.

_________________________________________________________________________________________________
3.

For Tue, Sept. 10th

 

.

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

(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 Sept. 10th

 
Note:
You will need to scan all your sketches. If you take a photograph of them, make sure the sketches are clear.

 

Rock Poster Examples

Historical people:

Wes Wilson
John Van Hamersveld

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

R. Black

Ernesto Yerena

Vector Illustration web site

 

More poster art

 

Music Posters

Web site:
Inspiredology 01
Inspiredology 02
60 Concert Posters

Gig Posters
Dan Stiles

Rock Poster Frame

Cuban Posters

 

Week 2:
__________________________________________________________________________________________________________________________________________________
Tue 9/3

Project #1: Rock/Gig Poster
Talk about Sketches (see homework below for all the details)


Lets look at how to use the lines to trace an object: Practice #2

 

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

Beginning trace

 

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

 

Homework

1.
For Thur. Sept 5th

Go through online tutorials listed above:

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

2.
For Thur. Sept 5th:
Bring materials to next class so that you may work on your sketches in class.

Sketches

  • If you already have finished your sketches, this is the time to show the instructor and get feedback. You will have to refine a few sketches that are chosen by instructor, so getting a head start will help you.

  • FYI: after your sketches have been chosen and then you will have to refine and redraw the sketches, you will have to scan those sketches in. So this is another reason to try to get this going as soon as possible.

3.
Put in DropBox by Wed. Sept. 4th
(sometimes you will be asked to send homework before the next class.)

Research graphic/ illustrative gig posters.

 

  • Look at rock posters and gather ones the ones you like.
  • 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 posters, just because they are posters. Only collect the ones that have a specific style you will want your poster to be.

  • Place several examples of posters in your DropBox folder called "Project 1-Research." (These examples should show the art director the style, look or direction you are trying to accomplish.)

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 sketch.

     

 

 

For Tue, Sept. 10

Rock/Gig Poster sketches: In sketchbook or tracing paper make thumbnail sketches for your rock posters
Create a total of 40 thumbnail sketches
by hand.
(all sketches must be Xeroxed copies.)

Sketches should be the same orientation as the poster size. (So indicate what the poster size maybe.) You can do these at any size as long as they are detailed. Remember the size is 11 x 17, so make the sketches proportional.

(Note: The smaller sizes of sketches work better; easier to create.That is why they call them, Thumbnail Sketches. (Small sketches- clear and detailed).

You can use pencil to make the sketches, but they must be enhanced with a black felt-tip pen or darken when you Xerox them.

I should be able to look at the sketches and understand what they are without you explaining.

DETAIL DETAIL DETAIL.You can print out images from the computer as reference or use tracing paper and trace objects, 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.

You must come to class with a Xeroxed copy of your sketches. They should be able to see from 5 feet away, so make sure the lines are strong and the details are clear.

 

Look at these sketches first before you do your sketches.

 

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thu 9/5

In class

  • Students will work on their thumbnail sketches (look at these sketches first before you do your sketches.)
  • Look at your research and example of posters for inspiration.

Professor will show:

Check out the Mondo Movie Posters

http://www.mondotees.com

 

Trailer for "The Rise of American Poster Art"

 

 

Homework: Due Next class: Tue Sept. 10

1. 40 sketches of Rock Poster.

For next Tuesday, Sept. 10

Rock/Gig Poster sketches: In sketchbook or tracing paper make thumbnail sketches for your rock posters
Create a total of 40 thumbnail sketches
by hand.
(all sketches must be Xeroxed copies.)

Sketches should be the same orientation as the poster size. (So indicate what the poster size maybe.) You can do these at any size as long as they are detailed.

(Note: The smaller sizes of sketches work better, because you do not have to spend so much time on them. That is why they call them, Thumbnail Sketches. (Small sketches- clear and detailed).

You can use pencil to make the sketches, but they must be enhanced with a black felt-tip pen.

I should be able to look at the sketches and understand what they are without you explaining.

DETAIL DETAIL DETAIL.You can print out images from the computer as reference or use tracing paper and trace objects, 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.

You must come to class with a Xeroxed copy of your sketches. They should be able to see from 5 feet away, so make sure the lines are strong and the details are clear.

 

Look at these sketches first before you do your sketches.

 

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

 
Week 3:
__________________________________________________________________________________________________________________________________________________

Tue
9/10

 

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

In-class
While the professor is meeting with each student, you should do the following:

Work on the Homework listed below:

Homework:

A. Practice #3a: Begin to trace objects that relate to your poster. Look for some things online that are relevant to your poster.

    Trace a simple object (Submit in Drop box as Practice #3a by the end of next class)

    • 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 grays for now. (If color is needed use no more than 2 other colors besides black and gray)

B. Practice #3b: Go through at least one of the following techniques. (Submit in Drop box as Practice #3b whenever you finish.)

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

Creating Complex Style Illustrations

 

Check out these 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

Quick and Easy Swooshes, and Swirls

 

The Dreaded Redraw Illustrator Tutorial

Pixel Art Tutorial - Illustrator

 
Creating a colorful abstract ribbon

 

Refine and redraw the sketches chosen by instructor. Then scan those sketches into the computer.

 

 

__________________________________________________________________________________________________________________________________________________
Thu 9/12

In-class
Art Director needs to talk to students about their sketches.

Demo on scanning sketch and cleaning up sketch.

Finish Practice #3a

  • If you have not done so yet, place one of your refined sketch in Adobe Illustrator. (lock layer)
  • Using the pen tool, begin to trace one small element from your poster.
  • Do not incorporate the typography just yet. Only work on 1 singular object. The object can be a very minor part of the illustration. For example, if there is a face in the sketch, work on one of the eyes. If there is a full figured person in the sketch, then work on the head.
  • The idea is to start working on this, and you have to start somewhere. (You can start to add color is you like)
  • Make a pdf and submit your progress in the drop box.

 

Homework For Tuesday:

1. Work on Rock/Gig Poster

Scan all of your refined sketches and Bring to class on Tuesday
(Also scan the thumbnails for those sketches so the art director can see the transition)

2. Practice 3: make sure you have finished Both Practice #3a and 3b files

4. Go through the links listed here and apply any technique you think will be relevant to your project. (These are not for Practice #4)


Blob Brush Tips

Sketch effect in a vector Illustration

Transparent gradients

Making a pattern title

Inking Comic Books in Illustrator - Part 1

using the smooth tool in illustrator
(here is a video that shows the smooth tool) -Video

Scaling or not scaling strokes (101)

Inking in Illustrator

 

 

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

    Digital Art in Illustrator

     

 

 

 

Week 4:
__________________________________________________________________________________________________________________________________________________
Tue 9/17

Introduce Project #2: Logo and stationery set for a 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.

 

Another way to create interesting lines

Click here to get the PDF file of the trace.

Studio time

Work on tracing of your poster

Professor will walk around and talk to students individually to see where they are in their poster development.

 

Check out these links:

Freebees:

Illustrator tear drop brushes

Illustrator corners and designs

Vector Grunge corners

 

 

Vector birds in flight

Free Foliage

tree silhouettes

 

Homework:

  1. Record Label names- make up your own name. Do not use an existing label:
    If professor does not get to speak to you on Thurs. in class, please email professor at -(roadworkdesign@sbcglobal.net)

    10 different names of your record label.

      • Have all 10, but tell me which 4 are your favorites.

    These names should be descriptive.

    • A descriptive name uses words that describe an object. It is harder to come up with a 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

    • You can look at these samples to get an idea of Record Company Logos.
      ( Pictorial Symbols | Lettermark | Wordmark | Abstract symbol )

    2.Practice #4:

      For the following:
      Create some useful pictorial images using the following techniques shown in theses links. Submit a sample page from each link. Put each file in the DropBox. Make sure you label them as Practice #4-01, #4-02, etc..

        Aligning objects: (video 3min.) Show the before and after on one page of how you align a group of objects.
        Pathfinder Techniques: (video 6min.) Using the shape builder tool. Show shapes using pathfinder. Label the technique.

        (You might want to use your sketches to do the tutorial techniques. )

    3. Continue to work on Rock/Gig poster. Work on an additional object in your poster. Submit to drop box.

 

__________________________________________________________________________________________________________________________________________________
Thu 9/20

Question & Answer Time:

  • Tips for Illustrator

    • using the smooth tool in illustrator
    • Make colors on separate layers
    • Blob brush
    • Erase and cut parts with Eraser, knife and scissors tools
    • Stroke Attributes (Check this out)
    • Using Appearance panel for stroking text
    • Blend Tool
    • Aligning objects
    • Effects menu
      • Using transform (Effects > Distort & Transform > Transform)
    • Overlapping objects and using Transparency options.
From last class: The technique of building shapes to construct a line Another approach: Creating a Pressure sensitive brush and drawing out the lines.
Click here to get the PDF file of the trace. Click here to get the PDF file of the trace.

 

Studio time

Professor will walk around and find out what you decided on for your Record Label.

You will work on your Rock Poster

 

 

 

Homework For Tuesday:

1. Submit at least one of your Rock posters - Beginning Progress- (where ever you are) in drop box by Monday night 8pm.

PLEASE do not submit to DropBox during class on Tuesday. (we will be looking at these on the screen in class)

2. Practice #5a:

    For the following:
    Create some useful pictorial images using the following techniques shown in the links provided. Submit a sample page from each link listed below. Put each file in the DropBox. Make sure you label them as Practice #5a-01, #5a-02.

      Creating Transitions with blends: (video 3 min.) experiment with blending one object with another
      Understanding Appearances: (video 11 min.) Take an object and work with different attributes of the Appearance panel.

      Go through the following:
      Using Layers Panel

3. Practice #5b: Watch all the videos and view all the links listed below. After viewing all of them, choose one of the techniques and use the techniques in some aspects of your poster. Put a file in Drop box called Practice #5b.

Check these techniques out!

 

Ultimate Inking and Coloring

Create a realistic glass surface

Illustrator Mesh Tool quick tutorial

scalable vector halftones in Illustrator

Abstract Vector Design

Using Live Paint

Making a Magnifying Glass Tutorial

Digital Inking Marilyn in Illustrator
Using Illustrator to trace a sketch
 

 

 

 

 

Week 5:
__________________________________________________________________________________________________________________________________________________
Tue 9/24

Look at the progress of your posters.(For homework you were asked to submit the posters via drop box.)

We will look at them today.

Break

Talk about layout of type treatments and lettermark and more.

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

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

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

A. Submit your Rock poster again - Make changes as suggested and place in drop box by Thurs in class.

 

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thu 9/27

 

 

  • Looking at free fonts sites

 

Here is an exercise I have my beginning students do. This may help you when you create your logos.

Logo Shapes Exercise

 

Overview of all the Practice assignments so far:

Practice #1: Practice what you have learned, based on the demo. Trace the following: Pen 01, Pen 02, Pen 03 Practice #2: Go through and trace as much as you can on the image provided in the link.

Practice #3a: Trace a simple object (Submit in Drop box)

  • 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 grays for now. (If color is needed use no more than 2 other colors besides black and gray)

 

and

Go through at least one of the following techniques. (Submit in Drop box as Practice #3b whenever you finish.)

Creating a character in illustrator

Illustrating a skull

Illustrating from a photo

Illustrating from a photo 02

Intricate Patterns in Illustrator

Ornate Lettering

Creating Complex Style Illustrations

Practice #4:

For the following:
Create some useful pictorial images using the following techniques shown in theses links. Submit a sample page from each link. Put each file in the DropBox. Make sure you label them as Practice #4-01, #4-02, etc..

Aligning objects: (video 3min.) Show the before and after on one page of how you align a group of objects.

Pathfinder Techniques: (video 6min.) Using the shape builder tool. Show shapes using pathfinder. Label the technique.

(You might want to use your sketches to do the tutorial techniques. )

Practice #5a:

For the following:
1. Create some useful pictorial images using the following techniques shown in the links provided. Submit a sample page from each link listed below. Put each file in the DropBox. Make sure you label them as Practice #5a-01, #5a-02.

Creating Transitions with blends: (video 3 min.) experiment with blending one object with another

Understanding Appearances: (video 11 min.) Take an object and work with different attributes of the Appearance panel.

Go through the following:
Using Layers Panel

Practice #5b:

For the following:
Watch all the videos and view all the links listed below. After viewing all of them, choose one of the techniques and use the techniques in some aspects of your poster. Put a file in Drop box called Practice #5b.

 

 

Abstract Vector Design

Using Live Paint

Making a Magnifying Glass Tutorial

Create a realistic glass surface

Illustrator Mesh Tool quick tutorial

scalable vector halftones in Illustrator

Ultimate Inking and Coloring

 

 

 

Homework

A. Submit your Rock poster again - Make changes as suggested and place in drop box by next class.

B. Work on The following:

Thumbnail sketches: (By hand)

30 hand sketch ideas. (look at these sketch samples)

• Come up with ideas for the symbol for your logo. This can be pictorial or abstract.

• Sketches by hand and use tracing paper as a way to trace images if needed.

• Refined more detailed hand sketches. These are based on the first set of sketches, but they have been narrowed down by the art director.

Some sketches can be symbols only. But some can be lettermarks or wordmarks . If this is the case you will need to start doing some type treatments on the computer to find the right typeface for your logo.

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.

Here is an exercise I have my beginning students do. This may help you when you create your logos.

Logo Shapes Exercise

 

 
Week 6:
__________________________________________________________________________________________________________________________________________________
Tue 10/1

Due today:

Rock Poster (Looking at your rock poster and the progress.)

30 thumbnail sketches of your logo ideas. These can include your wordmarks or lettermark ideas. (So type treatments would have to be done as well.)

Homework

1. Go through your 30 thumbnail sketches and with a black felt tip pen, refine them. No less than 30 allowed. (will mark off accordingly)
All sketches should show detail of type and clear details on symbols or pictorial icons.

2. Check out this exercise I have my beginning students do. This may help you when you create your logos.

Logo Shapes Exercise

3. Work on your Rock Poster 2. Both posters must be completed by next week. Make sure you get instructors approval.

 

 

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thu 10/3

Look at few more Rock posters

LOGO Sketches Due.
Professor will talk to each of you about choosing the best 3-4 solutions.

 

Homework

1. Scan Chosen logo sketches.
Make sure you go into to photoshop and bring up contrast and clean up any dirt or artifacts.
Drop those sketches in your dropbox by next class.

2. In Illustrator, execute your (3-4) logo designs.-Submit into dropbox.
• You need to execute the logos using the pathfinder, pen tool, and other techniques you have learned from your poster assignment.
• Also begin to place type in the logo. Make sure you work on kerning the spacing between letters.
• Make sure your type is outlined in the file you submit in dropbox.
• (DO NOT skew, distort, or stretch type of the graphic you create.)
• submit .ai file and a .pdf

3. Finish Rock Poster: This is a reminder that by next Thursday: October 11.
Both your rock posters are due digitally. To be sent through email to get feedback from professor.
Send to Roadworkdesign@sbcglobal.net

* PLEASE NOTE: Make sure you take out any pixel based images before sending via email. This means delete any sketches or files from the internet.

 


 

 

 

Week 7:
__________________________________________________________________________________________________________________________________________________
Tue 10/8

Multiple Artboards

Laying out your logos on multiple pages

Techniques in logo designs

Setting up letterhead, business card and envelope in Illustrator.

  • Setting up multiple art boards for stationery set.
    • Letter head (8.5 x 11)
    • Business card (2 x 3.5)
    • Envelope - #10 business envelope (4.125 x 9.5 check out this size chart)

Looking at: Stationery Systems

Letterhead samples: 01 | 02 | 03

Stationery set Samples: 01 | 02

Setting up multiple art boards for stationery set.

Letter head (8.5 x 11)
(10 or 9 pt. type)

  • Name of company
  • logo
  • address, city, zip code
  • tele., fax
  • website
  • general email

Envelope - #10 business envelope
(4.125 x 9.5 check out this size chart)

    • Name of company
    • logo
    • address, city, zip code
    • website

Business card (2 x 3.5) or 3.5 x 2
(7 pt or 8pt type)

  • Name of company
  • logo
  • name of person whom works at the company
  • job title
  • address, city, zip code
  • tele, fax
  • cell phone of person on the card
  • website
  • Email of person on the card

 

 

Homework

1. Finish Rock Poster: This is a reminder that by this Thursday: October 11. (this does not have to be by classtime. It should be by 8pm on thursday night.

Both your rock posters are due digitally. To be sent through email to get feedback from professor.
Send to Roadworkdesign@sbcglobal.net

* PLEASE NOTE: Make sure you take out any pixel based images before sending via email. This means delete any sketches or files from the internet.

 

2. Work on type treatments and logo designs

  • Digitally execute your sketches using illustrator.
  • Place each logo design on one page (on it's own page.)
  • Make at least 2 -3 variations of each design. (at least 5 pages, but I encourage you to do more.)
  • MUST be nicely placed on each page as shown in the following examples. (01, 02, 03, 04 ----NOTE:
    Neatly, evenly, small, and centered on the page - 8.5 x 11
  • Save the files as .pdf and PLACE in DROPBOX
  • This will be looked at in class on Thursday. - In front of the whole class.

3. Must have all practice files in dropbox by the end of this week.

 

 

 

__________________________________________________________________________________________________________________________________________________
Thurs 10/10

Demo

 

 

 

Setting up multiple art boards for stationery set.

Letter head (8.5 x 11)
(10 or 9 pt. type)

  • Name of company
  • logo
  • address, city, zip code
  • tele., fax
  • website
  • general email

Envelope - #10 business envelope
(4.125 x 9.5 check out this size chart)

    • Name of company
    • logo
    • address, city, zip code
    • website

Business card (2 x 3.5) or 3.5 x 2
(7 pt or 8pt type)

  • Name of company
  • logo
  • name of person whom works at the company
  • job title
  • address, city, zip code
  • tele, fax
  • cell phone of person on the card
  • website
  • Email of person on the card

 

Setting up art boards in Illustrator

 
 

Business cards

 
 
   

Homework

1. Finish Logo Design Ideas.
Must have at least 4 pages of variations of your logo design. See sample for layout. (sample01, Sample02)
Send through email your logos designs and get approval from the professor. Send to Roadworkdesign@sbcglobal.net

2. Begin to layout Ideas for Business Card, Letterhead, and envelop: Once you get approval from professor for your logo you will need to start laying out your stationery ideas.

  • You must have a final logo decided on.
  • If you do not have the final logo, you can not layout your stationery.
  • Look at samples
  • Start on Letterhead and business card if you can.
  • This is a start.
  • Create 10 different layouts for your letterhead and business card and see what happens.

3. Must have Photoshop book for new assignment. No excuses.

 

Week 8:
   
__________________________________________________________________________________________________________________________________________________
Tue 10/15

Class canceled


 

__________________________________________________________________________________________________________________________________________________
Thu
10/17

Demo- talk about logos and changes for improving your logos.

 

 

Homework:

Layout Ideas for Business Card, letterhead, and envelop
Create 15 different layouts in illustrator

  • See Above for size and content
  • Look at samples

Looking at: Stationery Systems

Letterhead samples: 01 | 02 | 03

Stationery set Samples: 01 | 02

Either Send an email with attachments or send a link from DropBox

Make the fields .pdfs

 

Must have Photoshop book for new assignment. No excuses.

 

Week 9:
   
__________________________________________________________________________________________________________________________________________________
Tue 10/22

 

Talk about next set of projects

 

Fashion/Car advertisement

 

See examples here.

 

Homework:

Due next class:

1. Research your product for Fashion/Car advertisement
[A Fashion/Car website will also be designed as well.]

2. 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 tag lines 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.

3. 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 tag lines 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.

Due Tues. October 29

4. Work on a Part 2: Presentation of the mood board for your brand.
Must be 11 x 17 horizontal.

See break down of what you need on your mood board in the assignment sheet. [ Fashion/Car advertisement ]
--- NO excuses. Must be done and uploaded to Dropbox before class.

 

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur
10/24

Overview of Photoshop

Demo #1: Class exercise on compositing.

Next project is discussed

Homework:

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

Work further on the Dog -Bradbury Building image composite (From Demo in class).
Try to clone out the people at the bottom.
Also try to include the truck in the image as well.

2. Practice #6: 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. Complete Part 2: Presentation of the mood board for your brand.
Must be 11 x 17 horizontal.

See break down of what you need on your moodboard in the assignment sheet. [ Fashion/Car advertisement ]
--- NO excuses. Must be done and uploaded to Dropbox before class.

 

 

 

 
Week 10:
   
__________________________________________________________________________________________________________________________________________________
Tue 10/29


Photoshop techniques

 

Demo #2: Eyes

Moving eyes to look in a different location

 

Homework:

1. Practice #7: 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)

__________________________________________________________________________________________________________________________________________________
Thu 10/31

Look at Moodboards

Break

Starting a new canvas
Using Quick Mask for editing
Cloning, Healing, (retouching skin) and whitening teeth
Changing color of eyes
Enhancing iris
Whiting eye

Demo #3: Making rain and mist

 

Homework:

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

2. Practice #8: 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 #9a & #9b: Go through tutorials in Photoshop book. Save file in Drop Box as Practice #9a, 9b

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

  • 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:

Texture with Layer Modes - pg. 82 -83 (CS6 Book) pg. 68-69 (CS5 Book)
Layered masks 2: Soft edges: pg. 86 - 87 (CS6 Book)
Layered masks 3: smoothing: pg. 88 - 89 (CS5 Book)
Layered masks: pg. 70 - 77 (CS5 Book)
Coloring black and white images - pg. 224- 225 (CS5 Book)
Major color changes- pg. 92- 93 (CS5 Book)

Go through all the videos listed at the bottom and to the right.

Photoshop techniques ;

 

 

Changing Brown eyes to Blue eyes (4 min)
Using adjustments layers
 
  Whiten Teeth (4 min.)
Using adjustments layers

 

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)

 

Making Rain

Making rain 02
(9 min)


 

__________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________
Week 11:
   
__________________________________________________________________________________________________________________________________________________
Tue 11/5

Begin your advertisement project.

  • Start a new canvas for your adverts.
    What is the size of the magazine?
    Best size for tablet devices.
  • Make sure you have a good hard drive to store these files. they will get very large in Megabytes.
  • Make sure you have good high resolution images.

 

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

Other techniques:

Smart Filters

 

 

Homework:

1. Practice #10: 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

2. Make a new canvas and start to bring your images in for your advert.

Make sure you have the correct size.
Work in RGB
Label all your layers
Do some minor color adjustments
Find strong backgrounds (city, architecture, interior spaces, exterior spaces, landscapes.... anything that works with your brand.)


 

 

 

__________________________________________________________________________________________________________________________________________________
Thu 11/7

Look at more compositing

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.

 

2. Practice #11a. 11b: Go through tutorial in Photoshop book.

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

  • 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: Save file in Drop Box as Practice #11a, 11b

Refine Edge: Fuzzy Logic - pg. 20-21 (CS6 Book)
Layer masks 4: auto masking
- pg. 90-91 (CS6 Book)
Adjustment Layers
- pg. 114-115 (CS6 Book)
Complex reflections
- pg. 264-265 (CS6 Book) pg. 262 - 263 (CS5 Book)
People and cars
- pg. 116-117 (CS5 Book)


 

 

 

 

 
Week 12:
   
__________________________________________________________________________________________________________________________________________________
Tue 11/13

Work Day: Look at students' adverts

Due Today:

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.)

Talk about how to improve on composition.

 

Homework:

1. Practice #12a, 12b, 12c: Go through tutorial in Photoshop book.

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

  • 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 3 of these: Save files in Drop Box as Practice #12a, 12b, 12c

Visible Light Source - pg. 176-177 (CS6 Book)
Turn the lamp on
- pg. 178-179 (CS6 Book)
Fixing wide angle objects
- pg. 146-147 (CS6 Book); pg. 132-133 (CS5 Book)
Shadow on Wall and Ground
- pg. 164-165 (CS6 Book)
Tricky ground shadows
- pg. 166-167 (CS6 Book)
Light from windows
- pg. 170 - 171 (CS6 Book)

 

 

__________________________________________________________________________________________________________________________________________________
Thur 11/14

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 #13: Go through tutorials in Photoshop book.

Making a custom Brushes Save files in Drop Box as Practice #13


Custom brush design 1-
pg. 416-417 (CS6 Book); pg. 416-417 (CS5 Book)
Custom brush design 2-
pg. 418-419 (CS6 Book); pg. 418-419 (CS5 Book)
A fuzzy Hair brush
- pg. 204-205 (CS5 Book)

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

2. Must have a clean refined layout for your Advertisement.
Must be with all your layers. You will save on a drive for professor to go through in front of class.

 

 
Week 13:
   
__________________________________________________________________________________________________________________________________________________
Tue
11/19

Look at layouts in class.

Introduce the last project. Project #4: Website for your car company or Fashion brand.

Show how to start to layout webpages

Phase 1:
  1. Find at least 4-6 different websites that are related to your fashion or car brand. (not your actual brand site, but sites that you think you want to try to mimic.)
    If there is a site you like to mimic, but it is not related to your brand, but you like to the direction of the site, that is fine too. But you need to look at what others are doing to get an idea of the industry standards.
  2. Take screen grabs of at least 3 links from each site.
  3. Open a few different screen grabs in Photoshop.
  4. Make separate layers and begin to layout the same style type, same point size, same positioning.
  5. Use guides to indicate grid structure in the site.
  6. Try to mimic the color, tone, and style of the site.
  7. The idea is to learn how to use Photoshop to design a webpage, but also to be able to recognize key design features in site development.

 

 

Homework:

1. Start Project #4:

Due: Start laying out in Photoshop your web sites. Project #4
Do Phase 1 as indicated above.

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.

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur 11/21

Labtime

 

Homework

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

Save files in Drop Box as Practice #14

Paper: Folding and crumpling - pg. 313 - 317 (CS65 Book); pg. 322 - 323 (CS5 Book)
or any section in the chapter on Paper and Fabric.

Introducing Image Warp
- pg. 48 - 49 (CS6 Book); pg. 44 - 45 (CS5 Book)
Image Warp in combination
- pg. 46- 47 (CS5 Book)

Puppet warping: Animal Tamer
- pg. 56-57 (CS6 Book)
& Puppet warping: get to grips- pg. 58- 59 (CS6 Book)
or Puppet warping - pg. 52- 55 (CS5 Book)

Major color changes-
pg. 92- 93 (CS5 Book)

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


 

 

 


Week 14:
   
__________________________________________________________________________________________________________________________________________________
Tue 11/26

Labtime

Homework:

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

Choose any 2 section of the book that were not assigned in previous practices.
Save files in Drop Box as Practice #15a & #15b

2. Have designs of website to show instructor for Next Monday.

3. Finish layout for Advertisment for Magazine. Start laying out versions for iPad.

 

Thur 11/28

Thanksgiving - No class on this day.

 

 

 
__________________________________________________________________________________________________________________________________________________
Week 15:
   
__________________________________________________________________________________________________________________________________________________
Tue 12/3

Labtime

 

Homework:

1. Work on finalizing your Advertisement

 

2. Due next class:

Website Project: All 3 screens should be layed out.

3. The following practice is due This Wed.
These will help you start your navigation.

Practice #16: Go through 2 of these tutorials.
Submit 2 files 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)

 

 
__________________________________________________________________________________________________________________________________________________
 
Thu 12/5

Demo

Show how to place your advert in the iPad.

Show how to mock up your advert in a magazine.

Have your Wedbsite pages designed and ready for instructor feedback.

 

 
__________________________________________________________________________________________________________________________________________________
Week 16:
   
__________________________________________________________________________________________________________________________________________________
Tue 12/10

Last class

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.

Music Poster - Saved as a pdf file (fonts outlined)

Stationery - Saved as an .ai file (fonts outlined)

Advertisements - Save as photoshop files

Web site - Save as photoshop files

(Save all these in a folder called portfolio and print to class on Monday

 

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

  • A low res. PDF
  • A high res. PDF

 

Go through these videos:

InDesign Linked Files
Package a project with InDesign
Packaging Files with Adobe Indesign

 

 

 

 
__________________________________________________________________________________________________________________________________________________
Thurs 12/12

Final Exam: ---- Thursday, Dec. 12th --- 8am - 10am

 

This is a drop off day. No presentation, no exam.

 

Everything is due on this day.

Must submit all work on Teacher's station or on Disk.

1. Rock Poster (.ai or .pdf file)

2. Logo, letterhead, business card, envelope (.ai or .pdf file)

3. Advertisement (iPad horizontal, iPad vertical, Magazine layout. (.pdf file)

4. WebSite Pages (3 documents) (.psd)

5. Also a version of all of these documents in single PDF, for presentation purposes.

6. Print out of your Movie poster.