adobe photoshop basics - session 4

22
Adobe Photoshop Basics Instructor: Hanh Tran Arlington Public Schools Adult Education Program

Upload: xneptune

Post on 13-Jan-2015

1.029 views

Category:

Education


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Adobe Photoshop Basics - Session 4

Adobe

Photoshop Basics

Instructor:

Hanh Tran

Arlington Public Schools Adult Education Program

Page 2: Adobe Photoshop Basics - Session 4

Welcome Back

Hope everyone had a great weekend!

Adobe Photoshop Basics

Jan. 15th – Feb. 5th 2013

Tuesdays, 7:00 – 9:30 PM

Syphax Education Center, Room 115

My email: [email protected]

Feel free to email me with any questions

2 Hanh Tran | Adobe Photoshop Basics

Page 3: Adobe Photoshop Basics - Session 4

Previous Sessions Photoshop Workspace, Tools, Layers, etc.

Making Selections

Using Shapes & Colors, Modifying & Transforming, Vignette

Fixing Imperfections

Healing Brush. Clone Stamp, Eyedropper & Brush Combo

Working with Colors

Changing, Blending Colors, Grayscale, Hue & Saturation,

Brightness & Contrast, Color Balance, Curves

Layer Styles, Filter Gallery, Liquifying an Image

Class Exercises

Hanh Tran | Adobe Photoshop Basics 3

Page 4: Adobe Photoshop Basics - Session 4

Session 4 Objectives

Quick Review

Sessions 1-3

Project Ideas

Logo

Banner

Flyer

Image Manipulation

Hanh Tran | Adobe Photoshop Basics 4

Page 5: Adobe Photoshop Basics - Session 4

Review Digital image: made up of dots called pixels

Use Photoshop to add, modify, or delete individual pixels or groups of pixels

Image Resolution

Spacing of pixels in an image, measured in ppi (pixels per inch) or dpi (dots per inch)

Image Size

Physical dimensions of an image, measured in pixels (width x height)

Hanh Tran | Adobe Photoshop Basics 5

Page 6: Adobe Photoshop Basics - Session 4

Review Most Photoshop images are composite:

Multiple images or visual elements from

different sources combined into one

Images can be saved in various file formats

Default file format is .psd

Photoshop’s native raw format, similar to .tiff

Preserves layers

Typical image formats: .jpg, .gif, .png

Flattened image

Hanh Tran | Adobe Photoshop Basics 6

Page 7: Adobe Photoshop Basics - Session 4

Review Photoshop Workspace:

Work area

Application bar

Tools panel

Options bar

Status bar

Panels

Dock

Customizable

Hanh Tran | Adobe Photoshop Basics 7

Page 8: Adobe Photoshop Basics - Session 4

Review Layer: a section

within an image that

can be manipulated

independently

Use layers to control

individual elements

Isolate effects

Layers are ordered

Hanh Tran | Adobe Photoshop Basics 8

Page 9: Adobe Photoshop Basics - Session 4

Review Selection Tools: used to select a section of an image

A selection is enclosed by a marquee

Fixed-area tools Used to select rectangular or elliptical objects

Rectangular/elliptical marquee tool

Single row/column marquee tool

Freeform tools Used to select objects with irregular shapes

Lasso tool

Polygonal lasso tool

Magnetic lasso tool

Hanh Tran | Adobe Photoshop Basics 9

Page 10: Adobe Photoshop Basics - Session 4

Review Selections can be made via colors instead of shapes

Color Range command (Select Menu) Identify common colors to use for selection Exclude colors if necessary

Magic Wand tool Tolerance: to specify whether similar pixels are included Anti-aliased checkbox: to soften appearance of

selection Contiguous checkbox: to select pixels that are next to

one another

Sample All Layers checkbox: select pixels from all layers

Hanh Tran | Adobe Photoshop Basics 10

Page 11: Adobe Photoshop Basics - Session 4

Review Vignette Effect: uses feathering to fade from a

marquee, blurring surrounding area

1. Create marquee (marquee or lasso tool)

2. Modify feather setting (increase blur)

3. Layer Add Layer Mask Reveal

Selection

Hanh Tran | Adobe Photoshop Basics 11

Page 12: Adobe Photoshop Basics - Session 4

Review Clone Stamp tool

Paints using a defined sample 1. Hold down Alt/Option key & click to define stamp

2. Click to apply stamp

Healing Brush & Spot Healing Brush tools Healing Brush: same as above, but blends results Spot Healing Brush: does not required defined sample More intelligent than Clone Stamp

Burn & Dodge tools Burn: lightens selected area Doge: darkens selected area

Eyedropper & Brush combo technique Eyedropper: changes Foreground color to selected spot Use shortcut keys: “I” and “B” to switch back/forth

Hanh Tran | Adobe Photoshop Basics 12

Page 13: Adobe Photoshop Basics - Session 4

Review

Hanh Tran | Adobe Photoshop Basics 13

Page 14: Adobe Photoshop Basics - Session 4

Review Gradient Tool: used to blend colors

Pick from presets

Customize gradients

Add color/opacity stops

Gradient Map

1. Image Adjustments Gradient Map

Hanh Tran | Adobe Photoshop Basics 14

Page 15: Adobe Photoshop Basics - Session 4

Review Hue: color transmitted/reflected

Identified by the color name (i.e. blue)

Saturation: chroma, strength of the color

Represents the amount of gray in proportion to

the hue

Brightness: lightness/darkness of the color

Contrast: difference in luminance & color

Hanh Tran | Adobe Photoshop Basics 15

Page 16: Adobe Photoshop Basics - Session 4

Review

Hanh Tran | Adobe Photoshop Basics 16

Page 17: Adobe Photoshop Basics - Session 4

Review Layer Styles

1. Right-click layer Blending Options Check style Set options

If grayed out, convert Background to normal layer first:

1. Right-click Background Layer From Background

Hanh Tran | Adobe Photoshop Basics 17

Page 18: Adobe Photoshop Basics - Session 4

Review

Filters are used to give dramatic effects

1. Filter Filter Gallery Choose & Preview

2. -or- Filter Choose category Choose filter

Hanh Tran | Adobe Photoshop Basics 18

Page 19: Adobe Photoshop Basics - Session 4

Review 1. Filter Liquify

2. Set options (i.e. brush size)

3. Click and drag on image preview

4. OK to save, or Restore All to revert to original

Hanh Tran | Adobe Photoshop Basics 19

Page 20: Adobe Photoshop Basics - Session 4

Project Ideas

Pick one for tonight’s class

Logo

Banner

Flyer

Image manipulation

Other ideas

Hanh Tran | Adobe Photoshop Basics 20

Page 21: Adobe Photoshop Basics - Session 4

The End

I hope you enjoyed the course!

Hanh Tran | Adobe Photoshop Basics 21

Page 22: Adobe Photoshop Basics - Session 4

References Elizabeth Eisner Reding. (2011) Adobe Photoshop CS5, Delmar

Cengage Learning.

Sherry Bishop, Jim Shuman & Elizabeth Eisner Reding. (2010) The

Web Collection Revealed Premium Edition: Adobe

Dreamweaver CS5, Flash CS5 and Photoshop CS5, Delmar

Cengage Learning.

Ye Diana Wang. (2012) IT 213 Lecture 5: Color and Graphics,

George Mason University.

Hanh Tran | Adobe Photoshop Basics 22