Learning the proper names for everything you already know how to do!<br />Photoshop Terminology<br />
Graphic Design Elements<br />The building blocks of graphics.<br />
Graphic Design Elements - Lines<br />Lines<br />Many different types: <br />Horizontal<br />Vertical<br />Diagonal <br />a...
Graphic Design Elements - Color<br />Color<br />Too many to list!<br />Can convey many different emotions and reactions.<b...
Graphic Design Elements – Value<br />Value<br />The lightness or darkness of a color<br />Ex. Gray has a high lightness of...
Graphic Design Elements -- Shape<br />Shape<br />The shape of an object <br />Ex. Square, oval, triangular, etc.<br />
Graphic Design Elements -- Texture<br />Texture<br />Texture can refer to the actual surface of a design, or to the visual...
Graphic Design Principles<br />Ways in which elements are used together<br />
Graphic Design Principles -- Movement<br />Movement<br />Using design elements, such as lines, shape, color, and texture t...
Graphic Design Principles -- Balance<br />Balance<br />Equal visual weight<br />Symmetrical<br />A central axis dividing t...
Graphic Design Principles -- Emphasis<br />Emphasis<br />The focal point or focus of an image. Something that is singled o...
Graphic Design Principles -- Unity<br />Unity<br />Ties various works of art together<br />A measure of how elements on a ...
Can be used to provide interest and emotional impact<br />Color<br />
Color -- Hue<br />Hue<br />Another word for color<br />
Color -- Chroma<br />Chroma<br />Intensity/purity of color<br />
Color – Tint, Tone and Shade<br />Tint<br />Color mixed with white<br />Tone<br />Color mixed with gray<br />Shade<br />Co...
Color - RGB<br />RGB<br />Red, Green and Blue light are added together in various ways to reproduce a broad array of color...
Color - CMYK<br />CMYK<br />Cyan, Magenta, Yellow and Black<br />Used in printing and refers to the four inks<br />
Color Gamut<br />The range of colors that a system can print or display. <br />The RGB color gamut has 16 million colors, ...
The art and technique of arranging type, type design and modifying type<br />Typography<br />
Typography -- Legibility<br />Legibility<br />Making sure the audience can read and understand your text.<br />
Typography – Fonts<br />Font family<br />A group of fonts that exhibit similar characteristics<br />Font size<br />Younger...
Typography – Letter, word and line spacing<br />Letter and character spacing adds interest and assistance for the reader<b...
Typography – Contrast<br />Contast<br />Adds interest and variety<br />One way to create is using font families<br />Serif...
File Formats<br />20 different formats available in Photoshop<br />
Formats -- PSD<br />Photoshop Document<br />PSD<br />A photoshop native document; retains layers, paths, etc.<br />
Formats -- BMP<br />Windows Bitmap<br />BMP<br />For computer and digital <br />
Formats -- JPEG<br />Joint Photographic Experts Group<br />JPG<br />Used for pictures on the web<br />
Formats -- GIF<br />Graphics Interchange Format<br />GIF<br />For more simple web graphics <br />Lines, shapes, etc.<br />
Formats -- TIFF<br />Tagged Image File Format<br />TIFF<br />Used for print<br />
Formats -- PDF<br />Portable Document Format<br />PDF<br />Can be viewing on any computer and keeps original formatting<br />
Photoshop terms and tools<br />
Pixels<br />Pixel<br />A unit of measurement for digital images<br />
Layers<br />Like transparencies<br />They are single images stacked upon one another to form one single complex image<br />
Menu Bar<br />
Toolbox/Toolbar<br />
Options Bar<br />
Tools<br />
Move Tool<br />Allows you to move a selected part of an image within a given layer.<br />
Marquee Tool<br />There are FOUR. These allow you to select portions of an object, file, or photo, or subject. <br />Recta...
Lasso Tool<br />There are THREE lasso tools.<br />Lasso and Polygonal Lasso<br />Let you draw around and select an object ...
Magic Wand Tool<br />Allows you to make a selection automatically based on a color, without having to physically trace the...
Eye Dropper Tool<br />This allows you to match a color exactly by clicking on an area of the image and then offers informa...
Patch Tool<br />This allows you to choose a part of the image and use it as a sample for repairing (patching) another part...
Brush Tool<br />Allows you to select a brush, choose its characteristics, including size, shape, spacing, roundness, hardn...
Clone Stamp Tool<br />Lets you duplicate any area in an image and “paint” that area over any other part of the image.<br /...
Eraser Tool<br />Erases to the background layer by dragging the mouse<br />
Gradient Tool<br />Fills a closed object with a range of colors that fade into each other<br />
Burn Tool<br />Used to darken areas of an image or print<br />
Text or Type Tool<br />Used to add words to an image. With this tool selected, you can set options for font, size, color, ...
Line Tool<br />Allows you to draw straight lines using the mouse. Is located with other SHAPE tools.<br />
Magnification/Zoom Tool<br />Choose the Zoom/Magnification tool and click on an area of the image to zoom in or out. <br />
Upcoming SlideShare
Loading in...5
×

Photoshop terminology

7,072

Published on

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
7,072
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
218
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Photoshop terminology

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

    Clipping is a handy way to collect important slides you want to go back to later.

×