17wi saved material from revamp

P1: Editorial IllustrationRubric

P2: Vector Portrait Illustration

P3: Photorealistic Illustration

Visual Explanation.pages, .doc  Rubric

Agenda

Syllabus, Addendum. Class policies. ebook reading component.

We have no class week 2 because of the Martin Luther King Day Holiday. AiS closed.

This Baby has no concept of Object Permanence

Raster versus vector lecture. Batman logo made by math.

Mac Basics. Local volumes/drives versus remote volumes/drives.

 Break
1A Illustrator Intro
. 2 pts.

Illustrator Basics.

Tour of the interface: Window menu to access needed panels.

Undo, Zoom/Magnify Key commands, Hand/Pan tool, Selection Tool, Layers Palette/Stacking order.

Fill and Stroke, Color Picker. Introduction to the Appearances Panel. Preferences>User

Expressive Drawing/ Shape tools

Drawing with the Pencil tool. Reshaping.

Rulers  and Guides.

Set up an 8 1/2″ x 11″ document in landscape format. Dragging from the Rulers, set up guides which define a one inch border.

Working back to front, utilizing the Layers palette, create a cityscape illustration.

Saving files. What does the term ‘native file’ mean? File management.

Homework for next week:

  1. Finish the Week 1 cityscape illustration. Native .ai file due next week.
    Does your illustration sit within the specified guides?
    Does it demonstrate an adequate control of objects’ locations in space- in front and behind other objects?
    Does it demonstrate an adequate control of objects’ fill and stroke?
    Does it demonstrate time spent with the interface in dedicated effort?
  2. In the course textbook, Read Chapter 3: Workspaces
    In a word document, write five quiz questions covering the information in this chapter. Word document title: “Your last name3quiz.docx”. Due at the beginning of class week 3 only.

 

Unit 2

  1. Human head illustrations in last week’s exploration file:
    “Lastname1A.ai”
  2. Editorial Research and analysis:
    “Last Name_Week 1 Editorial Research.doc”
    This file should include 3 great options and analysis for the one article chosen.

2A Place/Clip Mask exercise (4 pts):

Adjusting an image in Photoshop for clarity and contrast 

Next week’s assignment is to do drawn process/sketching for this project and scan it for use in Illustrator. Today we will place learn how to place your drawing into your illustrator file in order to trace from it. Katie Joy Blanksma,

But first we must adjust your raster based image. Often images have low contrast and clarity. We will open up a scanned/photographed process drawing image in Photoshop to adjust it for clarity and contrast.

Adjust.jpg

Download and find in Downloads Folder

Image/Levels Adjustment

Photoshop: levels adjustment. Histogram. White point, Grey Point, Black Point.

File<Place.

Links palette. Linking versus embedding. Managing link locations. Textbook page 291.
VTC Tutorial, if you need review: Requires login. Search this page for “Embedding vs. Linking” and “Managing Links”

Clipping Masks

clipping mask demo file.     VTC Tutorial

Tracing/Drawing tools

Review: Pencil tool, reshaping review.
Creating line quality with the Width Tool.
Isolation mode review. Controlling Isolation mode in the Preferences panel.

Swatches panel

Adding colors to the Swatches Palette. Using the Eyedropper tool to sample color

Selection and Subselection tools and concept.

key commands:

Select Tool (Solid Arrow)V
Duplicate Object/GroupOption Drag with the Select Tool (Solid Arrow
Direct Selection Tool (Hollow Arrow)A
Deselect ⌘ Shift A
Free Transform Tool E
Show Rulers⌘R
Preferences⌘K

LivePaint

Livepaint objects, selecting and applying color to intersecting shapes. Redrawing livePaint objects. Expanding livepaint objects.

Submit your 2A folder to Faculty Boxes folder to specifications as directed in class for credit.

Break

design & layout.pdf

Review of P1:  Editorial Illustration.pagesEditorial Rubric.doc and Project Examples nathanburtondesign.com

Project Statements: Who is your client exactly? Specify format based on output destination: Are you designing for the appropriate format, aspect ratio? For print? Web based only? Both? Make these specific in your project statement and build accordingly.

Week 2 Peer Feedback : “Week 2 P1 classmate feedback.doc”

Meet with a classmate you don’t sit next to, review editorial choice, verify it is to P1 specifications: Is the chosen article an editorial?
Read through their article. Does their analysis and concept for the editorial illustration match the content of the article? Offer feedback on sketch/illustration/concept options.

Create a word document titled “Last Name Week 2 P1 classmate feedback.doc”.
Type out the feedback you received. Include the title of your editorial hotlinked.

Name your peer with their full name in your word document. 2 pts. Turn in as directed for credit.

Lab Time to sketch out Editorial Illustration Project drawn process.

Individual instruction and review of proposed projects.

Homework for next class:

  1. Sketch. Six different concepts for your editorial. Pick your favorite concept and draw six different compositions for that concept.
    Listen to this NPR segment, and look at the images. Also: mariafabrizio.com
  2. Research inspiration. Word Document Title: “Last Name Project 1 Inspiration”
    Explore Vector illustrators/illustrations. (VFX) This could include vector based motion graphics. Hotlink to three (or more) of your favorites.
    Explain your choices- what attracts you to their work?  2 pt, beginning of class week 2 only.
  3. Watch: The Adobe Illustrator Story

Unit 3

Quiz


Point/Bezier Lecture

3A Pen Tool Exercise

Objectives:

Efficiently use points and their Bezier Handles/ Direction Lines to draw the contours of a shape with a fixed number of points. Recognize and efficiently use Direction Lines/Bezier interface elements in future functions and applications designers encounter.

Pierre Bezier, What we can control. Line as string. Direction lines/handles as GUI input device. Point types: curve points and corner point. Handle length, handle Angle

Key commands with the pen tool:

space bar: move point while holding down mouse button.
Option/Alt key: “break” the point to create a corner point.

Adding/extending to an existing path.

Trace it with a 1 pt stroke with the pen tool using only 28 points. No slop for credit (stay within the black line.)

Pen Tool Resource: Vector Tuts: The Comprehensive Guide to Illustrator’s pen tool

Submit a folder called by your last name 3A, containing this file with both the Pear and the hand tracing.

(may be submitted week 4 if you need time outside of class). This exercise is key to your success in the remainder of the quarter.

It must be submitted to spec in order to earn a passing grade at midterm. You can do it!


Break


Inspiring Illustrators and commentary due:

“Last Name Inspiration.doc”


Project 1 sketches due.

Scanning on campus. Using Image Capture app on macs. Scanning can be done in SC 702 and in SC 711.

Adjust your images in Photoshop using Levels as shown last week.

Submit a folder called “Lastname_sketches” to Faculty Boxes/smansfield/Inbox

Folder title ”Lastname_sketches” 


Peer Critique of Project 1 process drawings:

Critique ppt.

Meet with a student you do not know. Show eachother your drawn process and editorial article. Give advice regarding their ideas and compositions. Create a Word document file titled: “Last Name Week 3 Peer Critique.doc”. Name your group peer in it. Explain the advice for your project in your  Students’ name, coherent notes of feedback received. Submit this word document by end of class for credit.

“Last Name Week 3 Peer Critique.doc”


P1: Editorial Illustration.docEditiorial Illustration.pages  Editorial Rubric.doc

Lab time

Start the vector portion of Project 1.

Place and embed your adjusted scanned sketch into Illustrator. Lock and begin tracing it into vector form.


3B Progress Check on Project 1

Submit 3B Illustrator file containing your final sketch, placed and embedded. Start the vector version of your your concept.

File title: “Last Name 3B” 1 pts.


Homework:

  1. Work on P1 Editorial Project. Feed your baby.
    You will create a case study .pdf file next week using the Artboard tool, the Artboard panel. Bring your sketch files, project statement and native illustrator file to class next week.
  2. Finish 3A Handtrace.
  3. Watch this video.

 

Unit 4

Quiz


Gradient Mesh


Lab Time for Project 1.

One on One with instructor.


Break


Introduction to Project 2: Vector Portrait

Specifications file in the right sidebar of this page. Due next week: .ai file titled “Lastname Project 2 Research.ai” to Faculty Inbox. At least three excellent options for the Vector Portrait project. Place and embed photo options on one artboard. Provide a hotlink to sources. 2 pts week 5 only.

“Lastname Project 2 Research.doc”


Submit 3A Handtrace

by the end of class week 4. Completed to specifications required for passing Midterm grade.


Lab Time


In preparation for next week’s Final Critique: Critique ppt.


4A Assembling and exporting a case study .pdf file with Illustrator

Case Study/layout tools:

Place your Project One file in Illustrator. We can place one Illustrator file into another.

Using Grab to get a screen grab .tif. (Mac HD<Applications<Utilities<Grab).

Review: Linking versus embedding

Using the Artboard panel: resequencing artboards, adding deleting.
Using the Artboard tool: Adding pages, deleting, editing artboards.

Exporting a pdf from Illustrator.

Editing that pdf in Adobe Acrobat.

Packaging: what is so great about it. Preflighting.

Save out a Package: File<Package.

The 4A folder must be a Package:

  1. A pdf saved out to specifications. Proof this in Acrobat.
  2. An Illustrator Package folder called ‘package’
  3. Illustrator file must exhibit titled and sequenced Artboards in the Artboards panel:
    1. Title page
    2. Editorial screen grab alone. (Applications/Utilities/Grab- or Command-shift 3 or 4.)
    3. Project Statement
    4. Inspiration
    5. Sketches 1
    6. Sketches 2
    7. Digital Process
    8. Final Illustration Alone
    9. Final Illustration Composited into Editorial screen grab.
    10. Image resource information- place a copy of any photo you traced from and its source..
  4. Illustrator file must contain placed screen grab of editorial twice: on the editorial alone page and on the final composite page.
  5. Illustrator file must contain your vector illustration in process. This must demonstrate progress. If you are starting your vector version this week, you are clearly behind and will be assessed accordingly. Catch up.

Homework:

  1. Project 1 Preliminary Critique
    Group critique at the beginning of class next week. Arrive with a case study .pdf containing all required components thus far in order to participate in critique.
  2. Project 2 Research
    Find least three excellent options for the Vector Portrait project. Place and embed photo options on one artboard. Provide a hotlink to sources. 2 pts week 5 only.

    “Lastname Project 2 Research.ai”

 

Unit 5

Roll

Preliminary Critique of Project 1

Editorial Illustration.doc. Editorial Illustration.pages Editorial Rubric.doc

Submit case study file as directed in class.

Discussion of Critique. Critique ppt.


Break


3A Handtrace:

Handtrace must be completed to specifications for a passing midterm grade. Please check your student progress report to verify that you submitted it correctly and received credit. If you did not, or must resubmit without slop, please take action today.

Student Progress Report

I deliver information which assists students in developing competencies. I assign assignments which give opportunities to demonstrate those competencies. I provide a verbal, written, online and printed description of those competencies. I assess those assignments.

If you would like to ask me to review your assignment again, please email me with the grade book item description and attach that specific assignment and I will take another look.

Resubmissions and late work are welcome but show regard.

Please review your grade and if necessary, take action. Midterm grades go in Friday of this week.


Project 2 Research due.

Submit a file titled “Lastname_P2_Research.ai”
Last week’s assignment: Find least three excellent options for the Vector Portrait project. Place and embed photo options on one artboard. Provide a hotlink to sources. 2 pts week 5 only.


Lab time for Project 2


Grade Progress Report

I deliver information which assists students in developing competencies. I assign assignments which give the opportunity to demonstrate those competencies. I provide a verbal, written, online and printed description of those competencies. I assess those assignments.

If you would like to ask me to review your assignment again, please email me with the grade book item description and an attached document and I will take another look.


Homework:

  1. Finish Project 1. Complete the pdf case study due week 6 at the beginning of class. Assemble your pdf before class if you wish it to be considered on time.
  2. Continue research for images for Project 2, if you were directed to in class week 5.

 

 

Unit 6

Roll


Project 1 Final Critique

submit your full .pdf case study to Networkshare folder as directed. Do not submit your native file to networkshare.

Discussion of Critique. Critique ppt.

Start at 12:45.


Break


Lab time for Project 2.

Prep for next week’s preliminary critique of Project 2.


 P3: Introduction to Project 3: the Photorealistic Project


Type Tools

Tools and functions useful for creating your Vector Portrait Project

Type:

Point Type versus Area Type
Placeholder text: arrested development ipsumhipster ipsum
option/arrow keys for kerning, leading
reading headlines and subheads or type/image combos aloud, adjusting accordingly.
Pathfinder panel
The Effects Menu
Pathfinder effects, the advantage of effects.
Pattern Options Panel.


Student Progress reports. Midterm Academic Agreement forms.


6B Progress Check. 1 pt. end of class

Progress check on P2, package folder submitted at end of class to faculty Inbox.


Homework:

  1. Photo resources for Photorealistic Illustration. Worth 4 pts next week only.
  2. Preliminary critique of Project 2, beginning of class next week. Review of research, inspiration, process drawing and your vector illustration in progress.
  3. In two weeks: Final Critique of Project 2.

 

 

Unit 7

roll


7A Type in Illustrator

Tools and functions useful for creating the type portion of your Vector Portrait Project.

Type:

Point Type versus Area Type
Placeholder text: arrested development ipsumhipster ipsum
option/arrow keys for kerning, leading
reading headlines and subheads or type/image combos aloud, adjusting accordingly.
Object/Text Wrap. Wrapping text around an object.
Type on a Path tool
Create Outlines from Type Object.


Lab Time

During Lab Time:
Pathfinder panel
The Effects Menu
Pathfinder effects, the advantage of effects.
Pattern Options Panel.

Visibility functions.

Option click on Layers eyeball icon hides all but that layer or sublayer, isolates visually.

Command Y toggles Illustrator into (and out of) Outline View. Equivalent to View<Outline View

Command click on Layers eyeball puts only that layer (does not function with sublayers) into Outline view.

Eyedropper tool to sample from raster image.

Vector Tuts gradient mesh tutorial

VTC Tutorial, if you need review. Requires login. Gradient Mesh 123


Word .doc file titled “Wk 7 P2 Classmate Feedback”

In class classmate feedback. Meet in groups of three with classmates. Share Project 2 concept sketches, research and file. Establish and evaluate the client for each other’s project. Give feedback. Document the feedback you receive from your classmates (name them).


Lab time for Project 2.

Work to develop your project next week’s preliminary critique of Project 2.

Set up 11″ x 17″ landscape orientation for magazine spread. Set up columns of placeholder text. Begin Display type for title of feature article.


Project 3 PhotoResearch Due

Photo resources for Photorealistic Illustration. Worth 4 pts due this week only.


7B Project 2 Progress Check. 1 pt.

Work on Project 2. Progress check on P2, Packaged folder submitted at end of class to specifications.


Homework:

  1. Finish Project 2. Preliminary critique of Project 2, beginning of class next week.
  2. If needed, further research for Project 3.

 

 

Unit 8

Roll


P2 Preliminary Peer Critique

Submit pdf case study to Networkshare folder as shown in class. Get in groups of three/four, group critique each other’s work.  Give advice regarding tools and functions. Because this illustration appears in a spread with headline and body copy, suggest headlines to accompany the illustration. In a Word document recount the feedback you received and include the names of those giving feedback. Title:

“Last_Name_Week_8_P2_Peer_Critique_Notes.doc”

submit to Faculty Boxes/smansfield/Inbox


Project 2 Vector Portrait specifications:

This Image will feature prominently in one page of a two page spread. The portrait will be combined with a compelling title using custom Display typeface(s) which complement the subject. Display type and columnated body copy are a requirement for this project.”

Set up Spread

Using the Artboard tool, alter the artboard to be 11″ x 17″, Landscape. Set up gutter guides.
Set up a text object with 2 or 3 columns. Menu: Type/Area Type Options. Inserting placeholder text.

Vector Portrait Illustration submission.

“Project will be submitted both as an Adobe Illustrator package folder and as a pdf case study.

It will include these items in the file, each on its own artboard:

  1. A creative brief/project statement: client, problem, solution.
  2. The photo you are reproducing alone with source info on its own artboard. Make sure that it is embedded.
  3. The final magazine spread including the illustration, headline and body copy on 11” h x 17” w artboard.
  4. The illustration in Outline View as a screen grab on its own artboard. Placed and embedded.

A pdf case study of the four artboards described above and an Illustrator Package as shown in class.”

8A P2 Progress Check.

Because your project now includes the use of  type, and therefore font files, you are directed to package your file. Submit a Packaged folder containing your project 2 native file exhibiting progress according to specifications.


Break


Lab time for project 3.


Review Visibility functions.

Option click on Layers eyeball icon hides all but that layer or sublayer, isolates visually.

Command Y toggles Illustrator into (and out of) Outline View. Equivalent to View<Outline View

Command click on Layers eyeball puts only that layer (does not function with sublayers) into Outline view.

Eyedropper tool to sample from raster image.

8B P3 Progress Check at 4:15.

Embed your placed raster image.  File Title:

“Lastname8B.ai” submitted to Faculty Boxes/smansfield/Inbox.


Homework:

  1. Finish Project 2. Critique starts at 12:45 next week. Arrive with a finished pdf to submit, and the native files.
  2. P3: Feed your baby. Spend time with Project 3 outside of class time. 
  3. Looking ahead: Week 10 is the deadline for resubmission or late submission of projects.

 

 

Unit 9

Project 2 Final Critique

Begins at 12:45. Submit final complete .pdf case study to Networkshare/Web Design and Interactive Media/smansfield/03 Digital Illustration/09 P2 Final Crit.


Break


Submit P2 Package.

Submit final P2 case study package to Faculty Boxes/smansfield/Inbox. Include a copy of your case study pdf in the folder you submit.

folder title: LastnameP2


Project 3

Strategies for creating Photorealistic Illustration.pages  

Work Large to small.

 Biggest areas first. Divide and conquer. Don’t ‘paint the room’. Don’t leap to the details first: that is being premature.

Blur Your Eyes

In a your life drawing classes (Rapid Visualization, Analysis of Form) you are trained to simplify form and shape. The same techniques are applied here: Blur eyes to see shapes, not names of objects.

Get visual, not verbal. This is a drawing exercise and will open up your ability to visualize in other tasks and contexts.

Work with shape

Close your paths. Make shapes. Don’t make a bunch of strings, unless a texture is necessary. But that is down the road. Texture is a final concern, not something that needs to be worked out now.

You are not creating a jigsaw puzzle.

Shapes needn’t fit together in that way. Instead, overlap elements, cover up edges. Work smart, not hard

Speaking of which: Organize Layers

from the start: title and group as you go. Things get confusing very quickly if you don’t. If it’s out of control, stop and organize. Select object(s) to be moved in Layers. Cut them to the clipboard. Create a Layer as a destination. Edit>Paste in Place.

Back to front.

Set the background color/mesh object as a big rectangle. Choose the dominant color with the eyedropper from your photo.

Eyedropper and Swatches. 

Take color samples from your raster image and add them to Swatches using the swatches panel menu>create new.

You don’t have to use the Mesh tool

You don’t have to use the Mesh tool for everything. You don’t have to use the Mesh tool/mesh objects at all. Using Blurs, transparency and graphic styles can create the needed effects with greater ease of use.

Graphic Styles

The Graphic Styles panel stores fill, stroke, opacity, effects. If you need shadows or highlights. Create a graphic style containing the dark fill, low opacity, blur. All of  that can then be applied with a click to selected paths.

Blending

Blend options, Blend Spine editing. Closed paths as blend members versus open paths as blend members. Transitioning between blurred members to non blurred members, Opaque to transparent members.

Mesh Review.

Control click eyeball in Layers Panel.

Eyedropper tool (i).

Mesh tool (u).
In extremely oddly shaped areas:  Mesh is rectangular in nature, does not perform well in irregular shapes, large appendages. Instead, apply the gradient mesh to a rectangular object, use irregular shape as a clipping mask. This ensures fine control over both.

Vector Tuts gradient mesh tutorial

VTC Tutorial, if you need review. Requires login. Gradient Mesh 123

Visibility functions.

Option click on Layers eyeball icon hides all but that layer or sublayer, isolates visually.

Command Y toggles Illustrator into (and out of) Outline View. Equivalent to View<Outline View

Command click on Layers eyeball puts only that layer (does not function with sublayers) into Outline view.

Eyedropper tool to sample from raster image.

If there is time: The Symbol Sprayer, other Symbol Tools.
Symbols VTC: video
Requires login 


Lab Time for Project 3.


At 4:15: 9A Progress Check on Project 3.

Submit file titled “Lastname9A.ai”.

Your raster file must be embedded for credit. 1 point.


Homework:

1. Continue work on Project 3. Feed your baby. Due by the end of class week 11.

2. Next week is the last week to resubmit/late submit projects.

 

 

Unit 10

Roll


Project 2 late or resubmissions: P2 folder containing InDesign package (where applicable), or Illustrator package, final pdf case study, (if necessary) separate interactive pdf. Note: today is the last day to submit late work this quarter or to resubmit past projects.

“LastnameP2”


10A Illustration tools and functions, continued.

Review strategies for creating Photorealistic Illustration: Work large to small, back to front. Blur eyes to see shapes, not names of objects. Get visual, not verbal. Gradient Mesh, Transparency review. Blend, effects review. Gaussian Blur Document Resolution settings.

Graphic Styles

Create shade and tint fill and stroke styles. Apply them in illustration.

The Symbol Tools, Panel

Creating textures: The Symbol Sprayer, other Symbol Tools. Symbols VTC: video
 Requires login 


Lab Time for Project 3


End of class:

10B P3 participation progress check

2 pt. File submitted will have embedded tiff of screen grab as shown. Also, off of artboard a preliminary project statement.


Homework:

P3: Feed your baby. There will be lab time during class. Due by the end of class next week.

 

Unit 11

P3: due, at 3:30 pm. Individual critique. Review specifications.

Submit files as directed.

Thanks for your hard work and have a rad break!