SlideShare a Scribd company logo
1 of 52
Learning the proper names for everything you already know how to do! Photoshop Terminology
Graphic Design Elements The building blocks of graphics.
Graphic Design Elements - Lines Lines Many different types:  Horizontal Vertical Diagonal  and Curved
Graphic Design Elements - Color Color Too many to list! Can convey many different emotions and reactions. Will discuss in more detail later
Graphic Design Elements – Value Value The lightness or darkness of a color Ex. Gray has a high lightness of black and high darkness of white.
Graphic Design Elements -- Shape Shape The shape of an object  Ex. Square, oval, triangular, etc.
Graphic Design Elements -- Texture Texture Texture can refer to the actual surface of a design, or to the visual appearance of a design. In our case, it is the visual appearance – where texture is implied through the style of design. Ex. Wood texture, diamond texture, etc.
Graphic Design Principles Ways in which elements are used together
Graphic Design Principles -- Movement Movement Using design elements, such as lines, shape, color, and texture to convey action on a still image
Graphic Design Principles -- Balance Balance Equal visual weight Symmetrical A central axis dividing the composition in the middle, horizontally or vertically, with the same design on both sides Asymmetrical Off-center or created with an odd or mismatched number of disparate elements. You are evenly distributing elements which will balance out each other.
Graphic Design Principles -- Emphasis Emphasis The focal point or focus of an image. Something that is singled out or made more prominent has emphasis. Use graphic design elements to create emphasis White space is negative space
Graphic Design Principles -- Unity Unity Ties various works of art together A measure of how elements on a page seem to fit or belong together. Proximity is the arrangement of objects in a composition. Helps determine unity.
Can be used to provide interest and emotional impact Color
Color -- Hue Hue Another word for color
Color -- Chroma Chroma Intensity/purity of color
Color – Tint, Tone and Shade Tint Color mixed with white Tone Color mixed with gray Shade Color mixed with black
Color - RGB RGB Red, Green and Blue light are added together in various ways to reproduce a broad array of colors.  Used in light and digital settings
Color - CMYK CMYK Cyan, Magenta, Yellow and Black Used in printing and refers to the four inks
Color Gamut The range of colors that a system can print or display.  The RGB color gamut has 16 million colors, while CMYK has substantially less.
The art and technique of arranging type, type design and modifying type Typography
Typography -- Legibility Legibility Making sure the audience can read and understand your text.
Typography – Fonts Font family A group of fonts that exhibit similar characteristics Font size Younger audiences may be able to read fonts sized at 8 or 9 points. Older audiences may be able to read font sizes around 10 points or above.  Font sizes above 14 points break down the continuity of the text, making text appear too gray.
Typography – Letter, word and line spacing Letter and character spacing adds interest and assistance for the reader Leading Amount of space between lines in a paragraph Kerning/Tracking Amount of space between all letters on a line Baseline The line upon which text is situated
Typography – Contrast Contast Adds interest and variety One way to create is using font families Serifs – more appropriate for print. Sans Serifs – more appropriate for digital. From FRENCH!
File Formats 20 different formats available in Photoshop
Formats -- PSD Photoshop Document PSD A photoshop native document; retains layers, paths, etc.
Formats -- BMP Windows Bitmap BMP For computer and digital
Formats -- JPEG Joint Photographic Experts Group JPG Used for pictures on the web
Formats -- GIF Graphics Interchange Format GIF For more simple web graphics  Lines, shapes, etc.
Formats -- TIFF Tagged Image File Format TIFF Used for print
Formats -- PDF Portable Document Format PDF Can be viewing on any computer and keeps original formatting
Photoshop terms and tools
Pixels Pixel A unit of measurement for digital images
Layers Like transparencies They are single images stacked upon one another to form one single complex image
Menu Bar
Toolbox/Toolbar
Options Bar
Tools
Move Tool Allows you to move a selected part of an image within a given layer.
Marquee Tool There are FOUR. These allow you to select portions of an object, file, or photo, or subject.  Rectangular Elliptical Single Row Single Column
Lasso Tool There are THREE lasso tools. Lasso and Polygonal Lasso Let you draw around and select an object using curves and line segments Magnetic Lasso Lets you draw around and select an object with the drawn lines snapping to the object Lines snap based on calculations determined by color differences in the object and background
Magic Wand Tool Allows you to make a selection automatically based on a color, without having to physically trace the outline, by clicking in a specific area with the mouse
Eye Dropper Tool This allows you to match a color exactly by clicking on an area of the image and then offers information about that color
Patch Tool This allows you to choose a part of the image and use it as a sample for repairing (patching) another part of the image.
Brush Tool Allows you to select a brush, choose its characteristics, including size, shape, spacing, roundness, hardness, angle, diameter, mode, opacity, and more, and then use the brush for various types of artwork.
Clone Stamp Tool Lets you duplicate any area in an image and “paint” that area over any other part of the image. Use the “Alt” key and click to get the sample area
Eraser Tool Erases to the background layer by dragging the mouse
Gradient Tool Fills a closed object with a range of colors that fade into each other
Burn Tool Used to darken areas of an image or print
Text or Type Tool Used to add words to an image. With this tool selected, you can set options for font, size, color, alignment, and more.  Four types: Vertical Type Tool Horizontal Type Tool
Line Tool Allows you to draw straight lines using the mouse. Is located with other SHAPE tools.
Magnification/Zoom Tool Choose the Zoom/Magnification tool and click on an area of the image to zoom in or out.

More Related Content

What's hot

Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazMujeeb Riaz
 
An Introduction to graphic design
An Introduction to graphic designAn Introduction to graphic design
An Introduction to graphic designPankul Bindal
 
Elements of Art for photography
Elements of Art for photographyElements of Art for photography
Elements of Art for photographysranasuriya
 
Modern Graphic Design
Modern Graphic DesignModern Graphic Design
Modern Graphic DesignYekaterina22
 
Graphic design principles and elements
Graphic design principles and elementsGraphic design principles and elements
Graphic design principles and elementssuniltalekar1
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theoryAbanoub Hanna
 
Value: form in light
Value: form in lightValue: form in light
Value: form in lightcjoyce104
 
Graphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationGraphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationShahria Hossain
 
Graphic Design Elements&Principles
Graphic Design Elements&PrinciplesGraphic Design Elements&Principles
Graphic Design Elements&PrinciplesASM2O
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdfLamiSam
 
Layout design
Layout designLayout design
Layout designAly Magdy
 
Design Principles and Elements
Design Principles and ElementsDesign Principles and Elements
Design Principles and ElementsMark Rotondella
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic DesignFrank Curkovic
 
Graphic Design Overview
Graphic Design OverviewGraphic Design Overview
Graphic Design OverviewRavi Bhadauria
 

What's hot (20)

The Joshua Tree Epiphany
The Joshua Tree EpiphanyThe Joshua Tree Epiphany
The Joshua Tree Epiphany
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
An Introduction to graphic design
An Introduction to graphic designAn Introduction to graphic design
An Introduction to graphic design
 
Elements of Art for photography
Elements of Art for photographyElements of Art for photography
Elements of Art for photography
 
Modern Graphic Design
Modern Graphic DesignModern Graphic Design
Modern Graphic Design
 
Graphic design principles and elements
Graphic design principles and elementsGraphic design principles and elements
Graphic design principles and elements
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
 
Value: form in light
Value: form in lightValue: form in light
Value: form in light
 
Graphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationGraphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspiration
 
Graphic Design Elements&Principles
Graphic Design Elements&PrinciplesGraphic Design Elements&Principles
Graphic Design Elements&Principles
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdf
 
Layout design
Layout designLayout design
Layout design
 
Typography
TypographyTypography
Typography
 
Shape & Balance
Shape & BalanceShape & Balance
Shape & Balance
 
Principlesofdesign
PrinciplesofdesignPrinciplesofdesign
Principlesofdesign
 
Design Principles and Elements
Design Principles and ElementsDesign Principles and Elements
Design Principles and Elements
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
 
Design Elements
Design ElementsDesign Elements
Design Elements
 
Graphic Design Overview
Graphic Design OverviewGraphic Design Overview
Graphic Design Overview
 

Similar to Photoshop terminology

Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshopSamsu Deen
 
Printed media language introduction
Printed media language introductionPrinted media language introduction
Printed media language introductionRafaelPerezOlivan
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop TutorialMarc Dy
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basicsNatalie Hurd
 
Prepress and File Formats: Preparing Images for Print
Prepress and File Formats: Preparing Images for PrintPrepress and File Formats: Preparing Images for Print
Prepress and File Formats: Preparing Images for PrintJennifer Janviere
 
Commercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsCommercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsTheTemplateWizard
 
Basics Of Photoshop
Basics Of PhotoshopBasics Of Photoshop
Basics Of Photoshopkarimnadir
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of designsmizener
 
Advanced 2 d concept
Advanced 2 d conceptAdvanced 2 d concept
Advanced 2 d conceptCharles Flynt
 
UNIT-2 UI AND UX DESIGN.pptx
UNIT-2 UI AND UX DESIGN.pptxUNIT-2 UI AND UX DESIGN.pptx
UNIT-2 UI AND UX DESIGN.pptxSatishParasa1
 
A level Graphic media language
A level Graphic media languageA level Graphic media language
A level Graphic media languageRafaelPerezOlivan
 
Graphic Designing Training In Chandigarh
Graphic Designing Training In ChandigarhGraphic Designing Training In Chandigarh
Graphic Designing Training In ChandigarhExcellence Academy
 
Project Checklist for DID and COMM Design (Unit 3)
Project Checklist for DID and COMM Design (Unit 3)Project Checklist for DID and COMM Design (Unit 3)
Project Checklist for DID and COMM Design (Unit 3)MrLawler
 
LO4 – Be able to edit materials to produce a final print media product
LO4 – Be able to edit materials to produce a final print media productLO4 – Be able to edit materials to produce a final print media product
LO4 – Be able to edit materials to produce a final print media productmdelmar97
 

Similar to Photoshop terminology (20)

Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshop
 
Printed media language introduction
Printed media language introductionPrinted media language introduction
Printed media language introduction
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop Tutorial
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basics
 
Prepress and File Formats: Preparing Images for Print
Prepress and File Formats: Preparing Images for PrintPrepress and File Formats: Preparing Images for Print
Prepress and File Formats: Preparing Images for Print
 
Chap9 10
Chap9 10Chap9 10
Chap9 10
 
Commercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsCommercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentations
 
Learn Illustrator
Learn IllustratorLearn Illustrator
Learn Illustrator
 
Basics Of Photoshop
Basics Of PhotoshopBasics Of Photoshop
Basics Of Photoshop
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
 
Graphics
GraphicsGraphics
Graphics
 
Advanced 2 d concept
Advanced 2 d conceptAdvanced 2 d concept
Advanced 2 d concept
 
UNIT-2 UI AND UX DESIGN.pptx
UNIT-2 UI AND UX DESIGN.pptxUNIT-2 UI AND UX DESIGN.pptx
UNIT-2 UI AND UX DESIGN.pptx
 
A level Graphic media language
A level Graphic media languageA level Graphic media language
A level Graphic media language
 
Graphic Designing Training In Chandigarh
Graphic Designing Training In ChandigarhGraphic Designing Training In Chandigarh
Graphic Designing Training In Chandigarh
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Unit21 AO2
Unit21 AO2Unit21 AO2
Unit21 AO2
 
Project Checklist for DID and COMM Design (Unit 3)
Project Checklist for DID and COMM Design (Unit 3)Project Checklist for DID and COMM Design (Unit 3)
Project Checklist for DID and COMM Design (Unit 3)
 
Printed media language
Printed media languagePrinted media language
Printed media language
 
LO4 – Be able to edit materials to produce a final print media product
LO4 – Be able to edit materials to produce a final print media productLO4 – Be able to edit materials to produce a final print media product
LO4 – Be able to edit materials to produce a final print media product
 

Photoshop terminology

  • 1. Learning the proper names for everything you already know how to do! Photoshop Terminology
  • 2. Graphic Design Elements The building blocks of graphics.
  • 3. Graphic Design Elements - Lines Lines Many different types: Horizontal Vertical Diagonal and Curved
  • 4. Graphic Design Elements - Color Color Too many to list! Can convey many different emotions and reactions. Will discuss in more detail later
  • 5. Graphic Design Elements – Value Value The lightness or darkness of a color Ex. Gray has a high lightness of black and high darkness of white.
  • 6. Graphic Design Elements -- Shape Shape The shape of an object Ex. Square, oval, triangular, etc.
  • 7. Graphic Design Elements -- Texture Texture Texture can refer to the actual surface of a design, or to the visual appearance of a design. In our case, it is the visual appearance – where texture is implied through the style of design. Ex. Wood texture, diamond texture, etc.
  • 8. Graphic Design Principles Ways in which elements are used together
  • 9. Graphic Design Principles -- Movement Movement Using design elements, such as lines, shape, color, and texture to convey action on a still image
  • 10. Graphic Design Principles -- Balance Balance Equal visual weight Symmetrical A central axis dividing the composition in the middle, horizontally or vertically, with the same design on both sides Asymmetrical Off-center or created with an odd or mismatched number of disparate elements. You are evenly distributing elements which will balance out each other.
  • 11. Graphic Design Principles -- Emphasis Emphasis The focal point or focus of an image. Something that is singled out or made more prominent has emphasis. Use graphic design elements to create emphasis White space is negative space
  • 12. Graphic Design Principles -- Unity Unity Ties various works of art together A measure of how elements on a page seem to fit or belong together. Proximity is the arrangement of objects in a composition. Helps determine unity.
  • 13. Can be used to provide interest and emotional impact Color
  • 14. Color -- Hue Hue Another word for color
  • 15. Color -- Chroma Chroma Intensity/purity of color
  • 16. Color – Tint, Tone and Shade Tint Color mixed with white Tone Color mixed with gray Shade Color mixed with black
  • 17. Color - RGB RGB Red, Green and Blue light are added together in various ways to reproduce a broad array of colors. Used in light and digital settings
  • 18. Color - CMYK CMYK Cyan, Magenta, Yellow and Black Used in printing and refers to the four inks
  • 19. Color Gamut The range of colors that a system can print or display. The RGB color gamut has 16 million colors, while CMYK has substantially less.
  • 20. The art and technique of arranging type, type design and modifying type Typography
  • 21. Typography -- Legibility Legibility Making sure the audience can read and understand your text.
  • 22. Typography – Fonts Font family A group of fonts that exhibit similar characteristics Font size Younger audiences may be able to read fonts sized at 8 or 9 points. Older audiences may be able to read font sizes around 10 points or above. Font sizes above 14 points break down the continuity of the text, making text appear too gray.
  • 23. Typography – Letter, word and line spacing Letter and character spacing adds interest and assistance for the reader Leading Amount of space between lines in a paragraph Kerning/Tracking Amount of space between all letters on a line Baseline The line upon which text is situated
  • 24. Typography – Contrast Contast Adds interest and variety One way to create is using font families Serifs – more appropriate for print. Sans Serifs – more appropriate for digital. From FRENCH!
  • 25. File Formats 20 different formats available in Photoshop
  • 26. Formats -- PSD Photoshop Document PSD A photoshop native document; retains layers, paths, etc.
  • 27. Formats -- BMP Windows Bitmap BMP For computer and digital
  • 28. Formats -- JPEG Joint Photographic Experts Group JPG Used for pictures on the web
  • 29. Formats -- GIF Graphics Interchange Format GIF For more simple web graphics Lines, shapes, etc.
  • 30. Formats -- TIFF Tagged Image File Format TIFF Used for print
  • 31. Formats -- PDF Portable Document Format PDF Can be viewing on any computer and keeps original formatting
  • 33. Pixels Pixel A unit of measurement for digital images
  • 34. Layers Like transparencies They are single images stacked upon one another to form one single complex image
  • 38. Tools
  • 39. Move Tool Allows you to move a selected part of an image within a given layer.
  • 40. Marquee Tool There are FOUR. These allow you to select portions of an object, file, or photo, or subject. Rectangular Elliptical Single Row Single Column
  • 41. Lasso Tool There are THREE lasso tools. Lasso and Polygonal Lasso Let you draw around and select an object using curves and line segments Magnetic Lasso Lets you draw around and select an object with the drawn lines snapping to the object Lines snap based on calculations determined by color differences in the object and background
  • 42. Magic Wand Tool Allows you to make a selection automatically based on a color, without having to physically trace the outline, by clicking in a specific area with the mouse
  • 43. Eye Dropper Tool This allows you to match a color exactly by clicking on an area of the image and then offers information about that color
  • 44. Patch Tool This allows you to choose a part of the image and use it as a sample for repairing (patching) another part of the image.
  • 45. Brush Tool Allows you to select a brush, choose its characteristics, including size, shape, spacing, roundness, hardness, angle, diameter, mode, opacity, and more, and then use the brush for various types of artwork.
  • 46. Clone Stamp Tool Lets you duplicate any area in an image and “paint” that area over any other part of the image. Use the “Alt” key and click to get the sample area
  • 47. Eraser Tool Erases to the background layer by dragging the mouse
  • 48. Gradient Tool Fills a closed object with a range of colors that fade into each other
  • 49. Burn Tool Used to darken areas of an image or print
  • 50. Text or Type Tool Used to add words to an image. With this tool selected, you can set options for font, size, color, alignment, and more. Four types: Vertical Type Tool Horizontal Type Tool
  • 51. Line Tool Allows you to draw straight lines using the mouse. Is located with other SHAPE tools.
  • 52. Magnification/Zoom Tool Choose the Zoom/Magnification tool and click on an area of the image to zoom in or out.