Photoshop Elements


Published on

Published in: Art & Photos, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Open Photoshop Elements
  • The welcome screen can be useful at first, but after some time you will likely find yourself wanting to start directly in the Editor or Organizer--probably the Organizer since you'll usually be starting with an existing photo. At the bottom of the Welcome screen there is a menu labeled "Start Up In:" where you can choose whether Elements starts with the Welcome Screen, in the Editor, or in the Organizer.
  • Introduce Work Area
  • Introduce them to Quick Fix and Auto features.
  • Introduce them to Quick Fix and Auto features. Do Red-Eye Dog3in photo Click before and after down left by View:
  • Sharpen is one of the last adjustments to use.
  • Do Reunion pic Explore Enhance features
  • Click on Standard Editor Explain difference Ask how they can program their version of P.E. to start directly in the Editor. Click for answer
  • Open waterfront.tif Auto smart fix Undo Explain concepts re. selection tools. use magnetic lasso to change pixelated sky to bluegreen Undo and choose radiant Choose adjust hue/saturation
  • Open Alfie
  • Open Alfie
  • Introduce file formats Remind test later
  • Do CapGown Pic
  • Notice that “Start.psd” has multiple layers, including a Background layer containing a beach image that shows through the transparent areas of the other layers. The checkerboard pattern indicates the transparent areas of a layer.
  • Changing the stacking order of your layers makes certain parts of the image appear in front of or behind other layers. Move the pointer over a layer name, and the pointer becomes a pointing finger.
  • The power of layers is that you don’t have to do all your image editing on one layer As you add more and more layers to your document, you’ll want to give them more descriptive names so you can easily identify their content.
  • Photoshop Elements

    1. 1. What Photoshop Elements 3.0 Does <ul><li>Correct and enhance your photos </li></ul><ul><li>Create collages by adding multiple images </li></ul><ul><li>Add text, graphics and artistic effects </li></ul><ul><li>Organize photos </li></ul><ul><li>Exhibit photos via slideshow, greeting card, postcards, calendars, etc </li></ul>0
    2. 2. You can change what Elements goes to when you start up
    3. 3. Helpful Shortcuts <ul><li>Undo = control + z </li></ul><ul><li>Cut = control + x </li></ul><ul><li>Copy = control + c </li></ul><ul><li>Paste = control + v </li></ul>0
    4. 4. The Work Area in 3.0 Toolbox Status & Information Bar Document Pane Palettes 0 System Menu Menus Standard Toolbar Photo Bin
    5. 5. Quick Fix <ul><li>The Photoshop Elements Quick Fix dialog box gathers several image correction tools in one spot. </li></ul><ul><li>Go to Enhance>Quick Fix . . . </li></ul><ul><ul><li>Straighten </li></ul></ul><ul><ul><li>Crop </li></ul></ul><ul><ul><li>Tonality </li></ul></ul><ul><ul><li>Colors </li></ul></ul><ul><ul><li>Sharpness </li></ul></ul>0
    6. 6. Misalignment <ul><li>Open “Red-Eye Dog3in.jpg ” </li></ul><ul><li>Choose Image > Rotate > Straighten </li></ul><ul><li>Choose Image > Rotate > Straighten and Crop </li></ul><ul><li>Choose Image > Rotate </li></ul>0
    7. 7. Red Eye <ul><li>You can fix the red eye of a person or the green or white eyes of a dog with the red eye removal tool. Click this tool and either </li></ul><ul><ul><li>click red part or </li></ul></ul><ul><ul><li>draw rectangle and release mouse </li></ul></ul>0
    8. 8. Sharpen <ul><li>Choose Filter > Sharpen </li></ul><ul><li>Or choose Filter > Sharpen > Unsharp Mask </li></ul>0
    9. 9. Tonality <ul><li>Open “reunion” graphic </li></ul><ul><li>Choose Enhance > Adjust Smart Fix </li></ul><ul><ul><li>Undo </li></ul></ul><ul><li>Choose Enhance > Adjust Contrast </li></ul><ul><ul><li>Undo </li></ul></ul><ul><li>Choose Enhance>Levels </li></ul><ul><ul><li>Undo </li></ul></ul>0
    10. 10. Adjust Color <ul><li>Choose Enhance>Adjust Color>Hue Saturation </li></ul><ul><li>Or choose Enhance> Adjust Color Variations </li></ul>0
    11. 11. Standard Edit <ul><li>Click Standard Edit </li></ul><ul><li>Standard Editor has more extensive features </li></ul><ul><li>If you decide you always want to start in Editor-what do you do? </li></ul><ul><ul><li>At bottom of Welcome screen>Start Up In allows you to choose whether you start with Welcome Screen, in the Editor, or in the Organizer </li></ul></ul>0
    12. 12. Manipulating Backgrounds <ul><li>Open waterfront.tif photo </li></ul><ul><li>Choose autosmart fix </li></ul><ul><li>Undo </li></ul><ul><li>Select magnetic lasso tool and “select” the sky </li></ul><ul><li>Choose paint bucket and fill with blue green </li></ul><ul><li>Choose Enhance>Adjust Color>Adjust Hue /Saturation </li></ul>0
    13. 13. Healing Brush <ul><li>The Healing Brush fixes larger areas of imperfections when you drag over them. You can remove objects from a uniform background; for instance, you can remove an object in a field of grass. </li></ul><ul><li>In the Editor, select the Healing Brush tool . </li></ul><ul><li>Choose a brush size from the options bar and set healing brush options: </li></ul><ul><li>Mode. Determines how the source or pattern blends with existing pixels. Normal lays new pixels over the original pixels. Replace mode preserves film grain and texture at the edges of the brush stroke. </li></ul>0
    14. 14. Healing Brush <ul><li>Source. Sets the source to use for repairing pixels. Sampled uses pixels from the current image. Pattern uses pixels from a pattern. If you chose Pattern, select a pattern from the Pattern palette. </li></ul><ul><li>Aligned. Samples pixels continuously, without losing the current sampling point, even if you release the mouse button. Deselect Aligned to continue using the sampled pixels from the initial sampling point each time you stop and resume painting. </li></ul><ul><li>Use All Layers. Samples data from all visible layers. Deselect Use All Layers to sample only from the active layer. </li></ul>0
    15. 15. <ul><li>Open “ cactusfloyd.jpg” </li></ul><ul><li>Click on the Text Tool in the Toolbox </li></ul><ul><li>Type a caption </li></ul><ul><li>Make the font black and 72pt Courier </li></ul><ul><li>Click on pencil and draw a straight line by holding down shift as you draw the line. </li></ul><ul><li>Resample Down to a 3” photo at 72dpi </li></ul>
    16. 16. Panorama <ul><li>Specify the photos for a panorama. </li></ul><ul><li>Choose File > New > Photomerge Panorama. Then click Browse and navigate to the “cars_pano” folder in the Tutorials folder located inside the Adobe Photoshop Elements application folder. Open the folder and select all the image files. (Hold the Shift key and click on each image to select all files.) </li></ul><ul><li>Click Open to add the images to the Source Files list in the Photomerge dialog box. </li></ul><ul><li>When the images are added to the Photomerge dialog box, click OK. </li></ul>
    17. 17. Panorama <ul><li>View the composition. </li></ul><ul><li>To change your view of the composition, use the Navigator. Position the pointer in the red box in the Navigator thumbnail. Drag the red box over the area of the composition you wish to view. Use the zoom out or zoom in button, or drag the slider bar to adjust the magnification of your composition in the work area. </li></ul><ul><li>For more info go to Help>Tutorial>Photomerge Panorama </li></ul>
    18. 18. Digitization <ul><li>Process of converting image or audio information into a digital format </li></ul>0
    19. 19. Three Types of Resolution <ul><li>Image resolution </li></ul><ul><li>Printer resolution </li></ul><ul><li>Monitor resolution </li></ul>0
    20. 20. Image Resolution Graphic File Formats <ul><li>A file containing data which represents visual information </li></ul><ul><li>Pixels (picture elements) </li></ul><ul><li>Different graphic formats represent images w/ varying degrees of accuracy & compression </li></ul>Photo: 72 x 72 pixels (72 dpi) (Photo enlarged 3x) 0
    21. 21. Graphic File Formats 0 Rudimentary Windows graphics, Windows icons Bitmap – Used for Windows images; Format inefficient, but standardized enough to be reliable; BMP (.bmp) Image capture, still video image capture An Apple Macintosh picture file format; PICT (.pct) Initial image capture, hard-copy publication photos, images Tagged Image File Format – Large files generally saved with a great deal of data information (color range, resolution, etc.); TIFF (.tif) Image manipulation Native Photoshop file format ; Can be imported into other image manipulation programs; PSD (.psd) Browser images Photographic images Diagrams, Clip Art, Maps, Limited color-range images Best used for: Characteristics: File format (suffix) Portable Network Graphic format – ‘Lossless’ format; Works best with Windows browser applications; Displays 24-bit color AND supports transparency; “Scales” within windows; PNG (.png) Joint Photographic Experts Group – Best for photo display; Image compression user-defined, but image quality can suffer; JPEG (.jpg) Graphics Interchange Format – Limited to 256 colors or less; Displays single color areas best; File sizes not good for large images; Supports transparency; GIF (.gif)
    22. 22. Image Resolution The number of pixels displayed per unit of measure (usually “dots per inch” - dpi) <ul><li>High resolutions result in slower imaging & printing times, larger file sizes </li></ul><ul><li>Most monitors cannot display more than 96 dpi, no matter what resolution the image is… </li></ul>0
    23. 23. <ul><li>Web 72 dpi </li></ul><ul><li>Print – 300 dpi+ </li></ul><ul><li>Hi Quality Images – 600+ dpi </li></ul>
    24. 24. Resampling <ul><li>Open capGown.jpg </li></ul><ul><li>Go to Image>Resize>Image Size </li></ul><ul><li>Change dpi to 300 pixels /inch (Resample Up) </li></ul><ul><li>Can you fix it with the healing brush? </li></ul><ul><li>Go to Window>Undo History </li></ul><ul><li>Undo History back to Open </li></ul><ul><li>Go to Image>Resize>Image Size </li></ul><ul><li>Change to 3 inches </li></ul>
    25. 25. Resampling <ul><li>Refers to changing the pixel dimensions (and thus the display size) of an image </li></ul><ul><ul><li>Downsampling: decreasing the # of pixels, i.e. information deleted from image; </li></ul></ul><ul><ul><li>Resampling Up: new pixels added based on color values of existing pixels; </li></ul></ul>0
    26. 26. Bit Depth <ul><li>1-bit (threshold) </li></ul><ul><li>4-bit (grayscale) </li></ul><ul><li>8-bit (indexed) </li></ul><ul><li>24-bit (RGB) </li></ul>0
    27. 27. Bit Depth 0
    28. 28. Bit Depth 0
    29. 29. Modes <ul><li>With cap.Gown.jpg . . . </li></ul><ul><li>Go to Image>Mode>Indexed Color </li></ul><ul><li>Undo </li></ul><ul><li>Go to Image>Mode>Grayscale </li></ul><ul><li>Undo </li></ul><ul><li>Go to Image>Mode>Bitmap </li></ul>
    30. 30. Resampling Resolution Original photo : 72 dpi, 150px X 150px Print size: approx. 2” File size: 25 KB
    31. 31. Resampling Resolution Original photo : 72 dpi, 150px X 150px Print size: approx. 2” File size: 25 KB Resampled Up : 150 dpi, 312px X 312px Print size: approx. 2” File size: 44 KB Downsampled : 35 dpi, 73px X 73px Print size: approx. 2” File size: 6 KB 0
    32. 32. Resampling Bit Depth Original photo- 24-bit RGB : 300 dpi, 146px X 146px Print size: approx. 2” File size: 67 KB Downsampled to 8-bit Indexed Color (256 colors) : 300 dpi, 146px X 146px Print size: approx. 2” File size: 28 KB Downsampled to 4-bit grayscale : 300 dpi, 146px X 146px Print size: approx. 2” File size: 25 KB 0
    33. 33. Printer Resolution The quality of the images on a printed page. <ul><li>A higher resolution results in sharper, more detailed images – usually >300 dpi. </li></ul><ul><li>Web images, <72 dpi, are usually not acceptable for publication or printed page. </li></ul>0
    34. 34. A Layer’s Exercise <ul><li>Open the “Start.psd” file in the Tutorials folder </li></ul><ul><ul><li>By default, the Layers palette should show in the Palette Bin. If not, choose Window > Show Layers. </li></ul></ul><ul><ul><li>The Layers palette displays all the layers in your document with the layer name and a thumbnail of the layer’s image. You can view or hide a layer using the eye icon. </li></ul></ul><ul><li>Click the eye icon on a layer. Notice that the icon disappears and the layer is hidden. Click the empty icon box again. Both the eye icon and the layer’s content reappear. </li></ul><ul><li>Click all of the eye icons so that all of the “Start.psd” layers are visible in your document. </li></ul>0
    35. 35. Changing order of layers <ul><li>Click a layer and hold down the mouse button, then drag the layer to a different stacking position. Release the mouse button. </li></ul>0
    36. 36. Adding a layer <ul><li>Click the Create a New Layer icon in the Layers palette. A new layer appears above the active layer in the Layers palette. You’ll also discover that creating type with the type tool and using the shape tool will automatically add a new layer. </li></ul><ul><li>Here’s how to name a layer. Double-click a layer thumbnail to open the Layer Properties dialog box. Type the name of the layer in the text box, then click OK. Or, you can just double-click the layer name in the Layers palette and type a new name. </li></ul>0
    37. 37. Adding artwork to existing image <ul><li>It’s no problem to add artwork from another Photoshop Elements document to your current image. Photoshop Elements layers can be moved from one file to another. </li></ul><ul><li>With the “Start.psd” file still open on your desktop, open “Hats.psd” </li></ul><ul><li>Select the three hats layer in “Hats.psd” and hold down the mouse button as you drag the layer to the document window of “Start.psd.” Release the mouse button. Close “Hats.psd.” </li></ul>0
    38. 38. Edit artwork on a layer. <ul><li>Click the three hats layer in the Layers palette to make it active. Then select the Move tool and drag the artwork on the active layer. Notice that only the artwork on the active layer is moved. You can position a hat over the dummy’s head. </li></ul><ul><li>While working on this tutorial, use the Undo button to undo (Control + z) any action and restore the artwork. </li></ul>0
    39. 39. Erase artwork on a layer. <ul><li>With the three hats layer active, select the Erase tool. Use the Erase tool to remove two of the hats. Again, notice that only the artwork on the active layer is affected. </li></ul>0
    40. 40. Delete a layer. <ul><li>You can also remove artwork from your document by deleting a layer. Make the shoe layer active in the Layers palette, then click the Delete Layer icon. Click Yes to confirm you want to delete the selected layer. Only the active layer and its artwork are removed from the file. </li></ul>0
    41. 41. Scale and rotate objects. <ul><li>1. Open “Basket.psd” in the Tutorials folder located inside the Adobe Photoshop Elements application folder. Drag the basket layer to “Start.psd.” Close “Basket.psd.” Make sure the basket layer in “Start.psd” is active. </li></ul><ul><li>2. Choose Image > Transform > Free Transform. A bounding box with handles appears around the artwork you’re modifying. </li></ul>0
    42. 42. Scale and rotate objects. <ul><li>3. To scale artwork, position the pointer over any edge of the bounding box until you see a double-headed arrow. Holding the Shift key constrains the proportions of the image as you scale it. When you’re happy with the new size, click the Commit button . </li></ul><ul><li>4. To rotate the artwork, position the pointer outside the transformation bounding box until you see a curved double-headed arrow. Drag clockwise or counterclockwise to rotate the artwork. Press Enter (Windows) or Return (Mac OS), or click the Commit button to apply the transformation changes. </li></ul>0
    43. 43. Linking layers. <ul><li>An efficient way to work with layers is to link two or more of them together. By linking layers, you can move and transform them together, maintaining their alignment with each other. </li></ul><ul><li>With the Pants layer active in the Layers palette, click the small box to the right of the eye icon in the Shirt layer. A link icon appears in the box, indicating that the Shirt layer is now linked to the Pants layer. Select the Move tool, position it in the image window, and drag. Notice that the artwork on the linked layers moves at the same time. </li></ul><ul><li>To unlink a layer, click the link icon in the linked layer. The link icon disappears, and the layer is no longer linked to the active layer. </li></ul>0
    44. 44. Flatten layers to reduce file size. <ul><li>When you’ve finished editing all the layers in your image, you can flatten the file’s layers. This merges all the layers into a single background layer, greatly reducing the file size. Be aware that when you flatten an image and save it you lose the layers. To preserve the layers, save the image to another file name. </li></ul><ul><li>To flatten a file, choose Layer > Flatten Image. </li></ul><ul><li>To save the flattened image, choose File > Save As. </li></ul><ul><li>In the dialog box, type a new name for your flattened file, select a file format if desired, and click Save. </li></ul>0
    45. 45. Layer’s Review <ul><li>The stacking order of the layers </li></ul><ul><li>a. means very little </li></ul><ul><li>b. affects what can be seen. </li></ul><ul><li>c. determines the importance of the images </li></ul><ul><li>d. means that what’s at the bottom can always be seen </li></ul>0
    46. 46. Animation <ul><li>“ Save As Web” allows you to save as an animated gif. </li></ul><ul><li>Each layer will represent a frame beginning with the bottom layer </li></ul>0
    47. 47. Contact Info <ul><li>Merrilee Shopland </li></ul><ul><li>HBC, 606.2 </li></ul><ul><li>223-7885 </li></ul><ul><li>[email_address] </li></ul>Go to and fill out an evaluation