IND Intro to Photoshop

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.