1 / 44

Design Theory & Practice: Lesson 10 - Adobe Photoshop Basics

Learn the basics of Adobe Photoshop, the leading professional digital program for graphics editing and digital painting. Discover how to edit images, change resolution and color mode, adjust brightness and contrast, use selection tools, create custom color palettes, and more.

rcunningham
Download Presentation

Design Theory & Practice: Lesson 10 - Adobe Photoshop Basics

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ANM 104 DESIGN THEORY & PRACTICELESSON 10 • No Quiz • What’s New on the Class Blog • Digital Wallpaper Review & File Check • Emphasis in Visual Communication • Intro to Adobe Photoshop • Photoshop Pop Art Color Correction • Emphasis

  2. ANM 104 DESIGN THEORY & PRACTICELESSON 9REVIEWDigital Wallpaper: Portfolio Piece Using Adobe Illustrator createa digital version of your own Wallpapercomposition. You will need the following for this assignment: • Scan of your Wallpaper composition. • Scan of your Wallpaper Color Scheme. • Wallpaper.ai file. • Adobe Illustrator CS5 • Color Laser Printer

  3. ANM 104 DESIGN THEORY & PRACTICELESSON 9 REVIEWDigital Wallpaper: Portfolio Piece Questions? Is there anything you want me to show you? Digital Wallpaper: File Check

  4. ANM 104 DESIGN THEORY & PRACTICELESSON 9 REVIEWDigital Wallpaper: File Check • The colors in the Swatches Palette are only the colors sampled from your scanned Wallpaper Color Scheme. • All the colors utilized have been saved in the Swatches Palette and are named. • A minimum amount of anchor points have been used. • Smooth anchor points are free from “glitches”. • All objects are properly closed and filled. • Pattern successfully aligns both horizontally and vertically. • File is named with the correct file protocol: lrzoskalesson8_001.ai

  5. ANM 104 DESIGN THEORY & PRACTICELESSON 10Design Theory: Review The proper use of Design Theory can help us visually convey a precise message and/or emotion. By combining properly chosen types of Design Elements & Principles we can create a strong unified composition that accurately conveys a powerful message/emotion.

  6. ANM 104 DESIGN THEORY & PRACTICELESSON 10Design Theory: Review Typical successful Zombie themed artwork tends to visually convey: Dread Fear Threat ???????

  7. ANM 104 DESIGN THEORY & PRACTICELESSON 10Design Theory: Review What emotions are visually conveyed in this Zombie Composition? Identify the Design Elements & Principles used in this composition. Explain and defend your choices regarding: a. Balance b. Rhythm c. Unity (Unifying Elements) d. Color Scheme & Value Use

  8. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: Raster Program What is Adobe Photoshop? Is the leading professional digital program for: • Graphics/Image Editing • Digital Painting

  9. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: TheBasics 1. Open a photo image in Adobe Photoshop 2. Change the Resolution of a Photoshop File 3. Change the Color Mode of a Photoshop File 4. Adjust the Brightness and Contrast of a Photoshop File 5. Open various palettes in a Photoshop File 6. Achieve various effects in a Photoshop File 7. Sample colors and create a custom color palette, naming the colors 8. Use various Selection Tools (Magic Wand Tool, Lasso Tool, Polygonal Tool) 9. Fill selected areas will color 10. Alter the Canvas Size of a Photoshop File 11. Duplicate Layers, Copy Layers and Name Layers 12 Move individual images using the Move Tool

  10. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: TheBasics Tool Bar Where the PTS Tools are found. Foreground / Background Colors Allows you to Paint, Fill or Stroke a Selected Area. Brush Tool Allows you to paint. Eye Dropper Tool Allows you to sample a color and at the same time change the Foreground Color. Move Tool Allows you to Move a Selected Area. Lasso and Magic Wand Tools Allows you to Select an Area or Areas.

  11. ANM 104 DESIGN THEORY & PRACTICELESSON 9Adobe Photoshop: TheBasics Eye Dropper Tool Allows you to sample a color and at the same time change the Foreground Color.

  12. ANM 104 DESIGN THEORY & PRACTICELESSON 9Adobe Photoshop: TheBasics

  13. ANM 104 DESIGN THEORY & PRACTICELESSON 9Adobe Photoshop: TheBasics Magic Wand Tool Like the Lasso Tool, the Magic Wand Tool allows you to Select an Area of a Photoshop image. To Add to the Selected Area hold down the SHIFT KEY on your keyboard to select additional areas. To Subtract from the Selected Area hold down the OPTION KEY on your keyboard to select the area you want to subtract.

  14. ANM 104 DESIGN THEORY & PRACTICELESSON 9Adobe Photoshop: TheBasics Magic Wand Tool When an Area has been selected “Marching Ants”appear. This Area will be Filled with the new Foreground Color by pressing OPTION and DELETE on the keyboard.

  15. ANM 104 DESIGN THEORY & PRACTICELESSON 9Adobe Photoshop: TheBasics

  16. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: Color Basics

  17. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: Color Basics Selecting a New Color You select a new color by clicking on either the Foreground Color or the Background Color found near the bottom of the Tool Bar. The Color Picker window pops up where you can select a new color. After you select the new color you click on the “Add To Swatches” button in order to Save and Name the new color.

  18. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: Color Basics Name and Save The New Color The Color Swatch Name window pops up so you can type in the name of your new color. When you are finished you click on the “OK”button.

  19. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: Color Basics Swatches Palette The Swatches Palette holds all of the colors you have selected.

  20. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: Color Basics Hue/Saturation/Lightness To adjust the Hue, Saturation and/or Lightness of a selected area go to the Main Menu and select: Image > Adjustments > Hue/Saturation.

  21. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: Color Basics Hue/Saturation/Lightness The Hue/Saturation window will pop up. You can adjust the Hue, Saturation and/or Lightness by manipulating the sliders.

  22. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: FileBasics Image Size To select or change the current Image Size go to the Main Menu and select: Image > Image Size The Image Size window will pop up where you can alter the Photoshop document’s Dimensions and Resolution. Recommended resolutions: • 300 PPI for Print • 150 PPI for Presentations • 72 PPI for Animation, Web & Time-Based Media

  23. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: FileBasics Canvas Size To change the current Canvas Size go to the Main Menu and select: Image > Canvas Size

  24. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: FileBasics Canvas Size The Canvas Size window will pop up where you can add additional area to the Photoshop document.

  25. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: FileBasics Color Modes To select or change the current Color Mode go to the Main Menu and select: Image > Mode

  26. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: FileBasics Layers Palette The Layers Palette in Adobe Photoshop is very similar to the Layers Palette in Adobe Illustrator. The method of making and moving layers are identical. To name the layer, just click on the name of the layer to type in a new name.

  27. ANM 104 DESIGN THEORY & PRACTICELESSON 10Adobe Photoshop: FileBasics Layers Palette To avoid accidently merging the layers in the Layers Palette in Adobe Photoshop it is very important to save your file with a .psd extension: lrzoskalesson11_001.psd Saving your Adobe Photoshop file with a .jpg extension will merge the layers.

  28. ANM 104 DESIGN THEORY & PRACTICELESSON 10Photoshop Pop Art Color Correction

  29. ANM 104 DESIGN THEORY & PRACTICELESSON 10Photoshop Pop Art Color CorrectionWhat You Will Need To Know How To Do 1. Open a photo image in Adobe Photoshop 2. Change the Resolution of a Photoshop File 3. Change the Color Mode of a Photoshop File 4. Adjust the Brightness and Contrast of a Photoshop File 5. Open various palettes in a Photoshop File 6. Achieve various Pop Art looking effects in a Photoshop File 7. Sample colors and create a custom color palette, naming the colors 8. Use various Selection Tools (Magic Wand Tool, Lasso Tool, Polygonal Tool) 9. Fill selected areas will color 10. Alter the Canvas Size of a Photoshop File 11. Duplicate Layers, Copy Layers and Name Layers 12 Move individual images using the Move Tool

  30. ANM 104 DESIGN THEORY & PRACTICELESSON 9 What is Emphasis? and why is it important in the field of Visual Communications?

  31. ANM 104 DESIGN THEORY & PRACTICELESSON 9What is Emphasis? Emphasis is used to strengthen the Area of Interest or Focal Point of a composition. There are four common ways to use Emphasis. • Emphasis by Contrast • Emphasis by Placement • Emphasis by Isolation • Absence of Emphasis

  32. ANM 104 DESIGN THEORY & PRACTICELESSON 9Emphasis By Contrast This type of Emphasis can be identified when one element differs from others in a composition. • When all the elements are dark a light form breaks the pattern. • When the majority of the shapes are rectangular and angular, round shapes stand out to become the Focal Point. • When all the elements are about the same size a larger or smaller element is emphasized

  33. ANM 104 DESIGN THEORY & PRACTICELESSON 9Emphasis By Contrast: Value When all the elements in the composition are dark a light form breaks the pattern and becomes the Focal Point.

  34. ANM 104 DESIGN THEORY & PRACTICELESSON 9Emphasis By Contrast: Shape When the majority of the shapes are rectangular and angular, round shapes stand out to become the Focal Point.

  35. ANM 104 DESIGN THEORY & PRACTICELESSON 9Emphasis By Contrast: Scale When all the elements are about the same size a larger or smaller element is emphasized to become the Focal Point.

  36. ANM 104 DESIGN THEORY & PRACTICELESSON 9Emphasis By Placement The placement of elements in a composition may function as a way to create Emphasis. If many elements point to one area or element the viewers attention is directed there, and a Focal Point results.

  37. ANM 104 DESIGN THEORY & PRACTICELESSON 9Emphasis By Isolation When an element is physically apart or isolated from the other elements in the composition the viewer’s attention is drawn to the isolated element. Emphasis by Isolation may visually convey: • Vulnerability • Individuality • Loneliness • Physical or Emotional Isolation

  38. ANM 104 DESIGN THEORY & PRACTICELESSON 9Absence of Emphasis Absence of Emphasis occurs when the composition has no specific elements that contrast or change and no area of interest.

More Related