SlideShare a Scribd company logo
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

Designing with illustrator
Designing with illustratorDesigning with illustrator
Designing with illustrator
Lesley Baumann
 
An Introduction to graphic design
An Introduction to graphic designAn Introduction to graphic design
An Introduction to graphic design
Pankul Bindal
 
Photoshop
PhotoshopPhotoshop
Photoshop
Lourdes Ruiz
 
Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.
Rahul KULKARNI
 
Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013
Jessie Doan
 
Typography
TypographyTypography
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
Shahria Hossain
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
Coky Fauzi Alfi
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
DUSPviz
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
Jason Tham
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
Migle Migle
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
shira73
 
Principles and Elements of Design
Principles and Elements of DesignPrinciples and Elements of Design
Principles and Elements of Design
Paul Wozney
 
Adobe Photoshop for Beginners
Adobe Photoshop for BeginnersAdobe Photoshop for Beginners
Adobe Photoshop for Beginners
Mahmoud Salah
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basicsNatalie Hurd
 

What's hot (20)

Photoshop
PhotoshopPhotoshop
Photoshop
 
Designing with illustrator
Designing with illustratorDesigning with illustrator
Designing with illustrator
 
An Introduction to graphic design
An Introduction to graphic designAn Introduction to graphic design
An Introduction to graphic design
 
The Visual Elements
The Visual ElementsThe Visual Elements
The Visual Elements
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.
 
Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013
 
Typography
TypographyTypography
Typography
 
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
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 
Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
AN Introduction To Graphic Design
AN Introduction To Graphic DesignAN Introduction To Graphic Design
AN Introduction To Graphic Design
 
Principles and Elements of Design
Principles and Elements of DesignPrinciples and Elements of Design
Principles and Elements of Design
 
Adobe Photoshop for Beginners
Adobe Photoshop for BeginnersAdobe Photoshop for Beginners
Adobe Photoshop for Beginners
 
Graphic design
Graphic designGraphic design
Graphic design
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basics
 

Viewers also liked

Graphic Design Fundamentals
Graphic Design FundamentalsGraphic Design Fundamentals
Graphic Design Fundamentals
myannitell
 
Presentation on adobe photoshop® tools
Presentation on adobe photoshop® toolsPresentation on adobe photoshop® tools
Presentation on adobe photoshop® toolsHarshit Dave
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
Reymart Canuel
 
Adobe Photoshop Toolbox definition term
Adobe Photoshop Toolbox definition termAdobe Photoshop Toolbox definition term
Adobe Photoshop Toolbox definition termAllan Roloma
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
sbernalmarcial
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
Frank Curkovic
 

Viewers also liked (6)

Graphic Design Fundamentals
Graphic Design FundamentalsGraphic Design Fundamentals
Graphic Design Fundamentals
 
Presentation on adobe photoshop® tools
Presentation on adobe photoshop® toolsPresentation on adobe photoshop® tools
Presentation on adobe photoshop® tools
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
 
Adobe Photoshop Toolbox definition term
Adobe Photoshop Toolbox definition termAdobe Photoshop Toolbox definition term
Adobe Photoshop Toolbox definition term
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
 

Similar to Photoshop terminology

Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshop
Samsu Deen
 
Printed media language introduction
Printed media language introductionPrinted media language introduction
Printed media language introduction
RafaelPerezOlivan
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop TutorialMarc Dy
 
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
Jennifer Janviere
 
Commercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsCommercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentations
TheTemplateWizard
 
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 design
smizener
 
Graphic Media Language fffffffffffffffff
Graphic Media Language fffffffffffffffffGraphic Media Language fffffffffffffffff
Graphic Media Language fffffffffffffffff
RafaelPerezOlivan
 
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptxLiving-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
TristanJasperRamos
 
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.pptx
SatishParasa1
 
A level Graphic media language
A level Graphic media languageA level Graphic media language
A level Graphic media language
RafaelPerezOlivan
 
Graphic Designing Training In Chandigarh
Graphic Designing Training In ChandigarhGraphic Designing Training In Chandigarh
Graphic Designing Training In Chandigarh
Excellence Academy
 
Photoshop
PhotoshopPhotoshop
Photoshop
Emily Samayoa
 
Unit21 AO2
Unit21 AO2Unit21 AO2
Unit21 AO2
Stephen-Lee Farmer
 
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
 
Printed media language
Printed media languagePrinted media language
Printed media language
RafaelPerezOlivan
 

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
 
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
 
Graphic Media Language fffffffffffffffff
Graphic Media Language fffffffffffffffffGraphic Media Language fffffffffffffffff
Graphic Media Language fffffffffffffffff
 
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptxLiving-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
 
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
 

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.