Unit Design with Adobe Photoshop Introducing Adobe Photoshop Chapter Workshop Foundations Explore...

57
Design with Adobe Photoshop Unit Introducing Adobe Photosh Chapter Workshop Foundations Explore Raster Graphics Workshop Toolbox The Photoshop Interface Projects Project 5-1: Select Objects Project 5-2: Complete a Collage Project 5-3: Create a Photo Collage Project 5-4: Add Layers Project 5-6: Retouch a Photo Project 5-7: Create a Photo Montage Skills You Will Learn Copyright © The McGraw-Hill Companies, Inc. All rights reserved. 5

Transcript of Unit Design with Adobe Photoshop Introducing Adobe Photoshop Chapter Workshop Foundations Explore...

Design with Adobe Photoshop Unit

Introducing Adobe PhotoshopChapter

Workshop Foundations Explore Raster Graphics

Workshop Toolbox The Photoshop Interface

Projects Project 5-1: Select Objects Project 5-2: Complete a Collage Project 5-3: Create a Photo Collage Project 5-4: Add Layers Project 5-6: Retouch a Photo Project 5-7: Create a Photo Montage

Skills You Will Learn

Copyright © The McGraw-Hill Companies, Inc. All rights reserved.

5

Design with Adobe Photoshop Unit

Introducing Adobe PhotoshopChapter

Projects Project 5-8: Create Effects with Images and Filters Project 5-9: Take a Digital Photograph Project 5-10: Lay Out a Cover

Skills You Will Learn

Copyright © The McGraw-Hill Companies, Inc. All rights reserved.

5

Design with Adobe Photoshop Unit

Introducing Adobe Photoshop

Photographs provide visual interest and information for a variety of publications and products, including magazines, newspapers, catalogs.

Photographs placed in documents should follow the PARC design principles.

Add Photographs to Publications

pg. 197

Chapter 5

Design with Adobe Photoshop Unit

Introducing Adobe Photoshop

pg. 197

Chapter 5

Design with Adobe Photoshop Unit

Foundations

Identify raster images Determine resolution Identify raster image file formats

You Will Learn ToKey Terms

raster graphics

pixel

scalable

resolution

pixelated

file name extension

pg. 198

Design with Adobe Photoshop Unit

Foundations

Raster Graphics Raster graphics are digital images made up of thousands of tiny

squares called pixels.What Is Resolution?

Vector images are scalable, meaning they can be resized without any loss of image clarity, or resolution.

raster graphics

Digital images made up of pixels. (pg. 198)

pixel

The smallest square of color in an image. (pg. 198)

scalable

The ability to be resized without any loss of image clarity. (pg. 198)

resolution

Image clarity. (pg. 198)

Explore Raster Graphics pg. 198

Design with Adobe Photoshop Unit

Foundations

Resizing Raster Images Raster images are not scalable. When they are enlarged, the

images look either blurry or pixelated.What are Raster File Formats?

The table on page 200 lists file formats for raster images. The file name extension shows the file’s format.

pixelated

The visibility of individual pixels in an image. (pg. 199)

file name extension

The letters displayed after a file name. (pg. 200)

Explore Raster Graphics pg. 199-200

Design with Adobe Photoshop Unit

What is a pixel?

Explore Raster Graphics

Foundations

A pixel is a picture element, the smallest square of color in an image.

Design with Adobe Photoshop Unit

Explore Raster Graphics

Assessment pg. 200

Which of the following images has the highest resolution?

Answer: B

Explanation: The image with the greatest dpi has the highest resolution.

A. 72 dpi

B. 400 dpi

C. 300 dpi

D. 150 dpi

Design with Adobe Photoshop Unit

Toolbox

Identify parts of the Photoshop interface Identify Toolbox tools

You Will Learn ToKey Term

palette

pg. 201

Design with Adobe Photoshop Unit

Toolbox

Workspace The workspace is the area that will be printed when the work is

published. Images are placed on the workspace.Palettes

A palette displays a variety of tools for particular actions, such as adding color or working with layers.

Options bar The Options bar displays different options depending upon the

tool being applied.

palette

A feature of Photoshop that displays a variety of tools for particular actions. (pg. 201)

The Photoshop Interface pg. 201

Design with Adobe Photoshop Unit

What is a palette?

The Photoshop Interface

Toolbox

A palette is a feature of Photoshop that displays a variety of tools for different actions.

Design with Adobe Photoshop Unit

The Photoshop Interface

Assessment pg. 202

How do you move the workspace in Photoshop?

Answer: B

Explanation: Clicking and dragging the Title bar will move the workspace in Photoshop.

A. by clicking and dragging the Title bar

B. by clicking and dragging the menu bar

C. by clicking and dragging the Options bar

D. by clicking and dragging the palette

Design with Adobe Photoshop Unit

Select Objects

Apply the zoom Select with the Polygonal Lasso Copy and move an object Select with the Magic Wand Flip an object Select with Marquee tools Scale an object

Spotlight on Skills

pg. 203

Key Terms

marquee

polygon

anchor point

Academic Focus

Math

Identify geometric shapes

5-1

Design with Adobe Photoshop Unit

Select Objects

pg. 203

Selection Tools Marquee tools allow a user to select elliptical, rectangular, and

other standard shapes in an object. Lasso tools are used to select irregular or unusual shapes such

as polygons. Anchor points are created by clicking on a selection tool.

marquee

A dotted line that shows the area that is selected. (pg. 203)

polygonA multisided geometric figure. (pg. 203)

anchor pointThe beginning of a new line segment. (pg. 203)

5-1

Design with Adobe Photoshop Unit

Select Objects

pg. 203

In this project, you will… Learn to use Photoshop’s selection tools to move, format, and

manipulate objects to create an image of a gingerbread house. Adobe Photoshop

APPLICATIONS USED

• Data File 5-1

DATA FILES USED

5-1

Design with Adobe Photoshop Unit

Select Objects

pg. 206

5-1

Design with Adobe Photoshop Unit

Complete a Collage

Select with the Magnetic Lasso Separate background images Resize and rotate objects Crop an image

Spotlight on Skills

pg. 207

Key Term

fastening point

Academic Focus

Math

Work with geometric shapes

5-2

Design with Adobe Photoshop Unit

Complete a Collage

pg. 207

Magnetic Lasso The Magnetic Lasso is a useful tool for irregular shapes. The Magnetic Lasso works by creating fastening points, which

anchor the line and start a new segment.

fastening points

Anchors along the edge of a border that start a new segment. (pg. 207)

5-2

Design with Adobe Photoshop Unit

Complete a Collage

pg. 207

In this project, you will… Continue to learn more about Photoshop’s selection tools as

you complete the gingerbread house you started in Project 5-1. Adobe Photoshop

APPLICATIONS USED

5-2

Design with Adobe Photoshop Unit

Complete a Collage

pg. 210

5-2

Check your work Use Figure 5.13 as a guide and check that:

The house has a door, two windows, a chimney, and decorations.The elements are sized and placed correctly.The image has been cropped.

Design with Adobe Photoshop Unit

Create a Photo Collage

Use the Navigator palette Add to selection Subtract from selection Add a layer

Spotlight on Skills

pg. 211

Key Term

collage

Academic Focus

Math

Work with geometric shapes

5-3

Design with Adobe Photoshop Unit

Create a Photo Collage

pg. 211

Introducing Palettes The palettes in Photoshop allow a user to manipulate layers of

an image to create a collage. The Navigator Palette shows the part of the image displayed in

the workspace. From the Color Palette, a user can choose fill colors. The History Palette returns an image to a previous stage. Using the Layers Palette, a user can view, edit, and reorder

layers.

collage

A collection of assembled images. (pg. 211)

5-3

Design with Adobe Photoshop Unit

Create a Photo Collage

pg. 211

In this project, you will… Begin to create a collage. You will also continue to practice

using the selection tools and the Add to Selection and Subtract from Selection options.

Adobe Photoshop

APPLICATIONS USED

5-3

• Data File 5-3

DATA FILES USED

Design with Adobe Photoshop Unit

Create a Photo Collage

pg. 214

5-3

Design with Adobe Photoshop Unit

Add Layers

Change color Create new layers Reorder layers Add a new background Adjust contrast Insert a new image Erase parts of an image

Spotlight on Skills

pg. 215

Key Terms

opaque

opacity

transparency

blending modes

hue

saturation

Academic Focus

Science

Work with colors

5-4

Design with Adobe Photoshop Unit

Add Layers

pg. 215

Layers in the Layers palette, layers can be rearranged in any order. Some layers are opaque. The greater the opacity of a layer, the

greater its transparency. Apply Blending Modes

Blending modes control the way the pixels on one layer blend with the pixels in underlying layers

Hue and Saturation Using the Hue and Saturation command, a user can change the

hue and saturation of an image.

opaque

The inability to see through layer. (pg. 215)

opacity

The level of transparency of a layer. (pg. 215)

blending modes

A tool that controls the way pixels on one layer blend with pixels in underlying layers. (pg. 215)

hue

The color of an image. (pg. 215)

saturation

The intensity of the color of an image. (pg. 215)

5-4

Design with Adobe Photoshop Unit

Add Layers

pg. 215

In this project, you will… Finish modifying the car image that you started in Project 5-3.

Adobe Photoshop

APPLICATIONS USED

5-4

• Data File 5-4

DATA FILES USED

Design with Adobe Photoshop Unit

Add Layers

pg. 219

5-4

Check your work Use Figure 5.27 as a guide and check that:

The car’s color, new background, and speedometer have been changed.A mirror reflection on a separate layer has been created.The speedometer has been resized and unwanted parts erased.Blending modes are applied to the reflection and speedometer.

Design with Adobe Photoshop Unit

Apply a Mask

Resize a document Add a layer mask Set an RGB color Add text Align objects

Spotlight on Skills

pg. 220

Key Term

mask

Academic Focus

Social Studies

Create an image of Stonehenge

5-5

Design with Adobe Photoshop Unit

Apply a Mask

pg. 220

Working with Layers Layers can be edited independently of each other. Layers can also be masked. A mask is a hides specific areas of

an image.

mask

A feature that hides specific areas of an image. (pg. 220)

5-5

Design with Adobe Photoshop Unit

Apply a Mask

pg. 220

In this project, you will… Make the sky look more dramatic in a photograph of

Stonehenge. Adobe Photoshop

APPLICATIONS USED

5-5

• Data File 5-5

DATA FILES USED

Design with Adobe Photoshop Unit

Apply a Mask

pg. 223

5-5

Check your work Use Figure 5.33 as a guide and check that:

The original sky has been masked and the new sky is visible.A gradient has been added to change the image color.The gradient layer has been changed to the color blending mode.Text has been added and centered on the workspace.

Design with Adobe Photoshop Unit

Retouch a Photo

Straighten a photo Remove red eye Apply the Clone Stamp Adjust color levels

Spotlight on Skills

pg. 224

Key Terms

retouch

clone

histogram

Academic Focus

Math

Interpret a histogram

5-6

Design with Adobe Photoshop Unit

Retouch a Photo

pg. 224-225

Apply the Clone Stamp Tool Using the Clone Stamp tool is an effective way to retouch a

photograph. To clone is to copy a range of pixels and paste the pixels into another location.

Adjust Color In Photoshop, a user can change the histogram settings to

correct color in a photograph.

retouch

To fix a photograph. (pg. 224)

cloneTo copy a range of pixels and paste the pixels into another location. (pg. 224)

histogramA graph that shows the number of pixels for each color and tone in an image. (pg. 225)

5-6

Design with Adobe Photoshop Unit

Retouch a Photo

pg. 225

In this project, you will… Retouch a photograph that has many common image problems,

including red eye, a blemish, and poor lighting. Adobe Photoshop

APPLICATIONS USED

5-6

• Data File 5-6

DATA FILES USED

Design with Adobe Photoshop Unit

Retouch a Photo

pg. 228

5-6

Check your work Use Figure 5.40 as a guide and check that:

The picture has been straightened and the red eye has been removed.The water droplet has been cloned out.An Adjustment layer has been added to fix the strong backlighting.A mask has been used to restore the original sky color.

Design with Adobe Photoshop Unit

Create a Photo Montage

Add a layer for selection Add a shadow Apply a filter Flatten an image Create a vignette effect

Spotlight on Skills

pg. 229

Key Terms

highlight

montage

vignette

flatten

Academic Focus

Science

Apply light properties

5-7

Design with Adobe Photoshop Unit

Create a Photo Montage

pg. 229

Highlight When creating an illustration, details like highlights and

shadows make the picture more realistic.Montage

In a montage, separate images combine to create a new image. A montage sometimes has a vignette, or a border that fades

into the background. To flatten is to merge all layers of an image into one layer.

highlight

An area where light is reflected off a surface. (pg. 229)

montageThe combination pf separate images to create a new image. (pg. 229)

vignetteA border that fades into the background. (pg. 229)

flattenTo merge all layers into one. (pg. 229)

5-7

Design with Adobe Photoshop Unit

Create a Photo Montage

pg. 229

In this project, you will… Create a realistic photo montage.

Adobe Photoshop

APPLICATIONS USED

5-7

• Data File 5-7

DATA FILES USED

Design with Adobe Photoshop Unit

Create a Photo Montage

pg. 233

5-7

Check your work Use Figure 5.48 as a guide and check that:

The baby has been resized and looks cushioned within the flower.The baby’s arm is above the flower petal.The baby casts shadows onto the flower near his hand and head.A vignette effect has been created.Two versions have been saved: a flat and a layered version.

Design with Adobe Photoshop Unit

Create Effects and Images with Filters

Change the workspace color Apply filters Apply the magic eraser Add a gradient fill

Spotlight on Skills

pg. 234

Key Term

filter

Academic Focus

Science

Create astronomy images

5-8

Design with Adobe Photoshop Unit

Create Effects and Images with Filters

pg. 234

Filters Many interesting images can be created by using filters. Many of Photoshop’s filters can be previewed in the Filter

Gallery.

filter

A tool that can create effects such as distortions, texture, blurs, and others. (pg. 234)

5-8

Design with Adobe Photoshop Unit

Create Effects and Images with Filters

pg. 234

In this project, you will… Use filters to create images of a planet, stars, and a nebula (a

gas or dust cloud in space).Adobe Photoshop

APPLICATIONS USED

5-8

Design with Adobe Photoshop Unit

Create Effects and Images with Filters

pg. 238

5-8

Check your work Use Figure 5.56 as a guide and check that:

The background has stars and multicolored nebulae.The moon and the planet are spherical with textured surfaces.The moon and the planet appear to be lit from the same source.

Design with Adobe Photoshop Unit

Take a Digital Photograph

Take a digital photograph Upload a photo from a camera Remove a background Insert a picture into an image Apply blending modes

Spotlight on Skills

pg. 240

Key Terms

megapixel

optical zoom

single lens reflex

Academic Focus

Science

Evaluate camera optics

5-9

Design with Adobe Photoshop Unit

Take a Digital Photograph

pg. 240

Megapixels A megapixel is a unit that contains over one million pixels. The higher the number of megapixels, the sharper the

photograph.Optical Zoom

Professional cameras use an optical zoom, which uses lenses inside the camera to magnify the subject without losing image quality.

Single Lens Reflex In single lens reflex cameras, a photographer can look through

the viewfinder and see the exact image that will be captured by the camera.

megapixel

A unit that contains over one million pixels. (pg. 240)

optical zoomA camera feature that uses lenses to magnify the image. (pg. 240)

single lens reflexA type of camera that allows an accurate view of an image through the lens. (pg. 240)

5-9

Design with Adobe Photoshop Unit

Take a Digital Photograph

pg. 240

In this project, you will… Begin to create a magazine cover.

Adobe Photoshop

APPLICATIONS USED

5-9

• Data File 5-9a

• Data File 5-9b

DATA FILES USED

Design with Adobe Photoshop Unit

Take a Digital Photograph

pg. 243

5-9

Check your work Use Figure 5.61 as a guide and check that:

The background behind the model has been removed.The model appears behind the soccer ball.The lighting for the model and the soccer ball appears consistent.The model is casting a shadow on the ground.

Design with Adobe Photoshop Unit

Lay Out a Cover

Group layers Add magazine cover objects Add text

Spotlight on Skills

pg. 244

Academic Focus

Language Arts

Create a magazine cover page

5-10

Design with Adobe Photoshop Unit

Lay Out a Cover

pg. 244

Magazine Covers Magazines use both text and interesting cover images to draw

attention to the publication. Photoshop’s Type tools are an effective way of adding visually

interesting text to a cover.

5-10

Design with Adobe Photoshop Unit

Lay Out a Cover

pg. 244

In this project, you will… Use Photoshop to create a magazine cover that combines text

with the photograph you created in Project 5-9. Adobe Photoshop

APPLICATIONS USED

5-10

• Data File 5-10a

• Data File 5-10b

• Data File 5-10c

DATA FILES USED

Design with Adobe Photoshop Unit

Lay Out a Cover

pg. 246

5-10

Check your work Use Figure 5.65 as a guide and check that:

The nameplate, bar code, and corner callout are sized and placed effectively.The model’s head partially overlaps the nameplate.The text is accurate, readable, and has clear borders.The cover design follows PARC principles.

Design with Adobe Photoshop Unit

In the Workplace

pg. 247

On the Job Professional photographers work in a variety of areas, including

portrait, industrial, fashion, journalism, scientific, commercial and fine arts photography.

Desktop publishing and Web software are important tools for all photographers and their work.

Future Outlook Photography is exceptionally competitive field, where there are

often more applicants than there are available jobs.

Skills and Talents

Photographers

Photographers need To have:

Technical knowledge of cameras

Good visual skills

Knowledge of varioussoftware programs

Good communicationskills

Good problem-solving skills

The ability to work independently and meet deadlines

Design with Adobe Photoshop Unit

Introducing Adobe Photoshop

Chapter Assessment

How is transparency related to the opacity of an image?

The more opaque an image is, the greater its transparency.

What is saturation?

Saturation is the intensity of color in an image.

Chapterpg. 248

5

Design with Adobe Photoshop Unit

Introducing Adobe Photoshop

Chapter Assessment

What is resolution?

Resolution is the level of clarity in an image.

What is the purpose of masking a layer?

Masking a layer hides specific areas so that you can work on the part of the image that is not masked.

Chapterpg. 248

5

Design with Adobe Photoshop Unit

Introducing Adobe Photoshop

Go to http://www.glencoe.com

Online Learning Center

Unit Activities

PowerPoint Presentations

Student Data Files

Key Term Flashcards

Reading Checks and Critical Thinking Activities

e-Review Self Checks

Worksheets

Enrichment Activities

Chapter 5