SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt?

Typography presentation
Typography presentationTypography presentation
Typography presentation
Greg Sarles
 
Element of Art - Shape 2
Element of Art - Shape 2Element of Art - Shape 2
Element of Art - Shape 2
RodriguezArt
 
Design Fundamentals: Terms and Definitions
Design Fundamentals: Terms and DefinitionsDesign Fundamentals: Terms and Definitions
Design Fundamentals: Terms and Definitions
Jacques de Beaufort
 
Art Elements and Principles
Art Elements and PrinciplesArt Elements and Principles
Art Elements and Principles
meier106
 
Shape&value 2013 web
Shape&value   2013 webShape&value   2013 web
Shape&value 2013 web
radiofreecaro
 
Graphic Design
Graphic DesignGraphic Design
Graphic Design
Ben Fayza
 

Was ist angesagt? (20)

Adobe illustrator getting started
Adobe illustrator getting startedAdobe illustrator getting started
Adobe illustrator getting started
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 
Element of Art - Shape 2
Element of Art - Shape 2Element of Art - Shape 2
Element of Art - Shape 2
 
Elements of Art: Tone
Elements of Art: ToneElements of Art: Tone
Elements of Art: Tone
 
ELEMENT OF ART - VALUE.pptx
ELEMENT OF ART - VALUE.pptxELEMENT OF ART - VALUE.pptx
ELEMENT OF ART - VALUE.pptx
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Typography
TypographyTypography
Typography
 
Elements of Visual Arts
Elements of Visual ArtsElements of Visual Arts
Elements of Visual Arts
 
Element of Art - Line
Element of Art - LineElement of Art - Line
Element of Art - Line
 
Design Fundamentals: Terms and Definitions
Design Fundamentals: Terms and DefinitionsDesign Fundamentals: Terms and Definitions
Design Fundamentals: Terms and Definitions
 
Value
ValueValue
Value
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Elements of art- Lines
Elements of art- LinesElements of art- Lines
Elements of art- Lines
 
Design Elements
Design ElementsDesign Elements
Design Elements
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Art Elements and Principles
Art Elements and PrinciplesArt Elements and Principles
Art Elements and Principles
 
Shape&value 2013 web
Shape&value   2013 webShape&value   2013 web
Shape&value 2013 web
 
0.line
0.line0.line
0.line
 
Symmetry: Lines, Reflection, Rotation
Symmetry: Lines, Reflection, Rotation Symmetry: Lines, Reflection, Rotation
Symmetry: Lines, Reflection, Rotation
 
Graphic Design
Graphic DesignGraphic Design
Graphic Design
 

Ähnlich wie Photoshop terminology

Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop Tutorial
Marc Dy
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basics
Natalie Hurd
 
Basics Of Photoshop
Basics Of PhotoshopBasics Of Photoshop
Basics Of Photoshop
karimnadir
 
Advanced 2 d concept
Advanced 2 d conceptAdvanced 2 d concept
Advanced 2 d concept
Charles Flynt
 
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
 

Ähnlich wie 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.