Project 1:

Composite Movie Ad
Compositing
images and
artwork
Managing layers
Creating complex
selections
Saving Photoshop...
Types of Images
Vector graphics:
– Mathematically based
– Scaled without loss of quality

Raster images:
– Pixel based
– R...
Resolution
Pixels per inch (PPI)
– Number of pixels in a linear
inch
– Fixed when file is
created/captured

Dots per inch ...
Effective Resolution
Factor physical size
with resolution
– Resizing
– Resampling

Adobe Photoshop CC: The Professional Po...
Opening Files
File>Open (Command/Control-O)
Double-click in Adobe Bridge
Using any method:
– Shift to select multiple cont...
History panel
Stores actions since the file was opened
Undo multiple steps
Performance
preferences:
change the
number of
s...
Document Rulers & Guides
View>Rulers
Change default units of measurement:
– Units & Rulers preferences dialog box
– Either...
Crop tool
Options bar
– Define size and resolution of cropped image before
drawing the crop area

Front Image:
– Use origi...
Crop tool (cont’d)

Adobe Photoshop CC: The Professional Portfolio
Compositing Layers
Copy & Paste
= new layer

Drag from another window
= new layer

File>Place
= new Smart Object layer

Ad...
Move tool

Move the selected layer
Move selected contents on the active layer
Auto-Select option:
– No need to first selec...
Layer Basics
Descriptive names
– “Storm” is better than
“Layer 1”
– Only used internally; can be
anything you want
– Group...
Types of Layers
Adjustment layer
Type layer
Shape layer
Smart Object layer
Regular layer
Background layer
Adobe Photoshop ...
Smart Object Layers
Link to data external from the
primary Photoshop file
Allow non-destructive editing,
effects, and tran...
Transforming Layers
Edit>Transform or
Edit>Free Transform
(Command/Control-T)
Drag transformation
handles
Options bar =
sp...
Making Selections
Marquee tools
Lasso tools
Magic Wand tool
Quick Selection
tool
Select menu
options

Adobe Photoshop CC: ...
Marquee tools
Click and drag to select a basic-shape area
Rectangle, Oval, Single Row, or Single
Column

Adobe Photoshop C...
Lasso tools
Click and drag to create
a freeform selection
Polygonal Lasso tool
– Click to create points
– Points automatic...
Quick Mask Mode
Activated at the
bottom of the
Tools panel
Semi-transparent
overlay of the
active selection
Lighter shades...
Channels panel
One channel for each primary color
– Red, Green, and Blue in RGB
– Cyan, Magenta, Yellow, and Black in CMYK...
Quick Selection tool
Click and drag to
“paint” a selection
Area expands to
apparent edges in
the image

Adobe Photoshop CC...
Magic Wand tool
Click to select areas within defined color tolerance
Contiguous limits the selection to areas that touch
t...
Select Menu Options
Deselect
Reselect
Inverse
Transform Selection
Modify>
–
–
–
–
–

Border
Smooth
Expand
Contract
Feather...
Select>Color Range
Make complex
selections based on
layer content
Click to define the color
of the initial selection
Fuzzi...
Refine Edge
Dialog box interface
for fine-tuning edges
of a selection area
Basically Combines
several other
techniques int...
Layer Masks
Non-destructive
– Enable or Disable
without affecting actual
layer pixels
– No longer nondestructive once
perm...
Editing Masks
Mask icon is linked to the layer icon
Select mask thumbnail to paint on the mask
Paint directly on a mask wi...
Editing Masks (cont’d)
Paint with black to hide areas
Paint with white to reveal areas
Paint with soft-edge brush to creat...
File Formats
PSD
– Native, work-in-progress format
– Placement in later versions of other apps

TIFF
– Common for high-res...
Upcoming SlideShare
Loading in …5
×

Pscc slides p1

1,532 views

Published on

  • Be the first to comment

  • Be the first to like this

Pscc slides p1

  1. 1. Project 1: Composite Movie Ad Compositing images and artwork Managing layers Creating complex selections Saving Photoshop files for print Adobe Photoshop CC: The Professional Portfolio
  2. 2. Types of Images Vector 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 Photoshop CC: The Professional Portfolio
  3. 3. Resolution Pixels 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 Photoshop CC: The Professional Portfolio
  4. 4. Effective Resolution Factor physical size with resolution – Resizing – Resampling Adobe Photoshop CC: The Professional Portfolio
  5. 5. Opening Files File>Open (Command/Control-O) Double-click in Adobe Bridge Using any method: – Shift to select multiple contiguous files – Command/Control to select multiple noncontiguous files Adobe Photoshop CC: The Professional Portfolio
  6. 6. History panel Stores actions since the file was opened Undo multiple steps Performance preferences: change the number of stored actions Adobe Photoshop CC: The Professional Portfolio
  7. 7. Document Rulers & Guides View>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 Photoshop CC: The Professional Portfolio
  8. 8. Crop tool Options 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 Photoshop CC: The Professional Portfolio
  9. 9. Crop tool (cont’d) Adobe Photoshop CC: The Professional Portfolio
  10. 10. Compositing Layers Copy & Paste = new layer Drag from another window = new layer File>Place = new Smart Object layer Adobe Photoshop CC: The Professional Portfolio
  11. 11. 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 Photoshop CC: The Professional Portfolio
  12. 12. Layer Basics Descriptive names – “Storm” is better than “Layer 1” – Only used internally; can be anything you want – Grouping for easier management Adobe Photoshop CC: The Professional Portfolio
  13. 13. Types of Layers Adjustment layer Type layer Shape layer Smart Object layer Regular layer Background layer Adobe Photoshop CC: The Professional Portfolio
  14. 14. Smart Object Layers Link to data external from the primary Photoshop file Allow non-destructive editing, effects, and transformation Editing: – Double-click icon to open linked file – Use File>Save Layer contextual menu: – Convert to Smart Object – Rasterize Layer Adobe Photoshop CC: The Professional Portfolio
  15. 15. Transforming Layers Edit>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 Photoshop CC: The Professional Portfolio
  16. 16. Making Selections Marquee tools Lasso tools Magic Wand tool Quick Selection tool Select menu options Adobe Photoshop CC: The Professional Portfolio
  17. 17. Marquee tools Click and drag to select a basic-shape area Rectangle, Oval, Single Row, or Single Column Adobe Photoshop CC: The Professional Portfolio
  18. 18. Lasso tools Click and drag to create a freeform selection Polygonal 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 Photoshop CC: The Professional Portfolio
  19. 19. Quick Mask Mode Activated 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 Photoshop CC: The Professional Portfolio
  20. 20. Channels panel One channel for each primary color – Red, Green, and Blue in RGB – Cyan, Magenta, Yellow, and Black in CMYK Turn individual channels on and off Manage Alpha and Spot channels Adobe Photoshop CC: The Professional Portfolio
  21. 21. Quick Selection tool Click and drag to “paint” a selection Area expands to apparent edges in the image Adobe Photoshop CC: The Professional Portfolio
  22. 22. Magic Wand tool Click to select areas within defined color tolerance Contiguous limits the selection to areas that touch the spot where you click Sample All Layers bases selection on all layers in the file Adobe Photoshop CC: The Professional Portfolio
  23. 23. Select Menu Options Deselect Reselect Inverse Transform Selection Modify> – – – – – Border Smooth Expand Contract Feather Adobe Photoshop CC: The Professional Portfolio
  24. 24. Select>Color Range Make 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 Photoshop CC: The Professional Portfolio
  25. 25. Refine Edge Dialog 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 Photoshop CC: The Professional Portfolio
  26. 26. Layer Masks Non-destructive – Enable or Disable without affecting actual layer pixels – No longer nondestructive once permanently Applied Black areas hide underlying pixels White areas reveal underlying pixels Shades of gray partially reveal pixels to blend edges Adobe Photoshop CC: The Professional Portfolio
  27. 27. Editing Masks Mask icon is linked to the layer icon Select mask thumbnail to paint on the mask Paint directly on a mask with a brush Edit mask settings with the Properties panel Adobe Photoshop CC: The Professional Portfolio
  28. 28. Editing Masks (cont’d) Paint with black to hide areas Paint with white to reveal areas Paint with soft-edge brush to create feathered edges or Paint with hard-edge brush and then use the Properties panel to feather Adobe Photoshop CC: The Professional Portfolio
  29. 29. File Formats PSD – 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 Adobe Photoshop CC: The Professional Portfolio

×