Chapter 5 Introducing Adobe Photoshop Skills You Will Learn 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 Copyright © The McGraw-Hill Inc. All rights reserved. Design with Companies, Adobe Photoshop Unit Chapter 5 Introducing Adobe Photoshop Skills You Will Learn Projects Project 5-8: Create Effects with Images and Filters Project 5-9: Take a Digital Photograph Project 5-10: Lay Out a Cover Copyright © The McGraw-Hill Inc. All rights reserved. Design with Companies, Adobe Photoshop Unit Chapter 5 Introducing Adobe Photoshop pg. 197 Add Photographs to Publications 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. Design with Adobe Photoshop Unit Chapter 5 Introducing Adobe Photoshop pg. 197 Design with Adobe Photoshop Unit Foundations pg. 198 Key Terms raster graphics pixel scalable resolution You Will Learn To Identify raster images Determine resolution Identify raster image file formats pixelated file name extension Design with Adobe Photoshop Unit Foundations Explore Raster Graphics raster graphics Digital images made up of pixels. (pg. 198) pixel The smallest square of color in an image. (pg. 198) pg. 198 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. scalable The ability to be resized without any loss of image clarity. (pg. 198) resolution Image clarity. (pg. 198) Design with Adobe Photoshop Unit Foundations Explore Raster Graphics pixelated The visibility of individual pixels in an image. (pg. 199) file name extension The letters displayed after a file name. (pg. 200) pg. 199-200 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. Design with Adobe Photoshop Unit Foundations Explore Raster Graphics What is a pixel? 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? A. 72 dpi B. 400 dpi C. 300 dpi D. 150 dpi Answer: B Explanation: The image with the greatest dpi has the highest resolution. Design with Adobe Photoshop Unit Toolbox pg. 201 Key Term palette You Will Learn To Identify parts of the Photoshop interface Identify Toolbox tools Design with Adobe Photoshop Unit Toolbox The Photoshop Interface palette A feature of Photoshop that displays a variety of tools for particular actions. (pg. 201) pg. 201 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. Design with Adobe Photoshop Unit Toolbox The Photoshop Interface What is a palette? 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? 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 Answer: B Explanation: Clicking and dragging the Title bar will move the workspace in Photoshop. Design with Adobe Photoshop Unit 5-1 Select Objects pg. 203 Key Terms marquee polygon anchor point Academic Focus Math Identify geometric shapes Spotlight on Skills 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 Design with Adobe Photoshop Unit 5-1 Select Objects pg. 203 marquee A dotted line that shows the area that is selected. (pg. 203) polygon A multisided geometric figure. (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. anchor point The beginning of a new line segment. (pg. 203) Design with Adobe Photoshop Unit 5-1 Select Objects pg. 203 APPLICATIONS USED Adobe Photoshop 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. DATA FILES USED • Data File 5-1 Design with Adobe Photoshop Unit 5-1 Select Objects pg. 206 Design with Adobe Photoshop Unit 5-2 Complete a Collage pg. 207 Key Term fastening point Academic Focus Spotlight on Skills Select with the Magnetic Lasso Separate background images Resize and rotate objects Crop an image Math Work with geometric shapes Design with Adobe Photoshop Unit 5-2 Complete a Collage pg. 207 fastening points Anchors along the edge of a border that start a new segment. (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. Design with Adobe Photoshop Unit 5-2 Complete a Collage pg. 207 APPLICATIONS USED Adobe Photoshop 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. Design with Adobe Photoshop Unit 5-2 Complete a Collage pg. 210 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 5-3 Create a Photo Collage pg. 211 Key Term collage Academic Focus Spotlight on Skills Use the Navigator palette Add to selection Subtract from selection Add a layer Math Work with geometric shapes Design with Adobe Photoshop Unit 5-3 Create a Photo Collage pg. 211 collage A collection of assembled images. (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. Design with Adobe Photoshop Unit 5-3 Create a Photo Collage pg. 211 APPLICATIONS USED Adobe Photoshop 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. DATA FILES USED • Data File 5-3 Design with Adobe Photoshop Unit 5-3 Create a Photo Collage pg. 214 Design with Adobe Photoshop Unit 5-4 Add Layers pg. 215 Key Terms opaque opacity transparency blending modes hue saturation Academic Focus Spotlight on Skills Change color Create new layers Reorder layers Add a new background Adjust contrast Insert a new image Erase parts of an image Science Work with colors Design with Adobe Photoshop Unit 5-4 Add Layers pg. 215 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) 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. hue The color of an image. (pg. 215) saturation The intensity of the color of an image. (pg. 215) Design with Adobe Photoshop Unit 5-4 Add Layers pg. 215 APPLICATIONS USED Adobe Photoshop In this project, you will… Finish modifying the car image that you started in Project 5-3. DATA FILES USED • Data File 5-4 Design with Adobe Photoshop Unit 5-4 Add Layers pg. 219 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 5-5 Apply a Mask pg. 220 Key Term mask Spotlight on Skills Resize a document Add a layer mask Set an RGB color Add text Align objects Academic Focus Social Studies Create an image of Stonehenge Design with Adobe Photoshop Unit 5-5 Apply a Mask pg. 220 mask A feature that hides specific areas of an image. (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. Design with Adobe Photoshop Unit 5-5 Apply a Mask pg. 220 APPLICATIONS USED Adobe Photoshop In this project, you will… Make the sky look more dramatic in a photograph of Stonehenge. DATA FILES USED • Data File 5-5 Design with Adobe Photoshop Unit 5-5 Apply a Mask pg. 223 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 5-6 Retouch a Photo pg. 224 Key Terms retouch clone histogram Spotlight on Skills Straighten a photo Remove red eye Apply the Clone Stamp Adjust color levels Academic Focus Math Interpret a histogram Design with Adobe Photoshop Unit 5-6 Retouch a Photo pg. 224-225 retouch To fix a photograph. (pg. 224) clone To copy a range of pixels and paste the pixels into another location. (pg. 224) 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. histogram A graph that shows the number of pixels for each color and tone in an image. (pg. 225) Design with Adobe Photoshop Unit 5-6 Retouch a Photo pg. 225 APPLICATIONS USED Adobe Photoshop In this project, you will… Retouch a photograph that has many common image problems, including red eye, a blemish, and poor lighting. DATA FILES USED • Data File 5-6 Design with Adobe Photoshop Unit 5-6 Retouch a Photo pg. 228 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 5-7 Create a Photo Montage pg. 229 Key Terms highlight montage vignette flatten Spotlight on Skills Add a layer for selection Add a shadow Apply a filter Flatten an image Create a vignette effect Academic Focus Science Apply light properties Design with Adobe Photoshop Unit 5-7 Create a Photo Montage pg. 229 highlight An area where light is reflected off a surface. (pg. 229) montage The combination pf separate images to create a new image. (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. vignette A border that fades into the background. (pg. 229) flatten To merge all layers into one. (pg. 229) Design with Adobe Photoshop Unit 5-7 Create a Photo Montage pg. 229 APPLICATIONS USED Adobe Photoshop In this project, you will… Create a realistic photo montage. DATA FILES USED • Data File 5-7 Design with Adobe Photoshop Unit 5-7 Create a Photo Montage pg. 233 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 5-8 Create Effects and Images with Filters pg. 234 Key Term filter Spotlight on Skills Change the workspace color Apply filters Apply the magic eraser Add a gradient fill Academic Focus Science Create astronomy images Design with Adobe Photoshop Unit 5-8 Create Effects and Images with Filters pg. 234 filter A tool that can create effects such as distortions, texture, blurs, and others. (pg. 234) Filters Many interesting images can be created by using filters. Many of Photoshop’s filters can be previewed in the Filter Gallery. Design with Adobe Photoshop Unit 5-8 Create Effects and Images with Filters pg. 234 APPLICATIONS USED Adobe Photoshop In this project, you will… Use filters to create images of a planet, stars, and a nebula (a gas or dust cloud in space). Design with Adobe Photoshop Unit 5-8 Create Effects and Images with Filters pg. 238 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 5-9 Take a Digital Photograph pg. 240 Key Terms megapixel optical zoom single lens reflex Spotlight on Skills Take a digital photograph Upload a photo from a camera Remove a background Insert a picture into an image Apply blending modes Academic Focus Science Evaluate camera optics Design with Adobe Photoshop Unit 5-9 Take a Digital Photograph pg. 240 megapixel A unit that contains over one million pixels. (pg. 240) optical zoom A camera feature that uses lenses to magnify the image. (pg. 240) single lens reflex A type of camera that allows an accurate view of an image through the lens. (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. Design with Adobe Photoshop Unit 5-9 Take a Digital Photograph pg. 240 APPLICATIONS USED Adobe Photoshop In this project, you will… Begin to create a magazine cover. DATA FILES USED • Data File 5-9a • Data File 5-9b Design with Adobe Photoshop Unit 5-9 Take a Digital Photograph pg. 243 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 5-10 Lay Out a Cover pg. 244 Spotlight on Skills Group layers Add magazine cover objects Add text Academic Focus Language Arts Create a magazine cover page Design with Adobe Photoshop Unit 5-10 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. Design with Adobe Photoshop Unit 5-10 Lay Out a Cover pg. 244 APPLICATIONS USED Adobe Photoshop In this project, you will… Use Photoshop to create a magazine cover that combines text with the photograph you created in Project 5-9. DATA FILES USED • Data File 5-10a • Data File 5-10b • Data File 5-10c Design with Adobe Photoshop Unit 5-10 Lay Out a Cover pg. 246 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 Photographers pg. 247 Skills and Talents Photographers need To have: Technical knowledge of cameras Good visual skills Knowledge of various software programs Good communication skills 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. Good problem-solving skills The ability to work independently and meet deadlines Design with Adobe Photoshop Unit Chapter 5 Introducing Adobe Photoshop Chapter Assessment pg. 248 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. Design with Adobe Photoshop Unit Chapter 5 Introducing Adobe Photoshop Chapter Assessment pg. 248 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. Design with Adobe Photoshop Unit Chapter 5 Introducing Adobe Photoshop Online Learning Center Go to http://www.glencoe.com Unit Activities PowerPoint Presentations Student Data Files Key Term Flashcards Reading Checks and Critical Thinking Activities e-Review Self Checks Worksheets Enrichment Activities Design with Adobe Photoshop Unit