Upload
amie-poole
View
212
Download
0
Embed Size (px)
Citation preview
Adobe CS6: The Graphic Design Portfolio
Project 4: Composite Movie Ad
Compositing images and artwork
Managing layers
Creating complex selections
Saving Photoshop files for print
Adobe CS6: The Graphic Design Portfolio
Types of ImagesVector graphics:– Mathematically based
– Scaled without loss of quality
Raster images:– Pixel based
– Resolution determined when created/captured
Line art:– Special type of raster image
with only black and white pixels
Adobe CS6: The Graphic Design Portfolio
ResolutionPixels per inch (PPI)– Number of pixels in a linear
inch
– Fixed when file is created/captured
Dots per inch (DPI)– Number of spots created by
an output device
Lines per inch (LPI)– Number of lines of dots
created in a halftone screen
Adobe CS6: The Graphic Design Portfolio
Effective ResolutionFactor physical size with resolution– Resizing
– Resampling
Adobe CS6: The Graphic Design Portfolio
Opening FilesFile>Open (Command/Control-O)
Double-click in Adobe Bridge
Double-click in Mini Bridge panel
Using any method:– Shift to select multiple contiguous files
– Command/Control to select multiple non-contiguous files
Adobe CS6: The Graphic Design Portfolio
Document Rulers & GuidesView>Rulers
Change default units of measurement:– Units & Rulers preferences dialog box
– Either ruler’s contextual menu
Drag guides from either ruler
Create specific guides using View>New Guide
Adobe CS6: The Graphic Design Portfolio
Crop toolOptions bar – Define size and resolution of cropped image before drawing the crop area
Front Image:– Use original file size as the height/width and resolution
Clear: – Draw a crop area without changing the size or resolution of the resulting
cropped image
Adobe CS6: The Graphic Design Portfolio
Crop tool (cont’d)
Adobe CS6: The Graphic Design Portfolio
Compositing LayersCopy & Paste = new layer
Drag from another window = new layer
File>Place = new Smart Object layer
Drag from Mini Bridge panel = new Smart Object layer
Adobe CS6: The Graphic Design Portfolio
Move tool
Move the selected layer
Move selected contents on the active layer
Auto-Select option: – No need to first select target layer before
dragging
– The layer containing the pixel you click is moved
Adobe CS6: The Graphic Design Portfolio
Layer BasicsDescriptive names– “Storm” is better than
“Layer 1”
– Only used internally; can be anything you want
– Grouping for easier management
Adobe CS6: The Graphic Design Portfolio
Types of Layers
Background layer
Smart Object layer
Regular layer
Shape layer
Type layer
Adjustment layer
Adobe CS6: The Graphic Design Portfolio
Transforming LayersEdit>Transform or Edit>Free Transform (Command/Control-T)
Drag transformation handles
Options bar = specific numeric transformation
Can’t be applied to the Background layer
Adobe CS6: The Graphic Design Portfolio
Making SelectionsMarquee tools
Lasso tools
Magic Wand tool
Quick Selection tool
Select menu options
Adobe CS6: The Graphic Design Portfolio
Marquee toolsClick and drag to select a basic-shape area
Rectangle, Oval, Single Row, or Single Column
Adobe CS6: The Graphic Design Portfolio
Lasso toolsClick and drag to create
a freeform selectionPolygonal Lasso tool– Click to create points– Points automatically
connect to create a straight-edged selection
Magnetic Lasso tool– Click and drag near
edges to snap selection marquee to areas of high contrast in the image
Adobe CS6: The Graphic Design Portfolio
Quick Mask ModeActivated at the bottom of the Tools panel
Semi-transparent overlay of the active selection
Lighter shades in the quick mask indicate partially selected pixels
Adobe CS6: The Graphic Design Portfolio
Quick Selection toolClick and drag to “paint” a selectionArea expands to apparent edges in the image
Adobe CS6: The Graphic Design Portfolio
Magic Wand toolClick to select areas within defined color toleranceContiguous limits the selection to areas that touch the spot where you clickSample All Layers bases selection on all layers in the file
Adobe CS6: The Graphic Design Portfolio
Select Menu OptionsDeselectReselectInverseTransform Selection
Modify>– Border
– Smooth
– Expand
– Contract
– Feather
Adobe CS6: The Graphic Design Portfolio
Select>Color RangeMake complex selections based on layer content
Click to define the color of the initial selection
Fuzziness increases the tolerance of the selection area (away from the original color selection)
Adobe CS6: The Graphic Design Portfolio
Refine EdgeDialog box interface for fine-tuning edges of a selection area
Basically Combines several other techniques into a single interface
Define the type of output (selection, mask, layer, file)
Adobe CS6: The Graphic Design Portfolio
Layer MasksNon-destructive – Enable or Disable
without affecting actual layer pixels
– No longer non-destructive once permanently Applied
Black areas hide underlying pixels
White areas reveal underlying pixels
Shades of gray partially reveal pixels to blend edges
Adobe CS6: The Graphic Design Portfolio
File FormatsPSD – Native, work-in-progress format
– Placement in later versions of other apps
TIFF – Common for high-res file submission
– Supports layers
– No compression/data loss
JPEG – Common for low-res file transfer
– Doesn’t support layers
– Uses lossy data compression