Moore College YAW Intro to Graphic Design€¦ · MOORE COLLEGE OF ART & DESIGN YOUNG ARTIST WORKSHOP SYLLABUS ce@moore.edu • 215.965.4030 Day 1—Saturday, February 10, 9a-12p

Moore College YAW

Intro to Graphic Design Class 7 – Intro to InDesign & More Photoshop Tricks

COURSE OUTLINE

Note: Students must take home all of their work on the last day of class. Any work left behind will be discarded.

Course: Intro to Graphic Design, Spring 2018 Feb 10-Apr 14, 9a-12p, Sarah Peter 302Instructor: Lula Jones, LULA@theLULAdesigns.comSupplies: Pencil, sketchpad, USB thumb drive Day 12: foam board, exacto knife

EXPECTATIONS FOR STUDENT BEHAVIORStudents are expected to follow general behaviour rules of being respectful of each other and themselves, the instructor, and the

staff and facility. Inappropriate behavior will not be tolerated and Moore College reserves the right to dismiss students from class.

MOORE COLLEGE OF ART & DESIGN YOUNG ARTIST WORKSHOP SYLLABUSce@moore.edu • 215.965.4030

Day 1—Saturday, February 10, 9a-12p• Introduction and syllabus• Elements and principles of design• Print vs Digital• Positive/Negative space & pattern• Introduce MC Escher, Joe Boruchow, and Kara Walker• Discussion of the semester project: magazine cover 8.25”x10.75”

Day 2—Saturday, February 17, 9a-12p• Review of semester project and key elements• Review of positive/negative space & pattern• Introduction to Zentangle• Sketch zentangle ideas on paper• Scanner demo• Scan chosen Zentangle designs

Day 3—Saturday, February 24, 9a-12pIllustrator Lesson 1:• Vector vs Rastor graphics• Introduction to Illustrator• Pen Tool excercise• Learn about layers• Digitize Zentangle designs

Day 4—Saturday, March 3, 9a-12pIllustrator Lesson 2:• Basics of Color Theory• CMYK vs. RGB• Choose project palette, 4-6 hues• Discussion on Typography & Design• For next class—project text content

Day 5—Saturday, March 10, 9a-12pIllustrator Lesson 3:• Fonts and type treatments• Choose a font and type treatments to utilize for semester project• Create project header typography• For next class—photo file of self and photo file of an environment

Day 6—Saturday, March 17, 9a-12pPhotoshop Lesson 1:• Introduction to Photoshop• File types, resolution, placing• Selection & erase tools

Day 7—Saturday, March 24, 9a-12pPhotoshop Lesson 2:• Clipping masksInDesign Basics:• Basics of work space• Placing, Links, Layers

Day 8—Saturday, March 31, 9a-12p• Substitute Instructor: Christine Bailey• Work day• Individual critiques from Christine

Day 9—Saturday, April 7, 9a-12p• Work day• InDesign Package & Export• Print pieces• Cutting & mounting demonstration• Critiques

Day 10—Saturday, April 14, 9a-12p• LAST CLASS• Critique, 9a-10a: Critiques and discuss highlights of the experience as a group.• Friends & Family Day, 11a-12p: Friends and family are invited to meet faculty, visit other classes, and see student artwork.

COURSE DESCRIPTIONDevelop skills in creating impressive graphic designs for real world applications such as posters, advertising, multimedia, and online. You will have fun using imagery, color, type, and composition to express messages with individual style while learning visual communication principles valuable in many fields

COURSE OBJECTIVES• Understand the basic principles and elements of design• Introduction to Adobe Illustrator• Introduction to Adobe Photoshop• Introduction to Adobe InDesign• Apply the learned principles and elements of design towards a finished artwork that is suitable for student’s personal portfolio

Well That Was Fast!

Photoshop (Clipping Masks for Type)

Image on topText Directly underneath

1.  Place Image

2.  Create text

3.  Rasterize text layer:

Menu > Type > Rasterize Type Layer

4.  Make sure image layer is directly above

type layer

5.  Hold Option on keyboard and click on

line between the two layers

Photoshop (Clipping Masks for Shapes) 1.  Place Image

2.  Create shape

3.  Make sure image layer is directly above

shape layer

4.  Hold Option on keyboard and click on

line between the two layers

Photoshop (Clipping Paths)

6. Create vector mask:

Layers panel

(camera icon)

Clipping path w/layer mask

Create new group

New path

Add layer mask/Add vector mask

1.  Place Image

2.  Click on Paths Panel

3.  Choose New Path

4. Make path with pen tool

5. Create layer mask: Paths or

Layers Panel (camera icon)

Illustrator (.ai) Photoshop (.psd)

Vector Graphics

Design

Graphics

Illustrations

Typography

Digital Imaging

Photo manipulation

Design

Web

3D

InDesign (.indd)

Layout

Print Publications

Digital Publications

InDesign Menu Up Top

Toolbar

Document Page

Panels

Options (tool specific)

Bleed Margins

Toolbar

SelectPage

Content CollectorType

PensFrames

ScissorsPens

Gradient SwatchHand

Toggle

Formatting Affects ContainerApply Color, Apply Gradient

Normal Screen mode

Direct SelectGapContent PlacerLinePencilsShape ToolsTransform ToolsGradient FeatherColor ThemeZoom

Stroke

Formatting Affects Text

Screen ModesApply none

FillDefault Fill & Stroke

Panels

SwatchesEffects

Character & Paragraph

Import Data Options

Toggle

Align ObjectsTextwrap

Stroke

PathfinderColor Picker

PagesLayers

Links

Swatch Libraries

Pages

Master Pages

Page Options

Current Page

Applied Master

Add Page

Placing

Frames Tool

1.  Place frame of choice

2.  Make sure frame is selected

3.  Hold Command + D

4.  Choose file

Menu > File > Place

Drop In

1.  Grab file

2.  Drop on

artboard

#1 #2 #3

Links

LinksPage

Same File Used Multiple Times

File Path

File Type

= file missing

= file modified

You’re in the Flow