ADVANCED INTERFACE DESIGN

• Photoshop


  Raster-based image editing program that uses pixels to create images

  
• Illustrator


  Vector-based program for creating and editing vector-based work such as graphics, logos, and other design elements
• Photoshop is known for the numerous available filters
• Photoshop's toolbar


  • Located along the left of the screen
  • Can be expanded into a shorter, double column by clicking the double arrows at the top
  • Can be returned to a single column by clicking the double arrows again
• Photoshop's toolbar organization


  • Related tools are grouped together
  • Starts with Move and Selection tools
  • Then Crop and Slice tools
  • Then Measurement tools
  • Then Retouching and Painting tools
  • Then Drawing and Type tools
  • Then Navigation tools

  
• Accessing additional tools in Photoshop's toolbar


  1. Click and hold on the tool icon

  2. Or right-click (Win) / Control-click (Mac) on the tool icon

  3. A fly-out menu will open listing the other tools that are available

  4. Click on the tool's name to select it

  
• Default tool


  The tool that's initially displayed in each spot in the toolbar

  
• Hidden Tools 


  Each tool in the toolbar is represented by an icon, and there are many more tools available then what we can see. A small arrow in the bottom right corner of a tool icon means that there are more tools hiding behind it in that same spot.
• An asterisk (*) after a tool's name indicates a default tool, and the letter in parenthesis is the tool's keyboard shortcut
• To cycle through tools with the same keyboard shortcut, press and hold Shift as you press the letter
• This list of Photoshop's tools is up-to-date as of Photoshop CC 2020, and some tools may not be available in earlier versions

  
• The study material covers TYPOGRAPHY with Masking
• Elliptical Marquee Tool ( M ) 


  draws elliptical selection outlines. Press and hold shift to draw a selection in a perfect circle

  
• Move Tool ( V )


  is used to move layers, selections and guides within a photoshop document. Enable "Auto-Select" to automatically select the layer or group you click on.

  
• Artboard Tool ( V )


  allows you to easily design multiple web or UX (user experience) layouts for different devices or screen sizes.

  
• Rectangular Marquee Tool * (M)


  draws rectangular selection outlines. Press and hold shift as you drag to draw a square selection.

  
• Single Row Marquee Tool 


  in Photoshop it selects a single row of pixels in the image from left to right.

  
• Single Column Marquee Tool 


  tool to select a single column of pixels from top to bottom

  
• Lasso Tool * ( L )


  You can draw a freeform selection outline around an object

  
• Polygonal Lasso Tool ( L )


  click around the object with it to surround it with polygonal, straight-edged selection outline.

  
• Magnetic Lasso Tool ( L )


  snaps the selection outline to the edged of the object as you move your mouse cursor around it.

  
• Object Selection Tool * ( W )


  New as of Photoshop CC 2020, lets you select an object just by dragging a rough selection outline around it.

  
• Quick Selection Tool ( W ) 


  lets you easily select an object simply by painting over it with a brush. Enable "Auto-Enhance" in the options bar for better quality selections.

  
• Magic Wand Tool ( W )


  selects areas of similar color with a single click. The "Tolerance" value in the options bar sets the range of colors that will be selected.

  
• Crop Tool ( C )

  to remove unwanted areas. Uncheck "Delete Cropped Pixels" in the option Bar to crop an image non-destructively.

  
• Perspective Crop Tool ( C ) 


  to both crop an image and fix common distortion or perspective problems.

  
• Slice Tool ( C ) 


  divides an image or layout into smaller selections (slices) which can be exported and optimized separately.

  
• Frame Tool * ( K ) 


  New as of Photoshop CC 2019. This tool lets you place images into rectangular or elliptical.

  
• Eyedropper Tool * ( I ) 


  samples colors in an image. Increases "Sample Size" in the options bar for a better representation of the samples area's color.

  
• 3D Material Eyedropper Tool ( I )


  To sample material from a 3D model in photoshop

  
• Color Sampler Tool ( I )


  displays color values for the selected (sampled) area in an image. Up to four areas can be sampled at a time. View the color information in Photoshop's info panel.

  
• Ruler Tool ( I )


  measures, distances, locations and angles. Great for positioning images and elements exactly where you want them.

  
• Count Tool ( I )


  manually count the number of objects in an image, or to have photoshop automatically count multiple selected areas in the image

  
• Spot Healing Brush Tool * ( J )

  quickly removes blemishes and other minor problem in an image. Use a brush size slightly larger than the blemish for best results.

  
• Patch Tool (J)


  draw a freeform selection outline around a problem area. Then repair it by dragging the selection outline over an area of good texture.

  
• Content-Aware Move TOOL (J)



  Use this tool to select and move part of an image to a different area. Photoshop automatically fills in the hole in the original spot using elements from the surrounding areas.

  
• Red Eye Tool (J)


  removes common red eye problems in a photo resulting from camera flash.

  
• Brush Tool * (B)


  primary painting tool. use it to paint brush strokes on a layer or on a layer mask.

  
• Pencil Tool (B)


  is another Photoshop's painting tools. But while the Brush tool can paint soft edge brush strokes, this tool always paints with hard edges.

  
• Color Replacement Tool (B)


  it is used to easily replace the color of an object with a different color.