e


Art 356: Computer Publishing
Dr. Paula DiMarco
Spring 2012 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 1/24

Introductions

Please read Syllabus

Homework:

Purchase:
Books
Hard drive and Flash drives

Read over the syllabus carefully

__________________________________________________________________________________________________________________________________________________
Thu 1/26

Explain the semester long Branding project and all the elements associated with the project- Performing Arts Center

Lecture:

Lecture on Logo design and the various types of logos.
Look at successful logos and unsuccessful logos.

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?

Use classic typefaces that stand the test of time. Stay away from trendy faces.

--Break

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


Homework: Due by email on Sunday, January 29th.
(the sooner you get your list in, the faster you can start on your sketches.)

1. Branding Project: (new logo)

Research different performing arts centers

  • 1) Find 6 really interesting and well designed centers/ organizations
  • 2) Find 6 really badly designed centers/ organizations (Make sure they are American based performing arts centers.)
  • 3) Gather links, take screen grabs, make pdfs and gather as much information on these 12 centers. (Do not just choose the first 10 you see in google. Be selective).
  • Email the professor your 12 links by Sun. Jan 29th
  • Provide a sentence explaining why they are badly designed or nicely designed.
  • Also provide a first second and third choice for which ones you want to redesign.

Note:

  • I will be giving you a list of all the performers and all the assets for the performers.
  • You will be redesigning the logo, the look and feel for the badly designed ones.

2. Read the chapter 7 from a great book about Logos.

Logo Design Love by David Airey

 

3. Watch These Videos

Best Logo Designs - Vol 1

 

Best Logo Designs - Vol 2

 

Logo Design Showcase

 

Logo Design Showcase

 

 

 

 

 

Week 2:
__________________________________________________________________________________________________________________________________________________
Tue 1/30

Look at the Researched Performing Arts Center Logos

Basic Illustrator

  • using guides
  • using layers

Use classic typefaces that stand the test of time. Stay away from trendy faces.

Looking at free fonts sites

Type setting:

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

Doing the type Treatments:

  • Making multiple pages in Illustrator
  • Making a PDF of your type treatment

 

Homework: Due Wed. Night 7pm in Drop Box

1. Look at graphic design books on logos.

Go to the bookstore or library and look at logo books. Study their shapes, sizes proportionally, colors, and type treatments. Look at the types of symbols and forms these logos take on. All logos are in shapes.

2. Part 1: Type treatments:

    1. Begin type treatments for names. Have at least 20 type treatments for each name of the center the professor has asked you to redesign. (so if you have 5 names x 20 = 100 names) Save this page with all the names as a pdf. (Page 01)

    2. make sure you adjust kerning as needed.

    3. Remember that this is a performing art center logo, so classic typefaces are the best faces to use.
    4. You can look at the typeface from the list above that are free, but they should be once designers would use.

    5. Choose the best 5 treatments from each name and place each treatment on one (on it's own page.) Take the 5 treatments and then make variations of those 5. So in essence you could have 5 x 5 names = 25 total of logo designs.

    6. Create a few more variations on each page. Make sure they are nicely designed on the page. (01, 02, 03, 04, 05 ----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 layout your type treatments. -Neatly, evenly, and centered on the page - 8.5 x 11)

    7. Save another version of all the things you do as Outlined type and save as .pdf

    8. Place your pdfs in Drop box by 7pm on Wed. night. Label your file as yourname-typetreatment.pdf

Note: Do Not print out just yet. Later, you will print out the type treatments chosen by professor, and use them for your hand sketches.

 

Don't forget to look at these logos for inspiration. (Researched Performing Arts Center Logos)


Other Logos

Effective logos 01

Effective Logos 02

Ineffective Logos

 

 

 

__________________________________________________________________________________________________________________________________________________
Thu 2/2

Talk about the logos.
Everyone needs to do thumbnails by hand on tracing paper.

Take your type treatments, Print them out, and create thumbnail sketches for ideas for your logos.

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?

Logo project example:

  • Background of the brand
  • Research in the style of brand identity
  • Examples of stages of a logo design
  • Example of a survey I created to research what people thought of various ideas for a logo design.
How to Design a logo - speed video

 

LOOK At these sketches. These are samples of what your sketches should look like.
---Detailed, clean, tight and strong line.

Homework:

Don't forget to look at these logos for inspiration. (Researched Performing Arts Center Logos)

Part 1: 30 thumbnail sketches of Logo design ideas: Due Tue at the beginning of class.

  • Work on 30 thumbnail sketches of various ideas for your performing art center logo.

  • Process of making thumbnail sketches

    1. Print out your type treatments
    2. With your type treatments create combination mark logo sketches using tracing paper. These combination marks should include the following:
      • Pictorial Symbols
      • LetterMarks
      • Abstract symbols

    3. Also, push your type treatments in your sketches

      • Make some of your type treatments look 3-D
      • Add other lines and outlined effects to your type.
      • Add texture.
      • Try some script
      • Put text in shapes
      • Play with negative space
      • Change some parts of the letters

    4. All sketches should be: ( See sample sketches)

      • Detailed
      • clean
      • tight
      • strong line

5. Make sure you go over any pencil drawings with pen so the sketches are dark.
Or make a xerox copied of them.

Week 3:
__________________________________________________________________________________________________________________________________________________

Tue 2/7

 

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

 

Professor will:

  • walk around and look at students sketches.

While waiting for the professor, Student will work on all of the following:

  1. Work on the Practice #1: Pen 01, Pen 02, Pen 03 in Adobe Illustrator.
    (if you did this in my other class already, then just copy the file you already did and place it in Drop box.)

  2. Practice #2: Go through at least 3 of the following tutorials.
    ( A thru N)

    Either work on your own logo or mock up something like what the tutorial uses. Just create something using the techniques and effects in the tutorial. It is recommended that you go through all 13 tutorials, but try to do at least 3 of them for now.

Note:
A, B, and C are very similar. So you can go through all three of these. You will get some of the same techniques but everyone has a different process.

A. Design a Logo using Adobe Illustrator -Tutorial

 

 

B. Creating a Logo in Illustrator

 

C. Designing a simple logo

 

D. Shapes & Pathfinder

 

E. Heart Shape Logo

 

F. -->3D arrows logo adobe illustrator tutorial

 

G. Lustconnect logo

 

H. How to Create 3D Logo in Adobe Illustrator

 

I. The Dreaded Redraw Illustrator Tutorial

 

 

J. Create logo from a sketch

K. Logo reflection

L. Crazy Logo

M. 3-d Logo

 

   
   
Additional tips & techniques you should know about:  

keyboard short cuts

Multiple Art boards

The Tilde trick

Distort

 

 


Homework:

  1. If you have completed your Practice #I and #2, please place in drop Box in a folder called exercises or practices.
    (If you do not finish them, that is fine, you have time to work on these at a later date. these are fillers for you to work on while you are waiting to speak to the Art Director.)

  2. I will be giving you all the images and performers for your Performing Arts Center. So please email me and let me know if you need me to make a DVD for you otherwise you will need about 4 GB of disk space for the content.

  3. Make sure you purchase your InDesign book. The book store on campus will be sending all un purchased books back to the seller. So if you do not buy it on campus then I assume you have bought the book online and are waiting for your shipment.

  4. Scan your Logo mark sketches (the ones chosen by the Art Director)

  5. Trace your sketches in Illustrator

  6. Place them with your type treatments.
    (only use the type treatments approved by Art Director)

Note: Nothing is due on thursday, but I want you to get started - the logomark trace will be due next week.

 

Remember these:

 

Logos

01

02

Ineffective Logos

 

__________________________________________________________________________________________________________________________________________________
Thu 2/9

Give Content of Performers

How to Make a contact sheet of all the images.

Talk about your stationary and a branding style sheet/ pamphlet for your logo.

 

Homework:

1. Practice #4: (Due Sunday evening by 7pm)
Find 2 tricks or tip about Illustrator (Somewhere online) it can related to creating logos.
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.

These can be videos or website pages.

Find a site that shows the steps to:

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

Send your links to those sites to professor on Sunday evening by 7pm.

2. Work on your logos for Performing Arts Center.

  • Scan your Logo mark sketches (the ones chosen by the Art Director)
  • Trace your sketches in Illustrator
  • Have your various marks put with your type treatments.
  • Make sure they are placed on the page in a neat and even matter. Like the examples: 01, 02, 03
  • Place in your logos in drop box as a .pdf (call them yourname-Logo-ideas.pdf)

 

 

 

Week 4:
__________________________________________________________________________________________________________________________________________________
Tue 2/14

Illustrator

Trace Logo symbols

  • Place sketch into Illustrator (Make sure it is embedded and not linked)
  • Change the opacity of the sketch
  • Lock it into a layer
  • Make a new layer
  • Trace using the pen tool
  • Stylize the object using thick and think lines
  • Try not to add color, work with grays for now.

Tips for Illustrator

  • Use the pen to trace
  • Expand to create thick and thin parts of your lines
  • using the smooth tool in illustrator
  • 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.

 

Here are some techniques that your classmate have found.

Illustrator Tips and tricks (thanks Janae)

Funny swirls in Illustrator (thanks Abed)

Using Effects to Create a Cool Design (thanks Beatrice)

Draw Sketch-style Icons (thanks Michael)

Logo design // create a modern font (thanks Eder)

scalable vector halftones in Illustrator

Live Trace Tool (thanks Shauna)

Using Live Paint (thanks Julian)

Glossy Button (thanks Kathryn)

3D Logo Tutorial (thanks Marlene & Vanessa)

3D light text effects (thanks Beatrice)

3D Logo tutorial (thanks Fangting)

3D company logo tutorial (thanks Fangting)

3D arrows logo (thanks Eder)

3D Text Effect in Illustrator (thanks Vanessa)

 

Homework:

 

1. Logo

  1. Continue with your logo. Create a page that has your logos on (See samples: 01, 02, 03)

2. Stationery Set

  1. Start looking at various letterheads and business cards. (See samples: 01, 02)
  2. Start to think about how yours would look. What will go on the letterhead? (What content or information?)

 

3. Performing Arts Brochure

Start your RESEARCH: (This is due next week)

  1. Bring in some ideas of size and style of brochure.

  2. Bring samples. .... the samples do not have to be from Art Centers. They just have to be samples of sizes, folds, design, etc. Samples can be digital photographs or actual objects or things you find online. Look in books as well and if you have to take photos of those book pages, do this for your research.

  3. How will the brochure look. Saddle stitch, etc. (you will not be building the brochure, so do not worry about construction.)

  4. You will only have 14 events. I will give you dates for one season (Aug. thru Dec) or
    (Jan thru May). You can do 2 seasons (a whole year if you like) but it is not necessary.

  5. Therefore, you will need to decide which performers you will be using for your brochure. (this is up to you. You choose 14 performers per season.)

  6. Find as much information on your performing arts center. You will have to provide content, about the center you are using.

    Gather all you have researched to show the professor next Tuesday Feb 21st..

I will supply the season subscription information. I will also provide information for your order form. (We will be building an order form as well. In an in class exercise.)

 

 

Check out this on LPI and screen frequency.

__________________________________________________________________________________________________________________________________________________
Thu 2/16

Look over Project description Sheet: Project 1: PAC Logo Brand

Illustrator

  • Setting up multiple art boards for stationery set.
    • Letter head (8.5 x 11)
    • Business card (2 x 3.5)
    • Envelop (This envelop will depend on the size of your brochure (so hold off on that.)

Letterhead samples: 01 | 02 | 03

Stationery set Samples: 01 |

Studio time:

Talk to professor about your designs. Get these finalized by the end of class. You should have your final designs on 8.5 x 11 sheets to print and look at next class.

Homework: For Tuesday Feb. 21

1. Finish Logo ideas and place them on pages (like these: 01, 02, 03) and make a PDF. Put in dropBox (Email professor)
If professor has approved them, print them out for next class and hang them on the wall.

2. Begin to layout 10 different stationery ideas. Make pdfs and place in Drop box. (Email professor)

 

Homework: For Thur. Feb. 23

Performing Arts Brochure

RESEARCH: (Have samples by next Thur.)

  1. Bring in some ideas of size and style of brochure.

  2. Bring samples. .... the samples do not have to be from Art Centers. They just have to be samples of sizes, folds, design, etc. Samples can be digital photographs or actual objects or things you find online. Look in books as well and if you have to take photos of those book pages, do this for your research.

  3. How will the brochure look. Saddle stitch, etc. (you will not be building the brochure, so do not worry about construction.)

  4. You will only have 14 events. (Aug. thru Dec) or (Jan thru May). Dates should be on a Thursday, friday, or Sat.
    You can do 2 seasons (a whole year if you like) but it is not necessary.

  5. Therefore, you will need to decide which performers you will be using for your brochure. (this is up to you. You choose 14 performers per season.)

  6. Find as much information on your performing arts center. You will have to provide content, about the center you are using.

    Gather all you have researched to show the professor.

 

 

Week 5:
__________________________________________________________________________________________________________________________________________________
Tue 2/21

Due:

  1. Look at logo ideas . They should be place on pages (like these: 01, 02, 03) as PDFs.
    And put in DropBox ... (called yourname-Logo-ideas.pdf)

  2. 10 different stationery ideas. As pdfs, place in Dropbox.
    • Letter head (8.5 x 11)
    • Business card (2 x 3.5)

Print out logos and hang up to get assistance on which logo will work the best.

Professor will come around and talk to you about your Letterhead and Business cards

Letterhead samples: 01 | 02 | 03

Stationery set Samples: 01

 

Break

Continue working and get a head start on your homework.

Homework:

For Wed. evening Feb. 22, by 7pm

1. Dates and list of performers on specific dates for your season brochure:

You will only have 14 events. (Aug. thru Dec) or (Jan thru May).
Set the dates and year for your events. Dates should be on a Thursday, Friday, or Sat.
You can do 2 seasons (a whole year if you like) but it is not necessary.
(If you are not sure about the order of the performers, you can always switch them around. But for now, have a list of the name of the performer, date and time.)

Send the professor an email of these, by 7pm on Wed. Evening

 

For Thur. Feb. 23

1. Refine stationery

Have final versions in digital form for feedback.

2. If you are finished with your logo, Print out a color versions and a black and white/ gray version on an 8.5 by 11 sheets. Hang up in class for people to see in the studio.

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur 2/23

Studio Time:

Look at your letterhead and business card designs

Check this new page out for inspiration. Business cards & Letterheads

 

 

Homework:

1. Final Logo: You must have your finished logo For Tuesday Feb. 28.

Print out your logo on one 11 x 8.5 sheet (With color specs.)
Design the page as such: Use this as a template : Example in PDF
(You can download one of these and use as a guide: CS4 version.ai | CS5 version.ai )
Print and
hang up in class for people to see in the studio.

2. Letterhead and Business card designs: Narrow down your 10 ideas to at least 4 designs

Outline all your type.
Save the final 4 designs as .ai files
Place in DropBox - Before class begins.
(Do not put in Drop Box after 8am on Tuesday.)
I will be going through your designs in the class and I will not have time to wait for dropped files)

Business cards & Letterheads

3. Check out the branding guidelines samples. Have questions and ideas. It will fit on 11 x 17 sheet. (see above for samples)

 

 

Week 6:
__________________________________________________________________________________________________________________________________________________
Tue 2/28

Presentation:

Look at your letterhead and business card designs from DropBox

 

Homework:

  1. All logos must be completed (if you are still struggling with this. You need to meet with the professor to finalize this.)

  2. Letterhead and Business card designs: Decide on the one design you are going to use.

  3. Look over the sheet for your branding guidelines.
    Gather all the elements listed.

**** You need to purchase your Text book from the book store. They will be sending these book back to the publisher. You will be assigned a reading from this book--next week.*****

Business cards & Letterheads

 

Letterhead samples: 01 | 02 | 03

Stationery set Samples: 01

 

__________________________________________________________________________________________________________________________________________________
Thur 3/1

Stationery System

  • Save your Illustrator files for the stationery, as .pdf files with crop marks.
  • Create an InDesign document on an 11 x 17 page
  • Place all your elements (Do not copy and paste.)
  • Make drop shadows or line strokes
  • The Layout should have the following
    • your name in Sans Serif typeface, 10 pt.
    • A brief description of the project. (In one sentence) 10pt type size. (please make sure you spell check. )
    • Both should be placed flush left or flush right in the lower left or lower right corner.
    • Name and description must be .75 from the bottom and .75 from the edge of the page.
    • These can be scaled down, just make sure they are proportional:
      • Business card (2 x 3.5)
      • Letterhead (8.5 x 11)
      • Envelope (4.125 x 9.5)
      • The Logo

 

Homework: Due on Tues.

1. Begin to Layout your stationery set using the program InDesign

**** You need to purchase your Text book from the book store. They will be sending this book back to the publisher. You will be assigned a reading from this book--next week.*****

 
Week 7:
__________________________________________________________________________________________________________________________________________________
Tue 3/6

Due today:

Final Logo: You must have your finished logo For Tuesday Feb. 28.

Print out your logo on one 11 x 8.5 sheet (With color specs.)
Design the page as such: Use this as a template : Example in PDF
(You can download one of these and use as a guide: CS4 version.ai | CS5 version.ai )
Print and
hang up in class for people to see in the studio.

 

Demo/lecture

Talk about the branding guidelines section of your project

  • Layout your information in an InDesign document on an 11 x 17 or 17 x 11 page
  • Place all your elements in your new InDesign document.
  • Making drop shadows or line strokes in InDesign.
  • Make sure you have a .5 blank white boarder around the edge of the layout.
  • Put the following in one of the corners of your page: Designed by: Your Name

Studio time:

Get some feedback or advice from professor on your stationery layout.

Homework: Due on Thurs.

  1. Layout your branding guideline set using the program InDesign
    Work on steps #1 and #2 in the following link: branding guidelines section of your project

  2. Finish layout of your Stationery system (using in Design) as a PDF. No print out for thursday. You must get approval from professor by email before you print the sheet out for Monday.
 
 
__________________________________________________________________________________________________________________________________________________
Thur 3/8

Look at students branding guidelines sheets

Homework: Due on Tuesday

  1. Digital layout of your branding guideline set using the program InDesign
    Work on step # 3 of branding guidelines section of your project
    Make sure you have completed steps #1 and #2 before you layout your sheet.

  2. Print out of your Stationery system (using in Design). You must get approval from professor by email before you print out

 

 

Week 8:
__________________________________________________________________________________________________________________________________________________
Tue 3/13

Due: Print out of your Stationery system (using in Design).

 

Strong effective Performing Arts samples:

Brochures - not PAC

 

Not well designed Performing Arts samples:

 

Homework: Due on Tuesday

1. Rework your branding guideline set using the program InDesign

Work on all steps of branding guidelines section of your project
PRINT OUT your Guidelines sheet for Tuesday.
Get Approval via email before printing.

2. Begin to prepare for your brochure design.

Figure out the size of the brochure.
Here are some sizes:

6 x 9 or 9 x 6

9 x 9.5

6 x 10.5

6 x 11

6 x 7.75

6 x 8.25

 

5.75 x 9

7.5 x 9.5

8.75 x 8.75

9 x 11

9.5 x 8.75

Begin to layout your performers. You can layout at multiple performers on one or 2 pages or you can layout one performer per page.
Should be organized either as a series, or by date.
You will need to include a calendar, or season at a glance page/spread. So you might want to set that up too.



**** You need your textbook to read from. --This will be announced soon, so check banck.

 

Secret to street pole banners

Banners as art

Art Museum Visual branding

__________________________________________________________________________________________________________________________________________________
Thurs 3/15

No Class

Homework: Due on Tuesday

1. Rework your branding guideline set using the program InDesign

Work on all steps of branding guidelines project
PRINT OUT your Guidelines sheet for Tuesday.
Get Approval via email before printing.

2. Begin to prepare for your brochure design.

Figure out the size of the brochure.
Here are some sizes:

6 x 9 or 9 x 6

9 x 9.5

6 x 10.5

6 x 11

6 x 7.75

6 x 8.25

 

5.75 x 9

7.5 x 9.5

8.75 x 8.75

9 x 11

9.5 x 8.75

  • Begin to layout your performers. You can layout at multiple performers on one or 2 pages or you can layout one performer per page.


  • Should be organized either as a series, or by date.

  • You will need to include a calendar, or season at a glance page/spread. So you might want to set that up too.

 

 

 

Week 9:
__________________________________________________________________________________________________________________________________________________
Tue 3/20

 

Due:

PRINT OUT branding guidelines project

Studio time:

  • Work Time
  • Professor will take a look at your branding guidelines. Some of you may have to reprint if changes need to be made.

  • Work on your brochure designs using InDesign

    Remember the sizes:

    6 x 9 or 9 x 6

    9 x 9.5

    6 x 10.5

    6 x 11

    6 x 7.75

    6 x 8.25

     

    5.75 x 9

    7.5 x 9.5

    8.75 x 8.75

    9 x 11

    9.5 x 8.75

    • Begin to layout your performers. You can layout at multiple performers on one or 2 pages or you can layout one performer per page.

    • Should be organized either as a series, or by date.

    • You will need to include a calendar, or season at a glance page/spread. So you might want to set that up too.
 
 
__________________________________________________________________________________________________________________________________________________
Thur 3/22

Demo: Basic InDesign

 

Setting up pages

  • facing pages for magazines
  • Put in a bleed

Master page Items

 

 

Global preferences vs. local preferences

  • Change to inches
  • Change greeking (Display & Performances)
  • Change colors of margins and guides

Margins and columns

  • set up your margins to be no less than .25 on the outside and .5 on the inside
  • Make sure you have 6, 8, or 12 columns
    (Different types of grids)
 

Working with text

  • Bringing text into indesign from an .rtf or .doc or .docx
  • Making text flow from one column to the next.
  • Changing typefaces
  • Making the title of the article in a new text box. (Separate words for flexibility.)

Images

  • Putting images in Shapes- like outlined text
  • Add textures to backgrounds-Applying modes to texture
  • Using the Gap Tool to change the gaps between pictures
  • Changing corners of image frames
 

 

Background, Shapes & transparency

  • Making shapes using the pen tool
  • Bring shapes from Illustrator
  • Finding free vector shapes online
  • Making boxes have different options- transparency & modes
 

 

 

 

 

For a basic run down of InDesign click on these link and download the pdf. [Indesign CS4, InDesign CS5]

Setting up your file for Performing arts brochure

  • Make sure it is Facing pages.
  • Put in a bleed and slug
  • set up your margins to be no less than .25 on the outside and .5 on the inside
  • Make sure all your final photos are .psd files. You can first work with .jpgs, but if you change the image in anyway, you need to save each image as .psd.
  • Eventually you will need to making all the photos .psd and 266 ppi.) This will be explained.

 

Homework:

Read article on resolution: Page 01 | Page 02

1. Due in Drop Box by Tuesday March 27th in the evening (no later than 5pm) via email:
(you will have time to refine and work on these in class on tuesday, but must be sent by 5pm )

Practice #5: Submit in DropBox your beginning layouts.
Use the information from the reading listed below and apply what you have learned to the layouts.

With your editorial content (All your images and text) go through the book, InDesign Type.

Chapter 1: Getting started
Chapter 2: Getting type on your page
Chapter 3: Character Formats (Go though your copy and make sure titles of performances are italized and not with quotes. Do underline or use quotes for titles of performances, instead use italics.)
Chapter 4: Leading
Chapter 5: Letter spacing, Tracking, and Kerning - - - - - show that you understood this by adjusting kerning and tracking on your titles and subtitles.

This also should be in your files:

  • 4 different files, each files should have at least 4 spreads. Also have a cover for each design solution.)
    These should have a totally different look and feel.


  • Make sure all your pictures are .psd file and not .jpg files. (Work in RGB for now)

  • Set up a grid structure with margins and columns

  • Set up an indesign document with a pagination, the page numbers should be larger numbers and not 1, 2, 3.
  • Bring images and text for your first spread only. Check out the samples of brochures.

  • Use 3 different styles of typefaces.

  • 3 different layout ideas.

  • Send each design set (3 sets total) via email as a Low resolution .pdf

  • Must be done in InDesign.

 

Strong effective Performing Arts samples:

Not well designed Performing Arts samples:

Brochures - not PAC

 

 

Week 10:
__________________________________________________________________________________________________________________________________________________
Tue 3/27

Due in Drop Box Today (no later than 5pm) via email:
(you will have time to refine and work on these in class on tuesday, but must be sent by 5pm )

Practice #5: Submit in DropBox your beginning layouts.
Use the information from the reading listed below and apply what you have learned to the layouts.

With your brochure content (All your images and text) go through the book, InDesign Type.

Chapter 1: Getting started
Chapter 2: Getting type on your page
Chapter 3: Character Formats (Go though your copy and make sure titles of performances are italized and not with quotes. Do underline or use quotes for titles of performances, instead use italics.)
Chapter 4: Leading
Chapter 5: Letter spacing, Tracking, and Kerning - - - - - show that you understood this by adjusting kerning and tracking on your titles and subtitles.

Submit in dropbox jpgs only of your layouts that show you did some of the features from the book.
Total should be 2 - 4 jpgs or screen grabs.
Please label these as Practice #5-a, Practice# 5-b, etc

 

Project #2: Brochure Design

Demo: InDesign


 

Packaging your file:

 

 

 

Other features

  • Setting up grids
  • Using layers
  • Drop Caps
  • Dynamic Spelling
  • Fit Picture in Frame
  • Hanging punctuation: Aligning quotes outside of a the line
  • Optical Margin Alignment: Story option

 

 

 

 

Homework:

  1. Go through the videos above. Please do this before Thursday, so you can ask me questions.

  2. Read over new project sheet: Project #2: Brochure Design

  3. Continue working on your layouts. (You can start on your homework for spring break.)

 

 

 

 

 

 

 

 

 

 

 

Wrapping Text

Understanding text wrap (9 min)

How to work with Images ( 20 min)

Placing Graphics from Illustrator to InDesign ( 5 min)

 

__________________________________________________________________________________________________________________________________________________
Thur 3/29

 

Demo: Look at your layouts

 

 
  • Glyphs
    (Bickham (A) and Adobe Jensen Pro)
  • Baseline Shifting
  • Inline Graphics
  • Paragraph indents instead of tabs
  • Character Style
  • Paragraph Style

 

Text Wrap (text running around)

  • Making a shape for an image
  • Adjusting the distance of wrap in the Text Wrap panel
  • Changing the clipping of the wrap to "detect edges"
  • Fine tune each point to change the shape
   
  • Tabs and spacing
  • Kerning and Leading
  • Spanning text across columns of text
  • Split text into rows
  • Create a different size pages using the New Page tool in CS5
  • Transparency & Effects

 

     

Designing a postcard:

See samples of designs of postcards and adverts

Design a 6" x 9" postcard for a series of events.

See my sample: front | Back

 

Homework:

1. Work on your layouts for your brochure. Here are some samples to look at from the VPAC.
Have a strong direction and get feedback from professor.

2.Design a 6" x 9" postcard for a series of events. - 3 pdf's of 3 different designs. this must be based on the same look and feeling as your brochure.

A. You can choose, 3-5 events in chronological order- like November events or November and October events.

or

B. You can do a postcard for a series of 3-5 events. (Like dance, spoken word, grass roots, etc)

The postcard must have a back that is able to be mailed but has information about the events. See example for details:
See my sample: front | Back

 

3. Practice #6: Work on the following and Submit in DropBox jpegs of your progress
Use the information from the reading listed below and apply what you have learned to the layouts.

With your brochure content go through the book, InDesign Type, use some of the features talked about in the book on your Page layouts.

Chapter 6: Small (but Important) Details
Chapter 9: Breaking words, lines, paragraphs, and pages
Chapter 12: Global Formatting with Styles
Chapter 13: Working with Text Wraps - - - - - Use text wrap option on at least one item.
Chapter 11: Drop Caps - - - - - Use the drop caps on your very first paragraph

Submit in dropbox jpgs only of your layouts that show you did some of the features from the book.
Total should be jpgs or screen grabs.
Please label these as Practice #6-a, Practice# 6-b, etc

 

3. Go through the following videos:
If you know what the presenter is talking about in the tutorial, then skip to the next video to learn something new.

 

 
Glyphs (2 minutes)  

Paragraph-level Formatting ( 6 min) |

 

Basics of Paragraph styles (8 min)

 

 

Character-level Formatting ( 5 min)  

 

 

Samples from the VPAC

 

__________________________________________________________________________________________________________________________________________________
 

---Spring Break---

Check out these:

 

Magazine Table of Contents (16 min)

 

Go through these videos

Packaging Your layouts (2 min)
Transparency & Effects (2 min)

 

InDesign CS 5.5 from Start to Finish (14 minutes)

 

 

Drop Caps (4 minutes)
Applying Hanging Punctuation (4 minutes)

 

 

 

Text Wraps (8 min)

 

CS5- top 5 new features (7 minutes)

 

 

 

CS5- top 10 typography tips - Part 1 (9 minutes)

 

 

 

 
__________________________________________________________________________________________________________________________________________________
Week 11:
   
__________________________________________________________________________________________________________________________________________________
Tue 4/10

Professor will walk around and see where you are with your layouts

Studio Time:

Project #2: Brochure Design

Work on your layouts for your brochure. Here are some samples to look at from the VPAC.
Have a strong direction and get feedback from professor.

Designing a postcard:

See samples of designs of postcards and adverts
Design a 6" x 9" postcard for a series of events.

3 pdf's of 3 different designs. ---based on the same look and feeling as your brochure.

Front: (images, names, and dates) See my sample: front

A. You can choose, 3-5 events in chronological order- like November events or November and October events.
or
B. You can do a postcard for a series of 3-5 events. (Like dance, spoken word, grass roots, etc)

Back: Make sure it has the following: See my sample: Back

  1. address
  2. Your logo for the PAC
  3. Telephone number, website
  4. A list of the events you are featuring.
  5. Ticket master logo, and any sponsor logos
  6. The stamp area should read like the example (Non Profit Org U.S. Postage PAID Name of center.

Homework:

1. Continue working on Brochure Design

Remember to look at samples

Strong effective Performing Arts samples:

Not well designed Performing Arts samples:

Brochures - not PAC

2. Work on Postcard design.

3. Go through the videos. If you need extra help, make an appointment with professor.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Samples to look at from the VPAC.

__________________________________________________________________________________________________________________________________________________
Thur 4/12

Studio time:

Look at your work.

 

Lecture:

Pagination of the brochure: You will need the following in your brochure. These do not have to be in this order, but should be thought out logically.

      • Cover
      • Table of Contents
      • Welcome letter
      • All 14 performances
      • Map/ location/ directions
      • Patron information (Subscription)
      • How to order tickets
      • Order Form --- Please leave a space for this. This will be a class in the next couple of week.
      • Back cover for mailing

    Note: Some of these items will be on 1 page, some on 2 pages. This depends on the copy and what you want to do with your designs. Plus your document must be in sets of 4, so it depends on the page count as well.

  • Ordering information
    • How will the people order tickets?
      You will need to find on the current website ordering information for your performing arts center.
      • You need: telephone, email address, website, etc.

Designers typically show a pagination sheet that shows what elements go on what pages. Here is an example of a pagination for a branding book.

* Note: This pagination is typically layed out in a clean and consistent manner. This means the text would be in the same location on every page. The page numbers would be on the outside margins of the pages. The typeface would be a classic typeface (Sans Serif is always the best solution). The orientation (Size) is always the same as the actual layout size. Designers use color in the type or on the page to indicate sections, ads, or articles.

 

 

Homework:

  1. Brochure Design: For Next class, Have your layouts using indesign. If you have not designed specific pages, than type out some information on what will be placed on that page. (Like a pagination). Make sure you have all the items listed above in your document. Package what you have so far.
    Place on a USB to give to professor to look at in class on Tuesday April 13th. Be ready by 8am. Professor will go through what you have so far in front of the class.

  2. Postcard Design: For Next class, Package what you have so far. Place on a USB to give to professor to look at in class on Tuesday April 13th. Be ready by 8am. Professor will go through what you have so far in front of the class.


  3. Practice #7: Work on the following and Submit in DropBox jpgs of your progress
    Use the information from the reading listed below and apply what you have learned to the layouts.

    With your brochure content go through the book, InDesign Type, use some of the features talked about in the book on your Page layouts.

    Chapter 7: Alignment
    Chapter 8:
    Paragraph Indents and Spacing
    Chapter 9: Breaking (and Not Breaking) Words, Lines, Paragraphs, and Page

    Submit in dropbox jpgs only of your layouts that show you did some of the features from the book.
    Total should be jpgs or screen grabs.
    Please label these as Practice #7-a, Practice# 7-b, etc.

 

(see these steps for packaging a file from InDesign)

 

Packaging Your layouts (2 min)

FYI: Make sure you have done all these.

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 at least 3 of the tutorials posted in Week 3

Practice #3: (there is none. my mistake)

 

Practice #4: Find 2 tricks or tip about Illustrator (Somewhere online) it can related to creating logos.

Find a site that shows the steps to:

1) Something you did not know about, but you learned from the tutorial.

2) Something cool and interesting.

Practice #5: Submit in DropBox your beginning layouts. Use the information from the reading listed below and apply what you have learned to the layouts.

With your brochure content (All your images and text) go through the book, InDesign Type.

Chapter 1: Getting started
Chapter 2: Getting type on your page
Chapter 3: Character Formats (Go though your copy and make sure titles of performances are italicized and not with quotes. Do underline or use quotes for titles of performances, instead use italics.)
Chapter 4: Leading
Chapter 5: Letter spacing, Tracking, and Kerning - - - - - show that you understood this by adjusting kerning and tracking on your titles and subtitles.

Please label these as Practice #5-a, Practice# 5-b, etc

Practice #6: Work on the following and Submit in DropBox jpegs of your progress. Use the information from the reading listed below and apply what you have learned to the layouts.

With your brochure content (All your images and text) go through the book, InDesign Type.

Chapter 6: Small (but Important) Details
Chapter 9: Breaking words, lines, paragraphs, and pages
Chapter 12: Global Formatting with Styles
Chapter 13: Working with Text Wraps - - - - - Use text wrap option on at least one item.
Chapter 11: Drop Caps - - - - - Use the drop caps on your very first paragraph

Please label these as Practice #6-a, Practice# 6-b, etc

Practice #7: Submit in DropBox your beginning layouts. Use the information from the reading listed below and apply what you have learned to the layouts.

With your brochure content (All your images and text) go through the book, InDesign Type.

Chapter 7: Alignment
Chapter 8: Paragraph Indents and Spacing
Chapter 9: Breaking (and Not Breaking) Words, Lines, Paragraphs, and Page

Please label these as Practice #7-a, Practice# 7-b, etc

 
 

 

 

 
Week 12:
   
__________________________________________________________________________________________________________________________________________________
Tue 4/17

Demo:

Lets look at what you have.

Apply paragraph style and character styles to your performing arts brochure. Package your indesign file and submit to professor before class On tuesday, Nov. 2. She will check to see if you have applied the paragraph and character styles to your document.

 

Homework:

Check out the following:

Videos on Paragraph Styles 01 | 02

Character styles.

Videos on Character Styles 01

 

 

 
__________________________________________________________________________________________________________________________________________________
Thur 4/19

 

Creating an Order form in Indesign

  • You will be creating this order form in Indesign
  • Next week I will show you how to make the order form interactive using Acrobat.
  • Therefore the order form should be simple, no images in the background and it should have a grid and structure.

Your Order form should fit on 1 or 2 pages. If your pages are small, then you might want to consider a fold out Order Form.

Here are some samples of order forms:

01-a | 02-a | 03-a | 04-a

Hylton Center order form

Sandler Center order form

CSUN Valley Performing Arts Center Order form

Bravo Performing Arts Center order form

Main elements of your order form page:

    1. Title of the page : Order Form

    2. Ticket section of the order form:
      • Columns for the following:
        • Event name
        • Event date & Time
        • Event Price (If price is different based on seating, then you need to include this as well.
        • Number of Tickets
        • Total

      • Rows for the following:
        • Each event
        • Subtotal
        • Handling fee
        • Any other items such as donations, or discounts

    3. Payment Section
      • First name
      • Last name
      • Address _ City _ State _ Zip
      • Phone _ Email
      • Bill my card _ Amex _ MC _ Visa _ Discover
      • Card Number
      • Expiration Date
      • Signature
      • Pay by Check _ Make check payable to (name of the performing arts Center

Homework:

  • Have your brochure layouts completed by Tuesday. We need to have this completed so we can start on some interactive features.


  • Work on an order form in InDesign- Does not have to be completed. But should be experimented with. Maybe look at other order formers and mimic those forms. Order Forms should have the above information. You can sketch it out first and run it by me to make your process much easier.

 

 

 

Note:

Make sure you have a table of contents in your brochure and a page on how to order tickets.

See samples for order forms, table of contents and ticket information.

sample 01 | sample 02 | sample 03 | sample 04

Week 13:
   
__________________________________________________________________________________________________________________________________________________
Tue 4/24

Due- your brochure layouts completed. Professor will look at what you have so far.

 

 

Homework:

Bring all your pdfs of your projects and any other projects for your portfolio. We will be creating a pdf portfolio and also adding interactivity to the portfolio as well.
(Make sure they are not too high of resolution but not too low)

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur 4/26

Interactive

Here are my Notes 01 | Notes 02 for my demo on interactivity in Indesign.

  • (these notes are really for my purpose. I went through them and made them more detailed. But they are not useful if you are not watching the demo in class.)
  • You can print them out or open them up to follow along with me.

You might want to set up your panels to look like this. (Panels layout)

 

CS5- top 10 typography tips - Part 2 (11 minutes)

Interactive Attributes

 

 

 

Homework:

1. Practice the interactive features you have learned in class

2. Bring all your files from the class ready to layout in an interactive portfolio.

3. Go through these videos to prepare your files for print.

Prepress Essentials
#1 of 6
#2 of 6
#3 of 6
#4 of 6
#5 of 6
#6 of 6 -packaging


Week 14:
   
__________________________________________________________________________________________________________________________________________________
Tue 5/1

Interactive:

Making your portfolio pages interactive.

Notes 01 | Notes 02 | Notes 03 | Making interactive Portfolio

 

Here is some videos for prepping files

You can check out a series of videos that help you prep your files for printing.
(See the links Pre press Essentials to the right)


But the ones I think you should check out the following ones below.)

Linked Images

 

Bleeds

 

InDesign Linked Files

 

Package a project with InDesign
Packaging Files with Adobe Indesign

Homework:

1. Practice the interactive features you have learned in class

2. Work on your interactive portfolio.

3. Finish up your brochure and post card

4. Go through these videos to prepare your files for print.

Prepress Essentials
#1 of 6
#2 of 6
#3 of 6
#4 of 6
#5 of 6
#6 of 6 -packaging

 

 

 

Prepress Essentials
#1 of 6
#2 of 6
#3 of 6
#4 of 6
#5 of 6
#6 of 6 -packaging

 

Converting Spot Colors to Process (8 min.)

Thursday 5/3

TBA

Some examples of portfolios:

Sample01 | Sample 02 | Sample 03 |

38 Impressive Graphic Design Portfolios

50 excellent Portfolios

website portfolio 01 | website portfolio 02 |

Homework:

Due: On Exam Day. Print out of pages of your brochure. Place on an 11 x 17 page.

1. Print --- Final Brochure and Postcard:

Set up all your items on 11 x 17 pages in InDesign. (at least 3 print outs)
Create a high resolution PDF no compression and down sampling .
Place the low resolution version (smaller than 4 MB in the Drop Box)

The final layouts must have the following items on your pages:

    1. best spreads from your brochure (must have cover and the order form pages)
    2. Postcard (Front and Back)
    3. Logo on one of the pages
    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.
  Advanced stuff

 

 

 

 
__________________________________________________________________________________________________________________________________________________
Week 15:
   
__________________________________________________________________________________________________________________________________________________
Tue 5/8

Don't forget!

Interactive portfolio of samples of your work from this class. PDF or .SWF files should have the following.

  • Cover page
    • Name and contact information
  • All the work from this class.
    • Postcard
    • Brochure (At least 3 screens showing the best pages from the brochure.)
    • Order Form
    • Logo
    • Stationery
    • Branding Guidelines
  • You can include work from other classes but not require
  • Last screen: name and contact info.

Things to think about:

  1. Creating outline on text to change certain features of your title.
  2. Make guides behind your images (in preferences)

Prepress- prepping design:

Finalization of your layouts:

  1. Making sure your paragraph styles are applied to your body copy.

  2. make sure you have page numbers

  3. Check to make sure all margins and guides are consistent through out your document.

  4. Check out your safe zone and make sure there is no text in your margin areas.

  5. Fix any hyphenations.

  6. Check for widows, orphans and rivers (Tighten Kerning on lines of text to make text flow better.) (Use soft return-shift-Return, to move text down to adjust the flow)

  7. Check Spelling

  8. Make sure all your text columns are align to a grid.

  9. Print out and look at all the details.

  10. Covert all your colors of your shapes and type from RGB or spot colors to CMYK. (you should have made some saved colors in your swatches.)

  11. Setting up bleeds and pull images and graphics over to the bleed guide.

 

 

Prepping File for final submission:

  1. First, you want to package your file. (Make sure you trash the file you were working on and use the new packaged file.

  2. Second, you want to make all the images in the links folder .psd files. (so open all jpegs up and save as .psd file)

  3. Third, trash all the .jpg files.

  4. Fourth, open your indesign file up and re link all your images. (They should have a question mark on all the images, because you should have trashed all the .jpgs.)

    Relinking means to open the Links panel and click on the link button at the bottom of the panel and go to your links folder and select the images.

  5. Fifth, Go through all your images and resize them so they are 266 ppi and 100%.

    This process is done by going back and forth between inDesign and Photoshop.
      • You need to copy the % in inDesign
      • Launch the image through the links panel
      • Your image should be in Photoshop and go to image size and change the ppi to 266. (Make sure you have the Resample Image is not checked)
      • Click ok
      • Now go back to the image size and change to percent and make the image the same percent as the one listed in indesign.
      • save and go back to InDesign
      • Do this for all your images. (Watch out if you have duplicated. this could mess up one image and not the other)

  6. Sixth, Make sure all images are CMYK.
      • Look in the links panel and you will see the images listed as RGB, click on each one of these and change them to CMYK in Photoshop (Image > Mode)

Homework:

  1. Print --- Final Brochure and Postcard:

    S3 sheets (11x17 paper) of your strongest layouts. (Cover + Layout or any 2 layouts on each page. )
    Create a high resolution PDF no compression and down sampling .
    Place the low resolution version (smaller than 4 MB in the Drop Box)

    The final layouts must have the following items on your pages:

      1. best spreads from your brochure (must have cover and the order form pages)
      2. Postcard (Front and Back)
      3. Logo on one of the pages
      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.

  2. Outlined .PDF file of the logo for performing arts center

  3. Packaged folders (Links and Fonts) of the following:
    • Stationery
    • Branding Guidelines
    • Postcard
    • Brochure
    • Order Form

  4. Interactive portfolio of samples of your work from this class. PDF or .SWF files should have the following.
    • Cover page
      • Name and contact information
    • All the work from this class.
      • Postcard
      • Brochure (At least 3 screens showing the best pages from the brochure.)
      • Order Form
      • Logo
      • Stationery
      • Branding Guidelines
    • You can include work from other classes but not require
    • Last screen: name and contact info.

 

seating charts
__________________________________________________________________________________________________________________________________________________
 
Thurs 5/10

Work on your Portfolio of all your work. Remember the portfolio file must be interactive.

Homework:

Print out of your brochure pages has been pushed to exam day. See what esle is due on exam day (See below)

DO NOT BE LATE FOR EXAM

Must be on time, at 8am sharp.
Door will be shut and locked and you can not enter.
No exceptions!!!!!!!

 
__________________________________________________________________________________________________________________________________________________
Week 16:
Exam Week  
__________________________________________________________________________________________________________________________________________________
Thurs 5/17

Exam

schedule from 8am - 10 am on Thursday May 17th

Don't be late. Don't be absent.

Everything is due on this day.

Must submit on Teacher's station or on Disk the following:

  1. Print --- Final Brochure and Postcard:

    3 print out sheets (11x17 paper) of your strongest layouts. (Cover + Layout or any 2 layouts on each page. )
    Create a high resolution PDF no compression and down sampling .
    Place the low resolution version (smaller than 4 MB in the Drop Box)

    The final layouts must have the following items on your pages:

      1. best spreads from your brochure (must have cover and the order form pages)
      2. Postcard (Front and Back)
      3. Logo on one of the pages
      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.

  2. Outlined .PDF file of the logo for performing arts center

  3. Packaged folders (Links and Fonts) of the following:
    • Stationery
    • Branding Guidelines
    • Postcard
    • Brochure
    • Order Form

  4. Interactive portfolio of samples of your work from this class. PDF or .SWF files should have the following.
    • Cover page
      • Name and contact information
    • All the work from this class.
      • Postcard
      • Brochure (At least 3 screens showing the best pages from the brochure.)
      • Order Form
      • Logo
      • Stationery
      • Branding Guidelines
    • You can include work from other classes but not require
    • Last screen: name and contact info.

 

 
__________________________________________________________________________________________________________________________________________________