Class 1 Aug 25
Class 2 Aug 27
Class 3 Sep 1
Class 4 Sep 3
Class 5 Sep 8
Class 6 Sep 10
Class 7 Sep 15
Class 8 Sep 18
Class 9 Sep 22
Class 10 Sep 24
Class 11 Sep 29
Class 12 Oct 1
Class 13 Oct 13
Class 14 Oct 15
Class 15 Oct 20
Class 16 Oct 22
Class 17 Oct 27
Class 18 Oct 29
Class 19 Nov 3
Class 20 Nov 5
Class 21 Nov 10
Class 22 Nov 12
Class 23 Nov 17
Class 24 Nov 19
Class 25 Dec 1
Class 26 Dec 3
Class 27 Dec 8
Class 28 Dec 10
FINAL

Advanced Digital Media: Graphic Design ART4060-J01

Class Meets: Monday/Wednesday 1:00PM to 3:15PM
Location: Media Art Research Studio (MARS)
Professor: Sean Clute, sean@seanclute.net
Class URL: www.seanclute.net/graphicdesign
Office Hours: Tuesday 1:15PM-1:45PM, Wednesday 12:00PM-12:45PM or by appointment

Course Description:
Graphic Design will explore the elements and principles of graphic design and digital imaging for computers, mobile media and print. The course is intended to prepare students to create effective illustrations, logos, branding, packaging and brochures. The course will focus on creative use of computers in the visual arts and the workplace.

Goals:
Develop language and techniques for creating and critiquing graphic design
Learn a variety of traditional and contemporary principles of graphic design
Apply acquired digital skill sets to “real” life situations
Learn how to use computers and software for creative purposes
Discover more about ourselves and methods of self-expression through art

Software introduced:
Illustrator CS6
Photoshop CS6
InDesign CS6
Acrobat X Pro

Grading Summary:
Mini-Assignment #1 (Primitives) | 5%: You will create compositions using primitive shapes
Mini-Assignment #2 (Shapes) | 5%: You will create a forgery using primitive and complex shapes
Mini-Assignment #3 (Type) | 5%: You will work with typography
Mini-Assignment #4 (Design) | 5%: You will create a design for a shirt
Mini-Assignment #5 (Portrait) | 5%: You will process a photo-based portrait
Mini-Assignment #6 (Poster) | 5%: You will create photo-based poster

MidTerm Project (logo) | 20%: You will create logo types for a company TBA

Final Project: | 30% You will determine a final project with my consultation

Participation | 20%:
Participation is a huge part of your grade!
I take attendance. For each class (after three absences) I drop your final grade by one (ex. A to B)
Critiques are super important! If you miss a critique I drop your final grade by a minus (ex A to A-)
Facebook can be a distraction. If I catch you using Facebook I drop participation by 10%

What happens in class:
Class typically breaks down one of four ways into lecture, demo, lab, and critique
Lectures include me talking about a topic relevant to media arts
Demos include me showing you how to use software relevant to the lecture and your assignment
Labs are time for you to work and ask questions about the assignment
Critiques will occur on assignment due dates. For all assignments you will be required to defend your work

Other miscellaneous stuff:
No food or drink in the computer lab
I give extra credit for attending artist lectures

Connecting to the Class Server
We have a class server (an external storage device) in which all assignments must be uploaded
To access the server:
Finder/Go/Connect to Server/Connect
or
press [command k] when in the Finder

If the server address is blank type in “smb://155.42.34.15/art” and press connect

Checking out Equipment or Cameras:
To check out cameras go to Media Services (second floor) during business hours
I recommend using the Sanyo VPC-CG10
If you are a TRIO student then you are able to check out laptops with our software installed

Help:
You can always email me at sean@seanclute.net
You can come to my office hours (see above)
For technical help you can file a report with IT here: https://servicedesk.vsc.edu/

MARS Hours:
MARS is open to you when no class is present. You must get your ID activated at security to use.

Schedule Details:

Class 1 (Aug 25) – Orientation | Computer Basics

Introduction to the class:
Who are we?
Syllabus
Class Website
Survey

Computer Basics:
Where is the computer?
How do we turn this thing on?
What is my log in?
What is a mouse?
USB 2.0, Firewire 800, Headphone jack?
What is an external drive?
OSX is an operating system?
What are applications?
What is the dock?
What are folders and files?
How do I organize folders and files using “_” and “1”, “2”, “3”, etc.?
Why not use “!@#$%^&*()<>?/;’|][“ when naming files and folders?
Why will I have to save all assignments as LastnameFirstname?
Right-Clicking?
What are five things I should know?
How do I share files?
How to set background image
How to right-click with mouse
Set up file preferences
What is my personal folder?
What is my personal folder on the server?
Um, the trash can?

Put these Handy Key Commands in your memory banks
n = make new things
s = save
c = copy
x = cut
v = paste
z = undo

Mini-Assignment Intro (DUE Aug 27): You will bring in reproductions or designs to get us all thinking aesthetics.
Requirements:

* Bring in a design that you like and think is good
* Bring in a design that you don’t like and think is good
* Bring in a design that you like and suspect it might not be good
* Bring in a design that you don’t like and suspect it might not be good
* Bring in the design as a digital file (.jpg, .gif, .tif, etc.)
* Upload to ART/_CluteGraphicDesign/Assignments/MiniAssignment_Intro

Homework:
Work on the Assignment Intro. We will discuss your pics next class!

Class 2 (Aug 27) – DUE: Assignment Intro | Screening: Designing Careers

Assignment Intro:
You will show off your design picks and we will informally talk about them.

Lecture Design:
Lecture on Principles of Design/Elements of Design

Screening:
Will will look at the work of Von Glitschka an IllustrativeDesigner

Processing:
I might introduce you to coding graphics. What is hidden underneath programs like Illustrator and Photoshop.

Homework:
Check out the design lectures
Make sure you can log in and are familiar with the computers

Class 3 (Sep 1) – Demo: Illustrator Basics I | Lab

“In Illustrator, you build artwork instead of drawing artwork.” – Mordy Golding

Demo Illustrator Basics I:
What is Illustrator?
Graphics Editor for artists and designers
Two things that make it unique:
1) Editable
2) Scalable
Great for multi-use design, pdf. 3D printing

Vector vs. Pixels
Vectors vs. Pixels
Pixels limit the size of the image file or are resolution dependent
Vectors are resolution independent
Vectors are easier to output to inDesign, After Effects, design projects (web, print, media)

Path Appearance
Path Appearance
Vectors are made of paths but do not have appearance until you add it
Three types of appearances (fill, stroke, effects)
You can see the appearances added to a path with the appearance panel

Object Stacking Order
Stacking Order
Objects are stacked (control click)
Layers can be stacked as well

Modifier Key
Modifier Keys

Interface
Menus bar gives access to everything
Context Sensitive (ie. Selection Tool vs. Text Tool)
Tools are divided by groups
Tool tips
Tools disclosure triangle
Panels do all of the modifications
Use the Window File Menu to find panels
Panels can be arrange by groups or moved
You can reset panels using the workspace
Artboard

Documents
New Document (command n)
Naming (assest management)
Profile (Print vs. Screen)
Orientation (Portrait vs. Landscape)

Navigating
Navigation
Hand Tool (spacebar)
Zoom Tool (z)
Zoom Out (option z)
Marque Zoom
Zoom In (command +)
Zoom Out (command -)
Fit on Screen the art board (command 0)

Rulers and Guides
Rulers and Guides
Rules, grids and guides help you constrain objects
View/Rules/Hide or show rulers
Smart guides
Click and drag out to art board, or outside art board to delete
Lock Guides (Right Click)

Preview Modes
Outline Mode (command y)
Fullscreen Mode (f)

Selection Tools
Selection Tools
They can be used for selecting, resizing, rotating
Selection Tool (v)
Selection Tool allows to select groups and entire objects
Direct Selection Tool (a)
Direct Selection Tool allows you to select individual objects and anchor points
Select All (command a)
Lasso Tool, used just for selecting (q)

Closed Path Primitives
Closed Primitive Shapes
To create a shape click and drag
Draw from center (option click)
Constrain Shape (shift click)
Move Shape (spacebar)
More/less sides/angles (up/down arrow click)
Duplicate (~ click)

Open Path Primitives
Constrain line to 45% angle (shift click)
Draw from center (option click)
Arch Tool options (up/down arrow, use x to change direction, use c to close)

Fills and Strokes
Fill and Strokes are a type of appearance to paths
Fill is the inside
Stroke is the border
Stroke Weight, Cap, Corner
Stroke dashes and arrows

Mini-Assignment #1 (DUE Sep 8): You will mercilessly create many compositions using only primitive shapes.
Requirements:
* You must create 50 different compositions
* The files must be standard letter size and landscape orientation

* You many use any primitive shape (rectangle, ellipse, star, etc.)

* You may use the Line, Arch, and Spiral tools

* You may use set the fill and stroke to any size or color

* You may use the select and direct selection tools

* Use of other tools, effects, transformations, etc. are FORBIDDEN

* Use must label each file “LastnameFirstname01, 02, 03, etc.”
* Choose your favorite composition and label it red

* All files must be in one folder named “LastnameFirstname”
* Upload to Art/_CluteGraphicDesign/Assignments/Assignment1_Primitives

Lab:
Get familiar with creating and navigating an .ai document
Experiment with creating shapes and using modifier keys
Work on Mini-Assignment #1

Homework:
Work on Mini-Assignment #1

Class 4 (Sep 3) – Demo: Illustrator Basics II | Lab

Demo Illustrator Basics II:
Review
Review Basics of Drawing Primitives
Review creating and using Guides

Lab:
Work on Mini-Assignment #1

Homework:
Work on Mini-Assignment #1, because it is due next class!

Class 5 (Sep 8) – DUE: Mini-Assignment #1 | Demo: Illustrator Drawing I

Mini-Assignment #1:
Mini-Assingment #1 is due! We will share our favorite composition.

Demo Illustrator Drawing I:
Understanding Paths and Anchor Points
Understanding Anchor Points
Anchor points and paths are like string art
A path is like a skeleton that you put cloths on
Anchor points are the joints that hold the skeleton together
Corner Anchor Points (straight lines)
Smooth Anchor Points (curves)
Smooth Anchor Points have handles
Direct Selection Tool selects individual anchor points (selection will become solid)

Joining and Averaging
Joining open paths allows you to add fills
Object/Path/Average
Object/Path/Join (command j)

Scissors
Scissors Tool cuts paths

Pen Tool and Straight Lines
Pen Tool and Straight Paths
Do NOT draw but plot the points
Pen Tool draws curves, lines, closed paths, and 3D (p)
Straight Lines use Corner Anchor Points
Curved Lines use Smooth Anchor Points
Deselect path by Command Clicking on a blank part of Artboard
Pen Tool shows an “x” when a new path can be made
Constrain the paths (shift click)

Pen Tool and Curves
Click and drag to create control handles
Third point is tricky, make Corner Anchor point (opt click) on second point for straight line

Pen Tool Editing Anchor Points
Editing Anchor Points
Pen Tool allows to add, delete and convert Anchor Points
Add Anchor Point Tool on path (+)
Delete Anchor Point on the path (-)
Covert Pen Tool on Anchor Points to change type of anchor

Mini-Assignment #2 (Due Sep 15): The work Odalisque by Henri Matisse is a famous example of forgery. Elymr de Hory was very talent at this and now we shall see if you are too.
You may reference Odalisque HERE.
Requirements:
* You must recreate the work Odalisque by Henri Matisse
* You must use Illustrator

* You cannot use live/image trace
* The file must be named “LastnameFirstname.ai”

* Upload to Art/_CluteGraphicDesign/Assignments/Assignment2_Forgery

Lab:
Get familiar with the Pen Tool
Work on Mini-Assignment #2

Homework:
Work on Mini-Assignment #2

Class 6 (Sep 10) – Demo: Illustrator Drawing II | Lab

Demo Illustrator Drawing II:
Compound Paths
Object/Compound Path/Make
Window/Pathfinder, try different functions

Compound Shapes
Build shapes, Do NOT draw shapes
Envision multiple shapes and then how do you make one shape from it
Window/Pathfinder Panel

Shape Builder Tool
Shape Builder Tool
The object has to be selected to use the Shape Builder Tool
Click drag to merge different shapes
To subtract shapes (opt click)
Shift click drag to make a marque
Shape Tool preference can make color swatches

Blob Brush and Eraser Tool
Blob Brush
Blob Brush creates fills
Blob Brush you can add/join to the shapes
Show outline mode to demonstrate
Eraser Tool is very smiler to the Blob Brush
Eraser Tool erases filled shapes

Paint Brush and Pencil Tool
Pencil Tool
Paint Brush draws free form strokes
Paint Brush can draw closed paths (opt click when drawing)
Pencil Draws is similar to brush as it creates strokes

Outline Mode
Outline Mode (command y)

Lab:
Try making compound paths and shapes with Pathfinder and the Shape Builder Tool
Work on Mini-Assignment #2

Homework:
Work on Mini-Assignment #2, because it is due next class!

Class 7 (Sep 15) – DUE: Mini-Assignment #2 | Demo: Illustrator Type

Mini-Assignment #2
Mini-Assignment #2 is due! We will share our work.

Demo Illustrator Type I:
Point Text
Typography is the study of text
There are three types of text in Illustrator (point, area, and type on a path)
Point text is called this because it creates a single anchor point that defines it
Text Tool (point and click)
Eyedropper works for sampling text

Area Text
Area Text
Click and drag a marque to define space for text
Type/ Area Type option (row, column, span, gutter)
You can change shapes into area text

Character Settings
Can change any individual character
Window/Type/Character (expand the preferences)
Kerning (space between characters)
Leading (space between lines)
Tracking (like kerning but space between more then one character)
Rotate (rotate individual characters)
Optical is a good option and easy to use

Paragraph Settings
Can change the paragraph (not individual characters)
Window/Type/Paragraph
Alignment
Justification

Mini-Assignment #3 (Due Sep 22): You will typographically enhance the meaning of words and experiment with Illustrator’s typesetting potential.
Requirements:
* Pick six words (3 from group A and 3 from group B)
* You must manipulate the letter forms
* You must manipulate typefaces, styles, sizes, and positions
* The file format must be 8 X 8 inches
* The file must be named “LastnameFirstname.ai”
* Place the file in ART/_CluteGraphicDesign/Assignments/Assignment3_Type”
Group A: explosion, broken, sunrise, invisible, short, smooth, float
Group B: puzzle, mimic, elastic, inside, fail, lonely, magnetic, removable

Lab:
Work on Mini-Assignment #3

Homework:
Work on Mini-Assignment #3

Class 8 (Sep 17) – Demo: Illustrator Type II | Lab

Demo Illustrator Type II:
Text on a Open Path
Text on a Open Path
Type On A Path Tool, regular Type Tool will not work
Make a path then click
You will see control handles that include a left line, right line, middle line
Direct Selection Tool can edit the path itself

Text on a Closed Path
Can create a shape and then use Text On A Path
You will get similar control handles as text on an open path

Text to Path
Converting Text into Paths
Type is a type of vector object but sometimes has disadvantages such as:
1) you cannot alter the actual shape of the text
2) not everyone has the same types of fonts on each computer thus, convert to paths
You can turn text into paths
This is really helpful in logo design
The disadvantage is then you cannot change it back to text
Type/Create Oultines

Installing Fonts
dafont.com
Download, double click, install, reopen application
Text is in all applications

Lab:
Work on Mini-Assignment #3

Homework:
Work on Mini-Assignment #3, because it is due next class!

Class 9 (Sep 22) – DUE:Mini-Assignment #3 | Demo: Illustrator Appearances

Mini-Assignment #3:
Mini-Assignment #3 is due. We will share our work.

Lecture Future Workspaces:
What does YOUR future workspace look like?
DIY Revolution/ Maker Movement
DIY (from Wired Magazine)
Hackerspaces
Laboratory B (Burlington)
The Future of Industry? (Makerbot)
Why I love my 3D Printer
threadless.com
Cafe Press
Shutterfly (good for printing books)
Snapfish (good for printing photos)

Mini-Assignment #4 (Due Oct 1):You will design a tee shirt.
Requirements:
* Create a unique design
* Design must have color
* Design must use shapes and appearances
* Design must be put on a shirt template
* Label the file “FirstnameLastname.ai”
* Place the file on ART/_CluteGraphicDesign/Assignments/Assignment4_Shirt
but, what I would really love…
* Do all of the above
* Submit your design to threadless.com
* Get everyone in class and your friends to vote for your design
* Win $2000 bucks

Demo Illustrator Appearances:
Appearance Panel
Objects include: Anchor Points and Paths, Stacking Order, Strokes and fills
Stroke gets applied to the path
Stroke has a weight or thickness
Appearance Panel lets you see and change attributes
Understand the stacking order of the objects (move stroke below fill)

Multiple Attributes
You can have more then one fill or stroke
ie. Add new stroke
Target the individual stroke
Change weight and dash

Distortion Tools
A number of tools process the anchor points
Warp Tool
Twirl Tool
Pucker Tool
You can change the tool preferences by double clicking on tool

Live Effects
Live Effects
Effect is an attribute
Apply in appearance panel
Apply drop shadow
It adjusts to a change in the shape, hence a live effect
Basic Appearance vs. Complex Appearance
Use Eyedropper tool to sample the appearance of an object
To use first select object to be change
Then use eyedropper to select the sampled artwork

Layers
Window/Layers panel
The layers work just like Photoshop
Stacking order matters
Visibility

Working with Images
Working with Raster based images
File/Place
Embed vs. Not Embed
Convert Raster to Vector via Image Trace
Window/Image Trace panel
Convert Pixels to Paths (Expand)

Homework:
Work on Mini-Assignment #4

Class 10 (Sep 24) – Demo: Illustrator Color | Lab

Demo Illustrator Color:
Adding Color
Make selection to apply art
Fill and Stroke
You can access color through:
Color Panel
Swatches Panel
Appearance Panel
CMYK vs. RGB

Swatch
Quick way to apply color
Drag icon into swatch
Create new Swatch
Process Color (mix of primary colors)
Swatch Library Menu
PANTONE (most common library)
Color Books / PANTONE Solid Coated
Swatch Groups (New Color Group, add by dragging)

Color Guide
Color Guide
Helps with picking colors
Color Guide Panel
Click any color it becomes the base color
The next line are Harmony Rules (arrow reviles different harmony)

Gradients
Gradients
Gradient of a single swatch made of multiple colors
Gradient Panel (two kinds)
Linear and Radial
Can change the angle (90%) as ex.
Flip colors icon
Color stops (click to change color)(click to change location)
Click and drag from swatch or double click on stop
Midpoint indicator, where the two colors meet
Can add additional stops by clicking
Radial Gradient (moves from the middle)

Pattern Fills
Patterns
Like wallpaper
Drag object into swatches panel
To change space between objects in pattern:
Use a no fill/no stroke rectangle in the background
opt. click/shift key from center of object to make it bigger then object
Make a staggered pattern by using the rectangle space

Stroke Settings
Weight = thickness
Default is aligned to center line of path
Align Stroke (only closed shapes)
Corner = Path comes to a corner at anchor point
Cap = Open shapes
Dashes
Arrowheads
Variable Width Strokes (width tool)
Width Profile

Lab:
Work on Mini-Assignment #4

Homework:
Work on Mini-Assignment #4

Class 11 (Sep 29) – Lab

Lab:
We will finish our t-shirt designs and upload them to threadless.com

Homework:
Finish Mini-Assignment #4, because it is due next class!

Class 12 (Oct 1) – DUE: Mini-Assignment #4 | Guest: TBA

Mini-Assignment #4:
Mini-Assignment #4 is due. We will briefly share our work.

Client:
TBA

Mid-Term (DUE Oct 15, 22): In two groups you will create a logo mark for TBA.
Requirements:
PART ONE (DUE Oct 15):
* You must have a one sheet that briefs the company you are representing
* The sheet must include the company name
* The sheet must include what the company does
* The sheet must include five adjectives that represent the company
* The sheet must include five shapes that represent the company
* The sheet must include five font types that represent the company
* The sheet must include five colors that represent the company
* A separate sheet must include ten reference logos that represent the style of your logo
* Both sheets must look appealing to the company you are representing.
* One sheet file must be named as Groupname.ai

* Place file on ART/_CluteGraphicDesign/Assignments/MidTerm_LogosI
* You must print both sheets for the client to go over

PART TWO (DUE Oct 22):
* Create 3 logos based on feedback from the client
* Every logo must have a different design
* Logos file must be named as Groupname.ai
* Place file on ART/_CluteGraphicDesign/Assignments/MidTerm_LogosII
* Print the logos on paper for the client

Lab:
Brainstorm design ideas. Work on the one sheet.

Homework:
In groups work on Part One of the Logo Assignment

Class 13 (Oct 13) – Demo: Logo Creation | Lab: Logo

Demo Logo Creation:
Logo Design
Visual communication
Logo puts a face on a brand (think hid of cattle)
Represents the company, person or group

Client
Gauging preselections (realistic, align goals)
SOW (scope of work)
Quoting project (itemize deliverables, negotiation)
Contract (signed)

Briefs
Determine client needs and characteristics
Ask questions (what logos do they like, why, what are you trying to convey)
Have client gather material that fits the mood

Design Process
Start with everything goes then revise
Typography (type faces)
Color (color helper)
Shape, form, detail
Pitch (sharing your rational)

Logo Shape
Logo Shape
Shape based logo
Shape Builder Tool (compound paths, compound shapes)
Copy (opt, click drag)

Logo Type
Logo Type
Point Type
Change Font
Change Kerning
Change Color of Text
Groups

Printing Illustrator Document
Settings change based on the printer
Ignore Artboards (all in one page)
Fit to Page
Auto Rotate

Saving Illustrator Document
Always use .ai format
Version number
Create PDF Compatible File (two files in one, you can open in pdf viewers)
EPS files in the past, people don’t use too much anymore

Saving PDF
PDF is one of most common file types
File/Save As/Format/PDF
Chose the different adobe PDF presets
Best printing (PDF/x-1a:2001) for transparency, art is cmyk, fonts embeded

Export to Rasters
File/Export/Tiff then set your own resolution
Art vs. Type Optimized Anti-aliasing
Export to Photoshop
Best to go from Illustrator to Photoshop, not Photoshop to Illustrator
To preserve transparency you can Export/.psd
Color Mode, Resolution, Options

Lab:
Work on Part One of the Logo Assignment

Homework:
Finish and print Part One of the Logo Assignment. It is due next class!

Class 14 (Oct 15) – DUE: Part I | Guest: TBA | Lab: Logo

Mid-Term Part I:
Mid-Term Part one is due today. We will share them with TBA.

Client:
TBA will provide feedback on the one sheet and logotype. They will select the his top three designs from each team.

Lab:
Work on Part Two of the Logo Assignment

Homework:
Work on Part Two of the Logo Assignment

Class 15 (Oct 20) – Lab: Logo

Lab:
Work on Part Two of the Logo Assignment. It is due next class!

Homework:
Work on Part Two of the Logo Assignment. Print a copy and put file on the server before class!

Class 16 (Oct 22) – DUE: Mid-Term Logos

Logos:
The logos are due! We will critique each others logos. TBA will join us one last time for the final selection.

Class 17 (Oct 27) – Screening: Helvetica

Screening:
We will watch Helvetica

Class 18 (Oct 29) – Demo: Photoshop Adjustments | Lab: Photo

Adjustment Layers
Adjustment Layer Basics
Adjustments Panel is good for color correction and tone
Non-destructive (do not confuse with the Image/Adjustments which are destructive)
Adjustment Layer can be readjusted, shows up in layers panel
You can have more then one adjustment layer
You can change the preset of the adjustment layer
You can change opacity of the adjustment layer
You can change the blend mode (overlay to increase contrast)
You can use the built in layer mask
(use brush tool)(black = hide adjustment)(white = show adjustment)

Levels
Levels
Tonal Quality
Adjustment Panel/Levels
Histogram shows the tonal values (black is 0, white is 255, graph is middle)
Show gradient layer
Show window/info
Black triangle clips all values between 0 and val to 0 (or black)
White triangle to left clips all values from 255 to val to 255 (white)
Setting a stronger white and stronger black
Move triangles to where the pixels begin to increase contrast
Clipping preview (option drag)

Hue Saturation
Hue Saturation
You don’t have to make selections before changing color
Master (global, entire image) is default
To change specific colors you can change the pulldown from Master
Change Saturation
Shift hue with slider
Color warp shows before and after (top is before, below is after)
Layer mask
Target Adjustment Tool (the finger with arrow)
Click and drag and it will figure out color
Horizontal drag is saturation
Command horizontal drag is hue

Black and White
Sliders control individual color
Target Adjustment Tool to separate tones
Increase contrast with Curves
Preset/Increase Contrast
Layer Mask

Adjustment Layer Control
Adjustment Control
Default is the adjustment layer effects everything beneath it
You can click button in panel that effects only the one below
Change stacking order
To affect only some layers group them,
Default groups are set to pass through, change blend mode to normal

Mini-Assignment #5 (DUE Nov 12): You will create and process a portrait. From this portrait you will create a poster (Assignment #6). Have fun taking photographs of a single subject in different guises, in different poses, from different angles, etc.. You may incorporate props such as sun-glasses or something that conceals part of your face.

Requirements:
* Take 15-20 images and then narrow down your selection to the best image
* You must use Photoshop to process the image
* At least one layer must include retouching (spot healing, content aware, etc.)
* At least one layer must be a Adjustment Layer such as Hue, Curves, Vibrance, etc.
* Save the image as 1920x 1080x at 300dpi
* The file must be named “LastnameFirstname.psd”
* Place the file on ART/_CluteGraphicDesign/Assignments/Assignment5_Portrait

Mini-Assignment #6 (DUE Nov 12): From the portrait in Assignment #5 you will create a poster. The poster maybe for any cause or reason but must promote something like a product or idea.
* The poster must be promotional
* The main subject must be your portrait in Assignment #5
* You may use any other images you wish
* You may use text
* Save image as 1920x 1080x (landscape or portrait) at 300dpi
* Create a high quality print of the poster and bring it into class
* The file must be named “LastnameFirstname.psd”
* Place the file on ART/_CluteGraphicDesign/Assignments/Assignment6_Poster

Homework:
Review Photoshop tutorials. Especially if you do not know the information above as we are jumping into more advanced practices next week!
Brainstorm ideas for Assignment #5 and #6

Class 19 (Nov 3) – Demo: Photoshop Retouching | Lab: Assignment #5, 6

Demo: Photoshop Retouching
Retouching Basics
Common use of Photoshop
Fixes, blemishes, skin, hair, teeth, and body sculpting
Usually retouch on a duplicate layer
Option Click on New Layer to name layer

Clone Stamp Tool
Used for retouching
Sample one area and use it in another

Spot Healing Brush
Spot Healing Brush
Make a new layer
Sample all layers in Control Panel is check
Check the Type Content Aware
Retouching skin blemishes
Retouching categories, Spot Healing Brush, Red Eye Tool, clone stamp
Similar to clone stamp tool but spot healing samples and replaces at same time

Skin and Pores
Smoothing Skin
Smoothing Skin Recipe
Zoom in to see skin
Duplicate layer (drag layer into new layer)
Filter/Other/High Pass (edge detection filter)
Radius 2.5 to increase contrast
Layer Bend Mode to Overlay
Overlay ignores gray pixels
This increases contrast
Invert Layer (Image/Adjustments/Invert)
Soften everything so you need to add mask
Add Layer Mask
Paint with black with brush

Content Aware Fill
Content Aware Fill
How to get rid of unwanted objects.
Duplicate layer (drag onto new layer)
Select are to be filled
Edit/Fill/Content-Aware
Use Spot Healing (use content-aware)
paint over layers

Lab:
Work on Assignments #5 and #6

Homework:
Work on Assignments #5 and #6

Class 20 (Nov 5) – Demo: Photoshop Filters | Lab Assignment #5, 6

Demo Photoshop Filters:
Filter Basics
Filter Basics
Photoshop has hundreds filters or plug ins
Categories
Sharpen (unsharpened mask high pass)
Blur (Gaussian, motion, radial, lens)
Noise (add noise, reduce noise)
Creative (Texture, artistic, brush strokes, distort, render, stylize)
Select layer, apply filter, preview dialog box (this is destructive)
Select layer, smart filter, apply fitter, preview dialog box

Smart Filters
Smart Filters
Smart Filters are wrappers (use transform example)
Smart Filters are non-destructive
Filter/Convert for Smart Filters
Embed a copy of the layer within the file
Look at layer icon
Now make the dog smaller then larger and compare with a non-smart filter

Unsharp Mask
Unsharpen Mask
Looking for edges (a light pixel next to a dark pixel)
Filter increases contrast of edge pixels

Gaussian Blur
Gaussian Blur
Blur is import because it is how we perceive the world. Blur, light, color.
Blur is similar to focus

Noise
Noise

Displacement Maps
Great for shadows on contours
Filter/Distort/Displace/

Filter to Layers
Applying Filters to Layers

Actions
People create actions that allow for creating effects
Show website, download actions
Double click to apply actions to Photoshop
Actions Window
Apply different actions by selecting the Action Layer and pressing Play

Lab:
Work on Assignments #5 and #6

Homework:
Work on Assignments #5 and #6
Spend some time thinking about what you want to do for the final project

Class 21 (Nov 10) – Lab: Assignment #5, 6

Lab:
Work on Assignments #5 and #6. They are both due next class!

Homework:
Work on Assignment #5 and #6. They are both due next class!
Spend some time thinking about what you want to do for the final project

Class 22 (Nov 12) – Due: Mini-Assignments #5, 6

Mini-Assignments #5, 6:
Mini-Assingments #5 and #6 are due today! We will share our work.

Final Project (Due Dec 10): You will create a final design project for this class. The project will mostly be up to you but must be approved by me first. This is a chance to take advantage of the time, resources, and your interests. I will guide you along the way.
Requirements:
* The final project must be approved by me first
* The final project must have a digital file component
* The file must be name “LastnameFirstname.”
* Place the file on ART/_CluteGraphicDesign/Assignments/Final/

Homework:
Have a strong idea of what you are doing for your final. We will discuss it next class!

Class 23 (Nov 17) – Final Project Pitch | Lab: Final

Final Project Pitch:
We will chit chat about your final projects as a class then individually

Final Project Meetings:
We will meet individually to discuss your final project

Homework:
Brainstorm ideas for your final project based on class feedback

Class 24 (Nov 19) – Lab: Final

Lab:
Work on Final Project

Homework:
Work on Final Project

Class 25 (Dec 1) – Lab: Final

Lab:
Work on Final Project

Homework:
Work on Final Project

Class 26 (Dec 3) – Lab: Final

Lab:
Work on Final Project

Homework:
Work on Final Project

Class 27 (Dec 8) – Lab: Final

Lab:
Work on Final Project because it is due next class!

Homework:
Work on Final Project because it is due on the server by next class!

Class 28 (Dec 10) – Final Projects DUE!

Final Projects:
The Final Projects are due! We will share our masterpieces with each other.

FINAL Meeting TBA

Final Meeting:
Final individual meetings will occur in the VAC 004.