IND 113 Introduction to Photoshop
Keyboard Shortcuts General Commands and Tools
Brush and Eraser
ctrl + z = undo
e = eraser
alt + ctrl + z = undo stepbackward
b = brush
p = pen tool
alt + click = pick color from canvas
u = shape tool
[ and ] = increase and decrease brush size
g = gradient or fill
#1-0 = increase or decrease brush opacity
t = text tool
shift + drag (with brush) = straight line
i = eye dropper x = alternate between fg or bg color
Layer Functions shift + ctrl + n = new layer
Selections and Marquee
alt + drag layer = duplicate layer
m = marquee tool
shift + layer selection = multiple selection
v = move / arrow tool
ctrl + e = merge layers down
ctrl + d = deselect
double click = open layer style
shift + ctrl + i = select inverse
right click layer = show layer options
ctrl + a = select all
Overview
Keyboard Shortcuts Creating A New File Layers Brush Tool Shape Tool Adjusting Levels Rotating Images Scaling Images
Cleaning a Black & White Scan Improving Scanned Color Images Cleaning Scanned Color Images Changing Colors Adding Light Cones Adding Accessories Adding Accessories - Perspective Adding Figures
ctrl + c = copy
Screen and View
ctrl + v = paste
ctrl + (-,+) = zoom in and out
shift + ctrl + v = paste in place
f = change screen view (hide tools) tab = hide tools hold + space bar = pan r = rotate canvas viewport
Resources, Tutorials, and Learning http://helpx.adobe.com/photoshop/topics.html http://www.photoshop.com/learn http://www.photoshop.com/tutorials
http://www.smashingmagazine.com/2010/02/10/photoshop-keyboard-shortcuts-cheat-sheet-pdf/
Make a New File ctrl+n = create new file
Resolution 150 dpi is a good minimum to work at but 300 dpi is ideal. For printed material 300 dpi is standard.
CMYK vs. RGB CMYK (cyan,magenta,yellow,black) are the standard inks used in printing. Documents intended to be printed should be converted to this type of document to ensure desired colors. RGB (red, green, blue) is the standard for digital media. All documents should be created in this color space for best results when materials are to presented digitally. It is also good practice to work in this color space and convert items to be printed to CMYK and color correct if the materials if desired.
Layers
Shift+ctrl+n = create new layer Layer Types
Layer Opacity
Commonly Used Multiply - Additive layer quality that darkens layers overlapping underneath. (Good for shadows) Screen - Additive layer quality that lightens layers overlapping underneath. (Good for highlights) Overlay - Additive layer quality that lightens, darkens, and increases saturation of layers overlapping underneath. (Makes lights and darks more intense) Color - Additive layer quality that changes the color of layers overlapping underneath.
Make new layer folder Make new layer Trash layer
Brush Controls
b = brush, alt+click = pick color
Brush Tip Shape
Brush Library Allows thick and thin lines
Changes brush angle and shape
Controls spacing of brush stamp
Shape Dynamics
Brush Controls
b = brush, alt+click = pick color
Scattering
Scatter brush stamp amount Allows brush transparency with pen pressure
Transfer
Shape Tool u = shape tool
“U” will default to the shape last used.
Controls opacity of shape.
Make sure “Anti-alias” is checked or lines will be jagged.
Select “pixels” as shape method otherwise unneeded paths will be generated.
Bracket keys [ and ] change size.
Adjusting Levels
Cleaning up scans and drawings
Increasing The Contrast Of Your Scan 1. Open your scanned image. 2. Image > Adjustments > Levels... 3. Select the white eye dropper and select the gray part of the image. (Undesirable gray halo around paper) 4. The image should have increased in contrast and should be rid of most sketchy areas...If not then manually adjust levels sliders for darks, mediums, and lights.
2.
Darks slider, increase darkness
3.
4.
Select Lights eyedropper, then select background gray area.
Lights slider, increase lightness
Rotating Images
Straighten images after scanning
Straighten a Scan 1. Open your scanned image. File > Open > File Name. 2. Click the move tool. Check box: show transform controls. 3. Move cursor over outside corner of image until the rotation arc appears. 4. Click and move in the direction you want to rotate. Hold shift to constrain to 15 degree increments. 5. When you are finished rotating, click the move tool again, “Apply� transformation. 6. Use the ruler (view > ruler ) to make a guide line where you want to straighten the image. Use as reference when you rotate. Hover outside corner, click and move when rotation arc appears.
Pull reference line down from ruler.
Match sketched line with blue reference line.
Scaling Images
Scaling images after scanning
Scaling a Scan 1. Open your scanned image. File > Open > File Name. 2. Click the move tool. Check box: show transform controls. 3. Move cursor over the corner of image until the double arrow line appears. 4. Click and move in the direction you want to scale. Hold alt+shift to scale proportionally! 5. When you are finished scaling, click the move tool again, “Apply� transformation.
Hover over corner until double arrow line appears
Cleaning Scanned Images Getting rid of smudges and over strokes
Cleaning a Black and White Scan 1. Open your scanned image. File > Open > File Name. 2. Make a new layer by clicking the icon next to the trash can in the layers palette. Short cut: Shift + Ctrl + N. This will be your “white out” layer. 3. Select the brush tool (short cut “B”). Change the color to white by clicking the foreground color box in the tool bar and selecting white. Use brackets [ and ] to increase and decrease brush size. 4. Get rid of undesirable lines and smudges by painting them out with the white brush. You can erase white areas where you painted too much. Press “E” for eraser. Brush tool icon Foreground color (click to pick)
Layers palette
Make new layer
Improving Scanned Color Images Digital improvements needed to color scan
More definition to lights
More definition to cabinets
Clean up bleed
Add accessories
Clean smudge
Add figure for scale
Add base boards
Cleaning Scanned Color Images
Getting rid of mistakes and bleed
Improving a Color Scan 1. Open your scanned image. File > Open > File Name. 2. Make a new layer by clicking the icon next to the trash can in the layers palette. Short cut: Shift + Ctrl + N. This will be your improvements layer. 3. Select the brush tool (short cut “B”). Change the color to match the color of area that needs to be touched up by holding Alt+Click to pick sample color from image. Use brackets [ and ] to increase and decrease brush size. Hold shift to make straight lines. 4. Get rid of undesirable lines and smudges by painting them out with the brush. You can erase areas where you painted too much. Press “E” for eraser. 5. Clean up your textures by using the Clone Stamp Tool “S”. Alt+Click texture area to sample then paint. Brush tool icon Example of brush bleed clean up
Before
Clone stamp tool icon Example of stamp texture clean up
After Before
After
Cleaning Scanned Color Images
Getting rid of mistakes and bleed
Changing colors 1. Open your scanned image. File > Open > File Name. 2. Make a new layer by clicking the icon next to the trash can in the layers palette. Short cut: Shift + Ctrl + N. This will be your improvements layer. 3. Select the brush tool (short cut “B”). Pick a color that represents the new material you wish to feature. Use brackets [ and ] to increase and decrease brush size. Hold shift to make straight lines. 4. Paint over the old material color with the new color. You can erase areas where you painted too much. Press “E” for eraser. 5. Set the layer to “Color”. Reduce opacity if needed to allow for more color variation.
A cherry look was given to the cabinets by painting a red color on a layer and changing it to “Color”, then the opacity of the layer was reduced.
Adding Elements to Scanned Color Images Improving color images by adding items
Adding Light Cones 1. Create a triangular cone light shape by using the Polygonal Lasso Tool “L”. 2. Use a gradated brush “B” (then select gradient brush from list) to paint a light cone that fades out as it is farther away from the light source. 3. Change layer opacity to desired level of light. 4. Duplicate the layer as needed to add more lights. Polygonal Lasso tool icon Select soft gradient brush
Light cone shape selected
Light cones added
Adding Elements to Scanned Color Images
Improving color images by adding items
Adding Accessories 1. Open scanned images of accessories drawn or images from the web. 2. Scale the accessory to the appropriate sizes. 3. Get rid of background areas around the objects by using the polygonal lasso tool or the magic wand tool. 4. Use distort and warp tools to make the object look believable in your scene. Edit > Transform > Distort. Pull corners into perspective. Edit > Transform > Warp, then pull points to make a curve. 5. Use filters to make web images look more like a sketch to blend with your rendering. Ex: Filter > Cut Out. “Cut Out� filter, distorted, and cropped for elevation
Polygonal Lasso tool icon Magic Wand tool icon Source images
Adding Elements to Scanned Color Images Improving color images by adding items
Adding Accessories - Pictures in Perspective 1. Open scanned image of picture drawn or images from the web. 2. Scale the picture to the appropriate size. 3. Use distort tool to make the object look believable in your scene. Edit > Transform > Distort. Pull corners into perspective.
Source image
Applied to wall
Distorted by pulling corners
Adding Elements to Scanned Color Images Improving color images by adding items
Adding Figures 1. Open scanned image of person drawn or images from the web. 2. Trace the figure with the brush tool in Photoshop or make shapes to define the character. OR download stock figures. 3. Scale figure to fit the appropriate size in the scene. Distort the figure in perspective if needed. Edit > Transform > Distort.
Improving Scanned Color Images Improved color scan