Art 356: Computer Publishing
Dr. Paula DiMarco
Fall 2011 Schedule

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

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


Week 1:
Tue 8/30

Introductions

Please read Syllabus

Homework:

Purchase:
Photoshop & Indesign books
Hard drive and Flash drives

Read over the syllabus carefully

__________________________________________________________________________________________________________________________________________________________________________________________________
Thu 9/1

Overview of Photoshop

Demo #1: Class exercise on compositing.

First project is discussed

Homework:

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

Work further on 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 #1: Practice what you have learned, based on the demo

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

No visible feathering of images.
No montages of image.

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

3. Research other types of automotive or fashion advertising?

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

4. Research your product for assignment #1:

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

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

Photoshop Overview

Week 2:
__________________________________________________________________________________________________________________________________________________________________________________________________
Tue 9/6

Lecture:

Question/ answer about the demo from last thursday
("Dog and Building" file).

Photoshop basics
Starting a new canvas
Burning and dodging
Cloning and retouching

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

Talk about how to put your images in a presentation.

Break

Studio work time:

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

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

Students will work on their thumbnail mood/style presentation.

Homework:

Research your product for assignment #1

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

Check out this site!
__________________________________________________________________________________________________________________________________________________________________________________________________
Thu 9/8

Photoshop techniques

Starting a new canvas

Advantages and disadvantages to using the Burning and dodging

Using Quick Mask for editing

Cloning, Healing, (retouching skin) and whitening teeth

Demo #2: Eyes

Moving eyes to look in a different location

Changing color of eyes

Enhancing iris

Whiting eye

Break

Studio time

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

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

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

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

Homework:

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

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

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

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

 

 

 

 
 

 

 

People:

Smoothing Skin (4 min)

Ultimate MakeUp

Face Makeover

Retouch/Digital Makeup (6min)

Changing eye color (2 min)

Brown to Blue Eyes (4 min)

Whiten teeth
(4 min)

 

Automobiles:

3D Reflections
(3 min)

Replace color Option 01 ( 2 min)

Replace color Option 02 (2 min)

Change Color of Car (3 min)

Motion Blur (5 min)

Week 3:
__________________________________________________________________________________________________________________________________________________________________________________________________

Tue 9/13

 

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

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

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

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

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

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

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


Homework:

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

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

 

 

__________________________________________________________________________________________________________________________________________________
Thu 9/15

Lecture:

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

Did you understand it?

Can you identify the best resolution for a particular project?

Demo #3: Making rain and mist

Break

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

Other techniques:

Smart Filters

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

-----

Homework:

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

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

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

Composite a person or a car in the space.

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

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

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

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

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

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

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

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

Find a site that shows the steps to:

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

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

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

Create a Surreal Turtle Image

Apply Textures to Uneven Surfaces

Fiery Space Explosion

Space Helmet

Water Effect

Blend Photos Like A Hollywood Movie Poster

Sunlight Through the Clouds

Create a Surreal Photo

Sunlight Through the Clouds

Intro to Compositing

Make a Daylight City into a Warezone

Blending exposure and adjusting light

Videos:

Smooth Skin and Sharpening

Removing glasses

Changing hair color

‪Virtual Weight Loss‬

 

Videos for CS5

Refine Edge (CS5)

Puppet Warp (CS5)

Puppet Warp (Lynda.com) (CS5)

Masking in CS5-

 

 

Changing hair color (4 min)

Extract hair

Hair Cutouts
(5 min)

Other

Hair Selections (4 min)

-----

Clone Source Window (2 min)

Smoke Effect
(4 min)

Making Snowfall (9 min)

Fake Depth of Field (2 min)

Making Rain

Making rain 02
(9 min)

Another way
to create rain
CS5 (2 min)

Create the drops from Rain (11min)

 

----

Unsharp mask and smart filters (5min)

Week 4:
__________________________________________________________________________________________________________________________________________________
Tue 9/20

Short Demo: Demo 05

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

Studio Time

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

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

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

Homework:

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

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

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


 

Spice an image up (10 min)

Check out this on LPI and screen frequency.

__________________________________________________________________________________________________________________________________________________
Thu 9/22

Lecture/Demo: Demo 06

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

Look at Students' adverts. Make suggestions.

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

Homework:

1. Keep working on the comps as discussed by professor

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


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

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

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

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

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

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

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

Choose 2 of these:

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

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

 

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

Glowing Lines Photoshop Tutorial

Photoshop Tutorial - Neon text effect!

How to add reflection

Create a Graphic Statue in Photoshop

Super Slick Dusky Lighting Effects in Photoshop

Grunge Photo Edges

How to Apply Textures to Uneven Surfaces

Creating a Typographic Wallpaper

Creating a Smoke Shaped Image in Photoshop

Colorizing Images With Gradients In Photoshop

Design an Indie Rock cd cover in Photoshop

Summer to Winter Touch-Up

Use Lighting Effects to Make Photos Sparkle

Create a Print-Ready Blu-ray Packaging Design

Sparkling Hot Girl in Photoshop

Realistic Running Water

Dramatic Text on Fire Effect in Photoshop

Create an Electric Feel in Photoshop

Create a Surreal Turtle Image

Apply Textures to Uneven Surfaces

Fiery Space Explosion

Space Helmet

Water Effect

Blend Photos Like A Hollywood Movie Poster

Sunlight Through the Clouds

Create a Surreal Photo

Sunlight Through the Clouds

Intro to Compositing

Make a Daylight City into a Warezone

Blending exposure and adjusting light

Videos:

Smooth Skin and Sharpening

Removing glasses

Changing hair color

‪Virtual Weight Loss‬

 

Videos for CS5

Refine Edge (CS5)

Puppet Warp (CS5)

Puppet Warp (Lynda.com) (CS5)

Masking in CS5-

 

 

 

Week 5:
__________________________________________________________________________________________________________________________________________________
Tue 9/27

Look at students' adverts

Talk about how to improve on composition and technique.

Homework

1. Continue working on adverts

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

3. New Assignment: Project #2: Editorial Design - Working in Indesign

Note:

We will be over lapping projects. So while you are working on Project #1, we will start on Project #2.
We will return to Project #1 as we have to do some simple animation for the iPad advert.

3. Conduct Research.

Look at existing Editorials for brands. Check out the links on this page for example of editorials. Editorial samples

Research the dance company you were assigned.
Please look at what is due on the assignment sheet: Project #2.
Scroll down to see the different parts of the project and when they are due.


 

 

 

__________________________________________________________________________________________________________________________________________________
Thu 9/29

Work Day: Look at students' adverts

Talk about how to improve on composition.

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

Making a custom Brushes

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

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

2. Review your content and submit what is due on the

Project #2 page.

email your article for your editorial
Also submit the title and the subtitle ideas

Please look at what is due on the assignment sheet: Project #2.
Scroll down to see the different parts of the project and when they are due.

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

 

 

 

Make a custom Brush

How to make a brush

Free Download hair Brushes

Working with beard hair

Look what hair can look like on the face.

Painting Hair

 

Week 6:
__________________________________________________________________________________________________________________________________________________
Tue 10/4

Demo 8: Basic InDesign

  • Setting up pages (facing pages for magazines)
  • Put in a bleed and slug
  • set up your margins to be no less than .25 on the outside and .5 on the inside
  • Using master pages
  • Applying page numbers
  • Setting up 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.)

 

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

Homework:

Due this Thursday Oct. 3 -
Make sure you do the following for next class so you have something to work with for the demo.

Student Homework (work on Project #2):

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

  • Set up a 2 page document. Make sure the pages are facing each other , but the document is not on facing pages.

  • 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 editorials to see what first spreads look like. (Editorial samples)

  • Study these editorial terms, because you will be using these in class.

 

 

__________________________________________________________________________________________________________________________________________________
Thur 10/6

Demo 9: Helpful attributes within InDesign

More InDesign

Glyphs
Dynamic Spelling
Drop Caps
Fit Picture in Frame
Transparency & Effects
Gradients
Shortcuts

Prepping file for next week.

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

    • Layout your text and logo in indesign.

    • Save your file.

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

    • Close the indesign file you are working on

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

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

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

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

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

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

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

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

    • Insert the medium quality pdf in your DropBox

     

Another way to generate a PDF.

Using the Print to Postscript option.

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

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


Homework:

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

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

2. Practice #9: Submit in DropBox your beginning layouts for the first 4 pages of your article (2 spreads).
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. Magazine do not do underline or quotes, they do italics.)
Chapter 4: Leading

Submit in dropbox jpgs only. Total should be 2 jpgs.
(You can take a screen grab of your spread or you can export it as a .jpg.)

 

Week 7:
__________________________________________________________________________________________________________________________________________________
Tue 10/11

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

Advertisement Final comp: (No crop marks) Display on the computer. You will display your advert on your desktop computer in class for all the students to see. Make sure you have this done before class starts. No working in class.
At 11:15 we will display the work. Also, make sure all your practice files are in the drop box. I will be grading and conducting a midterm evaluation.

Demo 10: Placing your advert on an actual magazine page using Photoshop

Homework:

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

2: Project #2: You will be working on your editorials.
For Thursday: Have 5 different versions of your spreads on the computer.

  • Use different images for each version.
  • Experiment with textures
  • (Do Not use the color black in the background). Unless that is the color from the image.
  • Do not use dummy text. All text must be actual copy.

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

 

 
__________________________________________________________________________________________________________________________________________________
Thur 10/13

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

Prepping your file for printing Project #1.

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

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

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

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

 

Homework:

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

on 11 x 17 white paper

No mounting

Make sure your images are in CMYK before printing.

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

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

      See above for samples.

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

2. There was originally exercises for homework, but I took them out. :)
So you have a break this weekend from any extra practice files.
(just get all your past practice files done and also print your advertisement.

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

*********************************************************************************************************************************

 

 

Week 8:
__________________________________________________________________________________________________________________________________________________
Tue 10/18

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

Lecture:

TBA

 

 

Homework:

None... Your Free!

 

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thurs 10/20

Demo 12:

 
  • Setting up grids
  • Using layers
  • Tabs and spacing
  • Kerning and Leading
  • Character Formats
  • Paragraph Formats

Start in-class Practice #10: Mimic Magazine Content pages

You will be working on an in-class practice assignment. Practice #10 (click link to read about this practice)

Homework:

1. Practice #10: Work on practice files 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 editorial content go through the book, InDesign Type, use some of the features talked about in the book on your Practice Contents pages.

Chapter 3: Character Formats
Chapter 6: Small (but Important) Details
Chapter 12: Global Formatting with Styles
Chapter 5: Letter spacing, Tracking, and Kerning - - - - - show that you understood this by adjusting kerning and tracking on your titles and subtitles.

- - - - - Make changes to typefaces in the copy text to show that you understood, Paragraph Styles and Character Styles.

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. Please label these as Practice #10-a, Practice# 10-b, etc
(Take screen grab of your table of contents pages.)

 

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

Paragraph attributes and styles

Paragraph-level Formatting ( 4 min) |
Paragraph Styles (6 min)

Basics of Paragraph styles (8 min)

Character styles.

Videos on Character Styles 01

Character-level Formatting ( 5 min)

 

Magazine Table of Contents (16 min)

 

 

 

 

Week 9:
__________________________________________________________________________________________________________________________________________________
Tue 10/25

 

Work on In-class Practice #10: Mimic Magazine Content pages

Demo 13: Package your layout.

Professor will walk around to see where you are at in your Practice #10

 
  • Glyphs
    (Bickham (A) and Adobe Jensen Pro)
  • Kerning and Leading
  • Baseline Shifting
  • Inline Graphics
  • Paragraph indents instead of tabs
  • Hanging punctuation: Aligning quotes outside of a the line

 

If you have not already done so, you should have your InDesign file, fonts, and the linked items packaged in one folder
(see these steps for packaging a file from InDesign)

Homework:

1. Have all the copy for your table of contents completed and submit in the Drop Box.

2. Have all your images for your table of contents ready. Please have extra images so I can show some interactive features, like slide show.

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.

Basic text frame options and text related attributes:

Making a Text Frame ( 4 min)

Advanced Tips

10 Random Adobe InDesign CS5 Tips & Techniques - Part 1 (9 min)
10 Random Adobe InDesign CS5 Tips & Techniques - Part 2 (11 min)

 

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur 10/27

Part 1: Bring up on the computer your Editorial Layouts from 2 weeks ago.

  • Package each layout. ( fonts, and the linked items on one folder)
    (see these steps for packaging a file from InDesign)

 

Part 2: Start designing your own Contents Page

I was going to talk about interactive feature. But I want everyone to first complete their Practice 10 files.
Also, I want everyone to work on their own contents page.

Things you want to do when working on your
Contents Page
:

 

 

Global preferences vs. local preferences

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

Margins and columns

  • Make sure you have 6, 8, or 12 columns
 

Creating a color palette- Using Illustrator

  • Taking colors from the images
  • Or look at the swatch colors
  • Using color guide
  • Save the swatches
  • Clean up the swatches
  • Load new set of swatches saved from Illustrator

Creating a color palette- Using Indesign

  • Using Kuler to make your own color themes
 

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

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
 

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

Other features

  • Spanning text across columns of text
  • Split text into rows
  • Create a different size page using the New Page tool in CS5

Homework -- Due by next class:

2. Practice #12: Submit in DropBox
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 7: Alignment
Chapter 8:
Paragraph Indents and Spacing

Chapter 14: Pages, Margins, Columns, & Grids
- - - Make sure I can see your grid, and margins in the screen shot.

 

Submit in dropbox jpgs only your layouts that show you did some of the features from the book. Total should be 2 jpgs.
Please label these as Practice #12-a, Practice# 12-b.
(Take a screen grab of your spread or you can export it as a .jpg.)

 

 

 

 

 

 

 

 

 

 

Wrapping Text

Understanding text wrap (9 min)

Week 10:
__________________________________________________________________________________________________________________________________________________
Tue 11/ 1

Lecture

Click here to follow along with the professor.

History of Editorial design

Critique and analyze editorial pages

Talk about the main elements on the page.

Headline
Main Image
Some text copy
Drop Cap
Pull Quotes
Text wraps
Making text flow column to column or page to page.
Widows, Orphans, and Runts

Break:

  1. Now that you are better equipe to design the layouts let's start again.

  2. In class, you are going to do, what I call, a "jam session."

  3. Choose a few good strong typefaces. Spend a little time searching the font book and online.
    Do not spend more than 20 minutes finding fonts.

  4. Now jam. Based on the examples, begin to mimic some of the techniques of type treatments and layouts. Do not spend no more than 10 minutes on one layout. After 10 minutes save as "jam 01" and then after another 10 minutes, save as "Jam 02".

  5. Let's see how many recordings you have created in the short amount of time.

  6. Go back and select the designs you want to continue working on.

  7. For homework, work on the designs further by spending more time, like 30 minutes per layout.

  8. Over all you should have at least 5 layouts of the first page completed with strong effective type treatments.

Homework:

  1. For homework, work on your "mini jam" designs further.
    Spending more time, like 30 minutes per layout, refine and rework your designs.

  2. Produce at least 5 layouts that are fairly complete and that you really think are strong.
    Do not give me designs you do not like.

  3. Make PDFs and place in the drop box for thursday's class.

  4. Check out these videos.

 

Editorial Design Profession

 

 

Truths About Magazines (3 min)

 

  The making of a magazine (2 min.)

 

 

 

 

 

 

How to work with Images ( 20 min)

Placing Graphics from Illustrator to InDesign ( 5 min)

 

Page Layout for a magazine (2 min)

Magazine layouts (12 min)

Designing a Magazine layout Part 1
(13 min)

Designing a Magazine layout Part 2
(13 min)

AUGUSTMAN (2 min)

 

__________________________________________________________________________________________________________________________________________________
Thur 11/3

Due today in DropBox: 5 layouts from your jamming.

Questions and answer time? Ask anything about InDesign? Anything?

Critique: Let's go through your "jams" and see what you have done?
Please place a packaged folder of your "jams" in the hard drive in class.

Please make sure your fonts and images are stored in fonts folder in your packaged folder that you submit.

Homework: Due Tuesday Nov. 8th

  1. 7-10 title typetreatments in indesign: (I would like even more than this)

    As discussed in class, you need to work on the kerning, leading and type choices for your titltes of your article. This is the most important element of editorial design. Look at the samples shown in class (Editorial Design lecture).

We can not move forward without everyone getting a strong type treatment. You may try to incorporate the images, but I want the main focus to be on the type.

Don't forget to check out the examples for inspiration.

 

Week 11:
__________________________________________________________________________________________________________________________________________________
Tue 11/8

Due today in DropBox: Low resolution PDFs of your type treatments.

Professor will walk around and speak to each student about their type treatments.

Lab time

Table of Contents: Work on your table of contents. (See below)

Homework due on thursday Nov. 10:

  1. Table of Contents: Work on your table of contents. (This is not the ones from class last week.) This is the real deal.
    Submit a PDF in DropBox by Thursday Nov. 10th of your contents page for your magazine. (This can be a rough draft and have dummy text in the descriptions. But make sure you include the real titles of the articles.)

By now the professor should have already spoke to you about the layouts you have done and which ones work the best. Therefore, you should have a good sense of the direction of your designs. If you are not sure, please make an appointment with professor for this week.

 

Adobe Digital Publishing Magazine Workflow (2 min)

iPad Digital Magazine Creation with InDesign (11 min)

 

Adobe Digital Publishing to the iPad: A First Look (15 min)

Digital Publishing Suite to iPad, Android and Blackberry (10 min)

__________________________________________________________________________________________________________________________________________________
Thur 11/10

Due today in DropBox: Table of Contents PDF.

Professor is Sick.... No class

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

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

Homework due Tuesday Nov. 15:

  1. Practice #13: Submit in DropBox
    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 9: Breaking words, lines, paragraphs, and pages
    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 your layouts that show you did some of the features from the book. Total should be 2 jpgs. Please label these as Practice #13-a, Practice# 13-b, Practice# 13-c.
    (Take a screen grab of your spread.)



  2. Get approval for your editorial layouts. ---By now the professor should have already spoke to you about the layouts you have done and which ones work the best. Therefore, you should have a good sense of the direction of your designs. If you are not sure, please make an appointment with professor.

     

 

 

 

 
Week 12:
__________________________________________________________________________________________________________________________________________________
Tue 11/15

Due today in DropBox: Practice #13

Also, Your Table of Contents should be in Drop Box as well.

Professor will walk around and speak to each student about the following:

3 spreads
Contents page

While you wait for Instructor:

1. Continue to work on your layouts. See homework below.

2. Go through the examples again and also these videos for inspiration.

Editorial Examples 01
Editorial examples 02
Editorial examples 03
Contents Pages

Fred Woodward
Effective designs
More Effective design
Strong Article Titles
Typographic compositions


 
 
 
 

 

Homework:

1. Work on the other Spreads: (For next class) Create 5 different designed PDFs of the 2nd and 3rd spreads.
Put in Drop box all 5 PDFs at low resolution. Then Email instructor (RoadworkDesign@sbcglobal.net) to go look at the spreads.

Keep working on your layouts. Editoral Project due 2 weeks.
Tuesday: November 29nd.

Don't forget to check out the examples for inspiration.

 

 

 

__________________________________________________________________________________________________________________________________________________
Thur 11/17

Lecture

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 relink 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 out: Print out your editorial pages all 6 pages and contents page.
This print out can be reduced in size but big enough to read the text.
This can be printed in black and white or in a low quality. But the text must be readable.

This print out if for the professor to proof read your layouts and check for errors. i

2. Practices: Make sure all your practices are properly labeled and in the Drop Box. All practices are due by Wed. evening Nov. 23

2. Editorial Layouts and Contents pages: Keep working on your layouts. All 3 spreads, contents page, and cover design (extra credit) are due in 2 weeks. Tuesday: November 29nd.

 

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 Prepress 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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

Week 13:
__________________________________________________________________________________________________________________________________________________
Tue 11/22

Today Due:
Print out your editorial pages all 6 pages and contents page as well.
A low resolution, black and white or low quality color version of your pages. This is so the professor can proof it and check for mistakes in the copy.

 

Talk about the cover design.

Homework Due next tuesday (After thanksgiving):

Final Editorial Layouts and Contents Pages: (digital- do not print)

Set up all your items on 11 x 17 pages in InDesign.
Create 2 PDF versions, one high resolution and one low resolution. Place the low resolution (smaller than 4 MB in the Drop Box)
When you go to print, you should use a high resolution, no compression and down sampling .PDF

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

    1. 3 spreads
    2. 1 spread on an actual magazine page.
    3. Contents page
    4. A cover design (for extra credit)
    5. your name in Sans Serif typeface, 10 pt.
    6. A brief description of the project. in one sentence same type size. (please make sure you spell check. )
    7. Both should be placed flush left or flush right in the lower left or lower right corner.
    8. Name and description must be .75 in from the bottom and the edge of the page.

 

__________________________________________________________________________________________________________________________________________________
Thur 11/24

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

But take a look what might be in our future:

Will Magazines of the Future
Look Like This?
Living Magazine Cover and Spread - Outside Magazine
Flexible e-paper display
3M Flexible Transparent
Touchscreen Concepts

 

 


Week 14:
__________________________________________________________________________________________________________________________________________________
Tue 11/29

Due: Final Editorial Layouts and Contents Pages: (digital- do not print)- see above for details

Critique

Look at the final layouts. Get approval from Professor to print.

Demo:

 

Homework:

Print your spreads

Layout your portfolio pages

 

 

 
__________________________________________________________________________________________________________________________________________________
Thur 12/1

Discuss about the final portfolio.

Class Demonstration:

Layout work using Adobe Indesign.

Must have the main projects from class in this portfolio.

Advertisements

Editorial Layouts

(Save these in a folder called portfolio)

 


Homework Due Next Tuesday Dec. 6th:

1. Print --- Final Editorial Layouts and Contents Pages:

Set up all your items on 11 x 17 pages in InDesign.
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. 3 spreads
    2. 1 spread on an actual magazine page.
    3. Contents page
    4. A cover design (for extra credit)
    5. your name in Sans Serif typeface, 10 pt.
    6. A brief description of the project. in one sentence same type size. (please make sure you spell check. )
    7. Both should be placed flush left or flush right in the lower left or lower right corner.
    8. Name and description must be .75 in from the bottom and the edge of the page.

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

 

 
Week 15:
__________________________________________________________________________________________________________________________________________________
Tue 12/6

Due today:

Printout --- Editorial Layout

Final Editorial Layouts and Contents Pages: (Printed in Color)

Set up all your items on 11 x 17 pages in InDesign.
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. 3 spreads
    2. Contents page
    3. A cover design (for extra credit)
    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.

______

DEMO
______

Making your magazine spreads have animation and interactivity.

  • You do not have to make your magazine interactive.
  • This week is extra information to give you a little more experience using InDesign's interactive features.

 

here are my notes for my demo Part 1.

  • (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.

 

Homework:

Work on your portfolios and other items.

 

 


 

 

 

 
__________________________________________________________________________________________________________________________________________________
Thur 12/8

DEMO

Making your magazine spreads have a
Slide show and video.

Here are my notes for my demo Part 2.

  • (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.

 

 

Homework:

Next class is the exam day Everything is due in an Interactive portfolio (either pdf or SWF file).
See you Tuesday at 11am.

Be ready to present your portfolio.

NO working in class

 

 

 

 
 
 
__________________________________________________________________________________________________________________________________________________
Week 16:    

__________________________________________________________________________________________________________________________________________________

Tue 12/13

Final exam day--- 10:15am - 12:15pm

Final Exam project is your portfolio (Interactive)
NO working in class

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