Bài giảng Introducing Desktop Publishing - Chapter 5 Introducing Adobe Photoshop

Introducing Adobe PhotoshopChapterWorkshop FoundationsExplore Raster Graphics Workshop ToolboxThe Photoshop InterfaceProjects Project 5-1: Select ObjectsProject 5-2: Complete a CollageProject 5-3: Create a Photo CollageProject 5-4: Add LayersProject 5-6: Retouch a PhotoProject 5-7: Create a Photo Montage Skills You Will LearnCopyright © The McGraw-Hill Companies, Inc. All rights reserved.5Design with Adobe Photoshop Introducing Adobe PhotoshopChapterProjects Project 5-8: Create Effects with Images and FiltersProject 5-9: Take a Digital PhotographProject 5-10: Lay Out a CoverSkills You Will LearnCopyright © The McGraw-Hill Companies, Inc. All rights reserved.5Design with Adobe Photoshop Introducing Adobe PhotoshopPhotographs 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 Publicationspg. 197Chapter5Design with Adobe Photoshop Introducing Adobe Photoshoppg. 197Chapter5Design with Adobe PhotoshopFoundationsIdentify raster imagesDetermine resolutionIdentify raster image file formatsYou Will Learn ToKey Terms raster graphicspixelscalableresolutionpixelatedfile name extensionpg. 198Design with Adobe PhotoshopFoundationsRaster GraphicsRaster 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 graphicsDigital images made up of pixels. (pg. 198)pixelThe smallest square of color in an image. (pg. 198)scalableThe ability to be resized without any loss of image clarity. (pg. 198)resolutionImage clarity. (pg. 198)Explore Raster Graphics pg. 198Design with Adobe PhotoshopFoundationsResizing Raster ImagesRaster 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. pixelatedThe visibility of individual pixels in an image. (pg. 199)file name extensionThe letters displayed after a file name. (pg. 200)Explore Raster Graphics pg. 199-200Design with Adobe PhotoshopWhat is a pixel? Explore Raster GraphicsFoundationsA pixel is a picture element, the smallest square of color in an image.Design with Adobe PhotoshopExplore Raster GraphicsAssessmentpg. 200Which of the following images has the highest resolution?Answer: BExplanation: The image with the greatest dpi has the highest resolution.A. 72 dpiB. 400 dpiC. 300 dpiD. 150 dpiDesign with Adobe PhotoshopToolboxIdentify parts of the Photoshop interfaceIdentify Toolbox toolsYou Will Learn ToKey Term palettepg. 201Design with Adobe PhotoshopToolboxWorkspaceThe workspace is the area that will be printed when the work is published. Images are placed on the workspace.PalettesA palette displays a variety of tools for particular actions, such as adding color or working with layers.Options barThe Options bar displays different options depending upon the tool being applied. paletteA feature of Photoshop that displays a variety of tools for particular actions. (pg. 201)The Photoshop Interface pg. 201Design with Adobe PhotoshopWhat is a palette? The Photoshop InterfaceToolboxA palette is a feature of Photoshop that displays a variety of tools for different actions. Design with Adobe PhotoshopThe Photoshop InterfaceAssessmentpg. 202How do you move the workspace in Photoshop?Answer: BExplanation: Clicking and dragging the Title bar will move the workspace in Photoshop. A. by clicking and dragging the Title barB. by clicking and dragging the menu barC. by clicking and dragging the Options barD. by clicking and dragging the palette Design with Adobe PhotoshopSelect ObjectsApply the zoomSelect with the Polygonal LassoCopy and move an objectSelect with the Magic WandFlip an objectSelect with Marquee toolsScale an objectSpotlight on Skillspg. 203Key Terms marqueepolygonanchor point Academic Focus MathIdentify geometric shapes5-1Design with Adobe PhotoshopSelect Objectspg. 203Selection ToolsMarquee 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. marqueeA 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-1Design with Adobe PhotoshopSelect Objectspg. 203In this project, you willLearn to use Photoshop’s selection tools to move, format, and manipulate objects to create an image of a gingerbread house. Adobe PhotoshopAPPLICATIONS USED Data File 5-1DATA FILES USED5-1Design with Adobe PhotoshopSelect Objectspg. 2065-1Design with Adobe PhotoshopComplete a CollageSelect with the Magnetic LassoSeparate background imagesResize and rotate objectsCrop an imageSpotlight on Skillspg. 207Key Term fastening pointAcademic Focus MathWork with geometric shapes5-2Design with Adobe PhotoshopComplete a Collagepg. 207Magnetic LassoThe 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 pointsAnchors along the edge of a border that start a new segment. (pg. 207)5-2Design with Adobe PhotoshopComplete a Collagepg. 207In this project, you willContinue to learn more about Photoshop’s selection tools as you complete the gingerbread house you started in Project 5-1. Adobe PhotoshopAPPLICATIONS USED5-2Design with Adobe PhotoshopComplete a Collagepg. 2105-2Check 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 PhotoshopCreate a Photo CollageUse the Navigator paletteAdd to selectionSubtract from selectionAdd a layerSpotlight on Skillspg. 211Key Term collageAcademic Focus MathWork with geometric shapes5-3Design with Adobe PhotoshopCreate a Photo Collagepg. 211Introducing PalettesThe 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. collageA collection of assembled images. (pg. 211)5-3Design with Adobe PhotoshopCreate a Photo Collagepg. 211In this project, you willBegin 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 PhotoshopAPPLICATIONS USED5-3 Data File 5-3DATA FILES USEDDesign with Adobe PhotoshopCreate a Photo Collagepg. 2145-3Design with Adobe PhotoshopAdd LayersChange colorCreate new layersReorder layersAdd a new backgroundAdjust contrastInsert a new imageErase parts of an imageSpotlight on Skillspg. 215Key Terms opaqueopacitytransparencyblending modeshuesaturationAcademic Focus ScienceWork with colors5-4Design with Adobe PhotoshopAdd Layerspg. 215Layersin 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 ModesBlending modes control the way the pixels on one layer blend with the pixels in underlying layersHue and SaturationUsing the Hue and Saturation command, a user can change the hue and saturation of an image. opaqueThe inability to see through layer. (pg. 215)opacityThe level of transparency of a layer. (pg. 215)blending modesA tool that controls the way pixels on one layer blend with pixels in underlying layers. (pg. 215)hueThe color of an image. (pg. 215)saturationThe intensity of the color of an image. (pg. 215)5-4Design with Adobe PhotoshopAdd Layerspg. 215In this project, you willFinish modifying the car image that you started in Project 5-3.Adobe PhotoshopAPPLICATIONS USED5-4 Data File 5-4DATA FILES USEDDesign with Adobe PhotoshopAdd Layerspg. 2195-4Check 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 PhotoshopApply a MaskResize a documentAdd a layer maskSet an RGB colorAdd textAlign objectsSpotlight on Skillspg. 220Key Term maskAcademic Focus Social StudiesCreate an image of Stonehenge5-5Design with Adobe PhotoshopApply a Maskpg. 220Working with LayersLayers can be edited independently of each other.Layers can also be masked. A mask is a hides specific areas of an image. maskA feature that hides specific areas of an image. (pg. 220)5-5Design with Adobe PhotoshopApply a Maskpg. 220In this project, you willMake the sky look more dramatic in a photograph of Stonehenge. Adobe PhotoshopAPPLICATIONS USED5-5 Data File 5-5DATA FILES USEDDesign with Adobe PhotoshopApply a Maskpg. 2235-5Check 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 PhotoshopRetouch a PhotoStraighten a photoRemove red eyeApply the Clone StampAdjust color levelsSpotlight on Skillspg. 224Key Terms retouchclonehistogramAcademic Focus MathInterpret a histogram5-6Design with Adobe PhotoshopRetouch a Photopg. 224-225Apply the Clone Stamp ToolUsing 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 ColorIn Photoshop, a user can change the histogram settings to correct color in a photograph.retouchTo 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-6Design with Adobe PhotoshopRetouch a Photopg. 225In this project, you willRetouch a photograph that has many common image problems, including red eye, a blemish, and poor lighting. Adobe PhotoshopAPPLICATIONS USED5-6 Data File 5-6DATA FILES USEDDesign with Adobe PhotoshopRetouch a Photopg. 2285-6Check 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 PhotoshopCreate a Photo MontageAdd a layer for selectionAdd a shadowApply a filterFlatten an imageCreate a vignette effectSpotlight on Skillspg. 229Key Terms highlightmontagevignetteflattenAcademic Focus ScienceApply light properties5-7Design with Adobe PhotoshopCreate a Photo Montagepg. 229HighlightWhen creating an illustration, details like highlights and shadows make the picture more realistic.MontageIn 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. highlightAn 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-7Design with Adobe PhotoshopCreate a Photo Montagepg. 229In this project, you willCreate a realistic photo montage. Adobe PhotoshopAPPLICATIONS USED5-7 Data File 5-7DATA FILES USEDDesign with Adobe PhotoshopCreate a Photo Montagepg. 2335-7Check 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 PhotoshopCreate Effects and Images with FiltersChange the workspace colorApply filtersApply the magic eraserAdd a gradient fillSpotlight on Skillspg. 234Key Term filterAcademic Focus ScienceCreate astronomy images5-8Design with Adobe PhotoshopCreate Effects and Images with Filterspg. 234FiltersMany interesting images can be created by using filters.Many of Photoshop’s filters can be previewed in the Filter Gallery.filterA tool that can create effects such as distortions, texture, blurs, and others. (pg. 234)5-8Design with Adobe PhotoshopCreate Effects and Images with Filterspg. 234In this project, you willUse filters to create images of a planet, stars, and a nebula (a gas or dust cloud in space).Adobe PhotoshopAPPLICATIONS USED5-8Design with Adobe PhotoshopCreate Effects and Images with Filterspg. 2385-8Check 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 PhotoshopTake a Digital PhotographTake a digital photographUpload a photo from a cameraRemove a backgroundInsert a picture into an imageApply blending modesSpotlight on Skillspg. 240Key Terms megapixeloptical zoomsingle lens reflexAcademic Focus ScienceEvaluate camera optics5-9Design with Adobe PhotoshopTake a Digital Photographpg. 240MegapixelsA megapixel is a unit that contains over one million pixels.The higher the number of megapixels, the sharper the photograph.Optical ZoomProfessional cameras use an optical zoom, which uses lenses inside the camera to magnify the subject without losing image quality.Single Lens ReflexIn single lens reflex cameras, a photographer can look through the viewfinder and see the exact image that will be captured by the camera. megapixelA 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-9Design with Adobe PhotoshopTake a Digital Photographpg. 240In this project, you willBegin to create a magazine cover.Adobe PhotoshopAPPLICATIONS USED5-9 Data File 5-9a Data File 5-9bDATA FILES USEDDesign with Adobe PhotoshopTake a Digital Photographpg. 2435-9Check 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 PhotoshopLay Out a CoverGroup layersAdd magazine cover objectsAdd textSpotlight on Skillspg. 244Academic Focus Language ArtsCreate a magazine cover page5-10Design with Adobe PhotoshopLay Out a Coverpg. 244Magazine CoversMagazines 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-10Design with Adobe PhotoshopLay Out a Coverpg. 244In this project, you willUse Photoshop to create a magazine cover that combines text with the photograph you created in Project 5-9. Adobe PhotoshopAPPLICATIONS USED5-10 Data File 5-10a Data File 5-10b Data File 5-10cDATA FILES USEDDesign with Adobe PhotoshopLay Out a Coverpg. 2465-10Check 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 PhotoshopIn the Workplacepg. 247On the JobProfessional 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 OutlookPhotography is exceptionally competitive field, where there are often more applicants than there are available jobs. Skills and TalentsPhotographersPhotographers need To have:Technical knowledge of camerasGood visual skillsKnowledge of varioussoftware programsGood communicationskillsGood problem-solving skillsThe ability to work independently and meet deadlinesDesign with Adobe Photoshop Introducing Adobe PhotoshopChapter AssessmentHow 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. 2485Design with Adobe Photoshop Introducing Adobe PhotoshopChapter AssessmentWhat 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. 2485Design with Adobe Photoshop Introducing Adobe Photoshop Go to Learning Center Unit Activities PowerPoint Presentations Student Data Files Key Term Flashcards Reading Checks and Critical Thinking Activities e-Review Self Checks Worksheets Enrichment ActivitiesChapter5Design with Adobe Photoshop