New York City College of Technology The City University of New York

Communication Design Department

COMD 1162 – Raster and Vector

Course Description Basic concepts related to the two fundamental digital graphic forms (raster and ) and learning best uses and practices for each. This course covers basic digital imaging terminology and techniques including size, resolution, space, file elements, measurements, file formats, and scanning software and hardware. Class projects require students to explore the meaning of communication through design and how it correlates with client satisfaction and target audience. Students become proficient with both raster and vector applications, such as and .

2 cl hrs, 2 lab hrs, 3 cr

Prerequisites CUNY proficiency in reading, writing and mathematics or concurrent enrollment in ENG 092R, ESOL 022R or 032R; ENG 092W, ESOL 021W, or ESOL 031W; MAT 0630 or MAT 0650 as required.

Course Objectives

INSTRUCTIONAL OBJECTIVES ASSESSMENT

For the successful completion of this course, Evaluation methods and criteria students should be able to: (1) Describe and explain the difference between the (1) Projects and quizzes. two fundamental digital graphic forms, raster and vector. Examine the best use and best practices associated with raster and vector. weeks 1, 2, 7, 8

(2) Demonstrate active learning. (2) Group critiques of projects both on screen weeks 4, 5, 6, 8, 9, 11, 12, 14 and printed.

1

(3) Demonstrate professionalism by emphasizing (3) Students will exhibit professionalism by accuracy, correct file preparation, integrity, and submitting projects on time, in the appropriate timeliness in submitting design projects. , and correct specifications set forth weeks 4, 8, 10, 15 for each project. Students will also show professionalism by revising projects based on classroom critiques and self-assessments.

General Education Outcomes

General Education Outcome covered: How the outcome is covered: Thinking Critically Students will develop their critical The student will demonstrate the ability to thinking by participating in class critiques, evaluate evidence and apply reasoning to make applying standards learned in class to their valid inferences. own work and that of classmates Qualitative Literacy Student projects and in-class discussions of The student will demonstrate the ability to interpret work in progress. raster and vector digital forms through the creation of conceptually valid digital imagery. Lifelong Learning Students discuss resources and techniques The student will demonstrate an awareness of that they can use as references. resources for continued lifelong learning.

Teaching/Learning Method ● Lectures and Readings ● Software Demonstration and Lab Exercises ● Design Projects for Screen and Print ● Testing ● Discussion and Critiques ● Peer and Self-Evaluation

Suggested Texts

• Adobe Photoshop CC Classroom in a Book, by the Adobe Creative Team. Published by Adobe Press. ISBN-10: 0321827333, ISBN-13: 978-0321827333.

• Adobe Illustrator CC Classroom in a Book, by the Adobe Creative Team. Published by Adobe Press. ISBN-10: 032182248X, ISBN-13: 978-0321822482.

• Lectures, reference and supplemental materials will also be provided on Blackboard. These may include the following on-line educational references: www.adobephotoshoptutorials.com/

2

www.adobe.com/support/photoshop/ www.adobe.com/designcenter/ www.grafx-design.com/phototut.html www.pslover.com/ www.smashingmagazine.com/2007/02/03/adobe-illustrator-tutorials/ www.adobeillustratortutorials.com/ www.adobe.com/support/illustrator/ www.learnit2.com/illustrator.html www.vectordiary.com/illustrator/best-illustrator-tutorials-articles-of-2008/

Grading • In-class productivity 15% • Two quizzes 25% • Four projects 60%

TOTAL 100%

3

Wee Class One Lecture Class One Lab Class One Class Two Class Two Lab Class Two k Homework Lecture Homework 1 Introduction: Brief Using the Review Class Show file Repeat steps for Overview of the Critique/Share of camera on the One hierarchies in homework 1: in basic principles of lab computer introduction to Finder, then Illustrator or raster and vector homework #1. take a picture of basic concepts show file similar vector graphics. Explain the yourself. In of raster vs. hierarchies in program fundamental photoshop or vector. Review Adobe Bridge. students will functions of each and similar program, HW 1. Shift Batch rename trace their photo how they are using whatever conversation to and batch resize creating a vector different from each skills the focus on files. Add self-portrait, other. Discuss how students have, Illustrator. to then add type. each are used in plus what was files. industry and show discussed in Discuss role of real world examples class, and any designer in the of each. Examples additional field, and role should highlight research they that raster and technical function as must remove the vector play in well as the difference background and designers’ between the two replace it with a workflow. graphic forms. background of vs Bezier . their choice. Emphasis on working Add text to the Non-Destructively in image. Raster programs. Explain how vectors function in raster environment and vice versa, and appropriate use of each, and why we have two different programs for each. 2 Adobe Illustrator: Brief Critique/Share Project 2: Adobe Demonstrate Pick one sketch Tools and of homework #1. Students will Illustrator: Transform and from each The Pen Tool choose three Shape Tools Select, Align, category and Building with Object and Paths: items and create and The Pen swatches and begin tracing in : Show how to Demonstrate use of contour Tool: Color and color the vector create vector shapes, basic geometric shape drawings in Add complexity picker . program. how to move them tools in vector Illustrator using to their vector forwards and programs. Show how the pen and skills using the backwards on the to edit the objects once shape tools: one Pathfinder tools artboard. they are created using mechanical, one and grouping The Pen Tool: is the Anchor , Whole organic, one objects, etc. most basic and also object, segment, food item. the most powerful Direction handles. and widely used tool in any vector Trace simple images program. Show how and edit vectors for to create and edit technical precision. shapes using Anchors, Bezier Demonstrate Curves, Arms, Direct Transform and Select, Selection, and Align, and Color. Adjusting Paths. Fill and Stroke: Weight, Inside,

4

center, outside, Dashed line, JOINED anchor, CAPPED point, Note different options for caps & corners; bevel, miter, round. 3 The Pen Tool: Part Pen Tool Exercises: Finish HW2 Discussion: Brief Pen Tool II: Students will use a Workflows – Critique/Share Exercises: A more detailed and reference sheet of what are they of homework Students will precise look at what shapes and forms to and how can #2. use a reference the Pen Tool can do build their pen tool they be used? Work with sheet of shapes and what is creation and editing What does students and forms to appropriate, skills. “industry individually to build their pen professional use of standard” mean? improve their tool creation and this tool. Refine HW2 homework. editing skills.

4 Logos and Create type from Project 3: What is Review Choose one Typography: basic shapes. Create at least effective logo Sketches direction and Students are 10 pencil design: how begin introduced to sketches for research and translating different their Personal context are as work from classifications of Logo. Logo important as sketch to . The should “good design” vector. vocabulary of incorporate AT professional LEAST two typography is letters and one presented and image/form/obje defined. Students are ct. introduced to the websites of digital type foundries so that they can learn how to find key about the they are choosing. A page layout program is used to illustrate vocabulary terms introduced during lecture. 5 Vector Type: Type Tool: Using the Project 3: How do Work in groups Continue to How type behaves Type Tool to create Personal Logo icons and to give peer develop and differently in raster and edit type and Create first type work feedback on refine Logo and vector letterforms draft of together? work in based on class environments. Using Personal progress. feedback. the Type Tool. Logo in Editing and vector Lab time to customizing program. work on letterforms using Personal Logo vector tools. project. 6 : Discuss Type Book: Print: Use More on Lab time to Finish Personal how printing from a Create a 1 page classroom printing and work on Logo. vector file works and document to print file delivery: projects. what happens to the Creating a set of work in progress knowing the color of a file. background boxes to discuss with right format Discuss variables that which will range from professor and means asking will affect quality of 10 to 10% of a specific peers for the right

5

print; service bureau, color. Explore what feedback and questions: what type of printer, file happens to type as it is advice. is the final formats, etc. set into a variations of output? will it backgrounds live on multiple platforms, media, etc.?

7 : Critique: Personal Finish Raster Editing: Raster Finish Type Introduction to raster Logos (printed and Classwork: Read a Graphics: Book: graphics. Define mounted) Demo Continue to histogram and Introduction to Re-do any pages basic terms such as proper materials and work on make global for the book as , resolution, file techniques in class. “damaged” tone corrections. tools. Professor needed size. Understand the photos, building Non-destructive provides raw Print out and workflow for making retouching editing. images to assemble image corrections to skills. Retouching. process. photographs. Sharpening. Professor Reading: TBD provides The ethics of image “damaged” editing. images to fix with stamp and healing brush tools. 8 Mid-term Quiz: Quiz: 30 minutes Project 4: Possible Guest If in class Choose a Using vector program max. Poster: Speaker or continue to direction for students will trace Choose a topic Field Trip introduce new poster and letterforms for Image Editing: for a poster and raster editing develop final technical accuracy. • Use basic tools to add create at least 10 tools, peer sketch before and remove items from thumbnail review of beginning Raster Graphics: an image provided. layout sketches homework and workin on final • Review basic • Use layer masks to in pencil. lab time. file. functions previously remove backgrounds of covered. additional images and • Expand discussion add to primary image. of ethics surrounding • Introduce adjustment retouching. layers and concepts of • Emphasize always color correction working Non- workflow. Destructively • New tools: layer masks, adjustment layers

Introduce Project 4: Poster Show examples of professional movie posters. Discuss qualities that make a movie poster and not a book cover or album cover. 9 Raster Graphics: Provide students Continue Continue Lab Day Continue Compositing and multiple creative working on discussion of working on Copyright (why you commons images to Poster compositing final version of can’t always use mask and composite and copyright Poster things you find on the together into new with examples. internet in your compositions. work.)

6

10 Raster Graphics: Discuss RGB and Work on Poster Lab Day Lab Day Finish Poster Color CMYK color spaces, the difference between screen and print. Discuss 11 Project 4 Due Critique Project 4 Sketch ideas, Alter-ego: Photo shoots Shoot photos, (Poster) write a Show real world edit selects and Project 5 (final): description of examples of this begin Alter-ego: the alter-ego type of image assembling Students will create a that includes from images for final self-portrait where, backstory advertising, composite. through conceptual (origin) and editorial, and planning and worldbuilding. elsewhere. technical execution, create an alter-ego for themselves. They will create a logo/brand for the character. They will plan and shoot a photo of themselves to use as a source image and, using raster and vector tools, will create a complete composition using type and image. 12 Icons: Show Class discussion: Create name Effective Provide images Finish examples of icons Share ideas and and logo for compositing or to use for Classwork from comic book sketches for Project 5 Alter-ego “comping” for demonstration characters, corporate (final): Self-portrait presentation vs. of layer Reading: TBD branding, and more. as Alter-Ego: final delivery. blending This should build on modes, using Week 4 lecture. pen tool in photoshop, filters such as gaussian blur and noise. 13 Vector Graphics: Demonstrate advanced Continue to Raster and Lab time: work Continue to Review vector techniques for work on final Vector on project. work on final editing tools and compositing, selective project. together in project. discuss proper use color correction, etc. InDesign or when combining with other desktop Raster Graphics. publishing software. Raster Graphics: Advanced concepts of compositing, color correction, color effects, and more. 14 Layer Blending Interactive Zine Prepare for in- What is a Resizing Continue to Modes, Student continued class critique portfolio? images and work on final requests, and Topics Lab-time to work on Final edits to combining into project. in Raster & Vector project motion type a PDF:

Graphics. piece Show students Final Portfolio: • Layer Blending how to open Students will

7

Modes Reading: TBD their images and create PDF • Discussion of topics properly resize portfolio that in raster and vector Type Journal: them to combine includes all five graphics: ethics and none into a PDF using projects from more. Acrobat Pro. the semester plus process and Lab time: work revisions, and on project cover sheet with name and class Demonstrate information. layer blending modes and discuss how they are affecting the pixels.

15 • Discuss student- Lab Time. Finish Final Final Critique generated topics Project. and/or techniques requested. • What is “photo shopped?” What is retouched? How far can/should we go?

Attendance Policy: Attendance is taken and is important to success in this class. Both absences and arrival more than 15 minutes after the start of class will be marked. If excessive, the instructor will alert the student that he or she may be in danger of not meeting the course objectives and participation expectations, which could lead to a lower grade.

Academic Integrity Standards Students and all others who work with information, ideas, texts, images, music, inventions, and other intellectual property owe their audience and sources accuracy and honesty in using, crediting, and citing sources. As a community of intellectual and professional workers, the College recognizes its responsibility for providing instruction in information literacy and academic integrity, offering models of good practice, and responding vigilantly and appropriately to infractions of academic integrity. Accordingly, academic dishonesty is prohibited in The City University of New York and at New York City College of Technology and is punishable by penalties, including failing grades, suspension, and expulsion.

8