11

Introduction to Introduction to PhotoshopPhotoshop

Or Or

Why Paint is “yesterday’s Why Paint is “yesterday’s news…”news…”

22

OverviewOverview

• Review of Image propertiesReview of Image properties

• Work Area and NavigationWork Area and Navigation

• Selection ToolsSelection Tools

• Painting ToolsPainting Tools

• Transforming and RetouchingTransforming and Retouching

• Optimizing ImagesOptimizing Images

• SummarySummary

• What’s next…?What’s next…?– Taking Photoshop “out for a drive”…Taking Photoshop “out for a drive”…

33

Review of Image Review of Image PropertiesProperties• Raster vs. Vector imagesRaster vs. Vector images• Types of raster image file formats Types of raster image file formats

(.jpg, .gif, etc.)(.jpg, .gif, etc.)– Color modesColor modes– Disadvantages/AdvantagesDisadvantages/Advantages– When to use?When to use?

• Image sizeImage size– RoboHelp: max width = 5.5” @ 96 dpiRoboHelp: max width = 5.5” @ 96 dpi– FM: ideal resolution = 300-600 dpiFM: ideal resolution = 300-600 dpi

• Canvas sizeCanvas size

44

Work Area and Work Area and NavigationNavigation• Zooming (CTRL+) & (CTRL-)Zooming (CTRL+) & (CTRL-)

– Adding ALT resizes windowAdding ALT resizes window

• Panning (Space Bar)Panning (Space Bar)• Navigator PaletteNavigator Palette• Screen ModesScreen Modes• LayersLayers• HistoryHistory

55

Panning with the Hand Panning with the Hand ToolTool

66

Navigator PaletteNavigator Palette

77

Screen ModesScreen Modes

• Standard Screen Mode (F) Standard Screen Mode (F)

• Full Screen Mode with Menu BarFull Screen Mode with Menu Bar

• Full Screen ModeFull Screen Mode

88

LayersLayersA.A. Layer lock optionsLayer lock options B.B. Layer setLayer setC.C. Clipping groupClipping group

D.D. Text layerText layerE.E. Show/HideShow/HideF.F. Base of clipping groupBase of clipping group

G.G. Paintbrush iconPaintbrush iconH.H. Link/UnlinkLink/UnlinkI.I. Fully locked layerFully locked layerJ.J. Show/Hide layer styleShow/Hide layer styleK.K. Effects barEffects bar

L.L. Selected layerSelected layerM.M. Partially locked layerPartially locked layerN.N. New layer stylesNew layer stylesO.O. New layer maskNew layer maskP.P. New layer setNew layer setQ.Q. New layer adjustment or fill layerNew layer adjustment or fill layer

R.R. New layerNew layerS.S. TrashTrash

99

HistoryHistory

• Revert image toRevert image toa previous statea previous state

• Delete an image’sDelete an image’sstatesstates

• Create a documentCreate a documentfrom a state or from a state or snapshotsnapshot

1010

Selection ToolsSelection Tools

• MarqueeMarquee

• Lasso and Magnetic LassoLasso and Magnetic Lasso

• Magic WandMagic Wand

• MoveMove

• LayersLayers

1111

MarqueeMarquee

• Make rectangular, elliptical, single row, & single column Make rectangular, elliptical, single row, & single column selectionsselections

• Select items for copying and deletingSelect items for copying and deleting

1212

LassoLasso

• Good for background Good for background drop outs in imagesdrop outs in images

1313

Magnetic LassoMagnetic Lasso

• Effective where veryEffective where veryspecific selection of specific selection of areas of an image areas of an image are required.are required.

1414

Magic WandMagic Wand• Best for dropping out backgrounds Best for dropping out backgrounds

with high contrast from foregroundwith high contrast from foreground

• Use the tolerance setting to set the Use the tolerance setting to set the sensitivity of the color area selectionsensitivity of the color area selection

1515

MoveMove

• Moves selections, layers, Moves selections, layers, and guidesand guides

1616

LayersLayers

• If you’re having If you’re having trouble making a trouble making a selection, make selection, make sure you’re sure you’re working in the working in the right layerright layer

1717

Painting ToolsPainting Tools

• Color Palette ControlsColor Palette Controls• Eye DropperEye Dropper• Paint BucketPaint Bucket• PencilPencil• Paint BrushPaint Brush• AirbrushAirbrush• Gradient FillGradient Fill• Clone StampClone Stamp

1818

Color Palette ControlsColor Palette Controls

• Precise control Precise control of foreground of foreground and background and background colorscolors

• Swap Swap foreground and foreground and backgroundbackground

• Reset to default Reset to default colors (b/w)colors (b/w)

1919

Eye DropperEye Dropper

• Samples colors inSamples colors inan imagean image

2020

Paint BucketPaint Bucket

• Fills similarly coloredFills similarly coloredareas with the areas with the foreground color.foreground color.

2121

PencilPencil

• Hard-edged strokesHard-edged strokes

• Pencil width controlPencil width control

• Opacity controlOpacity control

• Best for screen captures Best for screen captures and other GIF imagesand other GIF images

2222

Paint BrushPaint Brush

• Softer strokes Softer strokes (compared to pencil)(compared to pencil)

• Various brushesVarious brushes

• Opacity controlOpacity control

• Best for JPGs (photos and Best for JPGs (photos and images with “soft” looks)images with “soft” looks)

2323

Painting ToolsPainting Tools

• AirbrushAirbrush

• Gradient FillGradient Fill

• Clone StampClone Stamp

2424

Working with TextWorking with Text

• Use the Text Tool to add or edit text Use the Text Tool to add or edit text layerslayers

• Editable text until rasterized Editable text until rasterized (converted within image or saved as GIF, (converted within image or saved as GIF, JPG, etc.)JPG, etc.)

• Retains character & paragraph Retains character & paragraph settings (.psd)settings (.psd)

2525

Transforming and Transforming and RetouchingRetouching

• Transform (Scale, Rotate, Distort, etc.)Transform (Scale, Rotate, Distort, etc.)– Edit > Transform > Scale\Rotate\Distort, Edit > Transform > Scale\Rotate\Distort,

etc.etc.

• Free TransformFree Transform– Edit > Free TransformEdit > Free Transform

• Constraining (<Shift>)Constraining (<Shift>)

• Clone Stamp Clone Stamp

• FiltersFilters

2626

OptimizingOptimizing Images Images• Color ModeColor Mode

– Image > Mode > RGB Color…Image > Mode > RGB Color…

• Adjusting Brightness and ContrastAdjusting Brightness and Contrast– Image > Adjust > Brightness/Contrast…Image > Adjust > Brightness/Contrast…

• Adjusting Curves (photo)Adjusting Curves (photo)– Image > Adjust > Curves…Image > Adjust > Curves…

• Image SizeImage Size– Image > Image SizeImage > Image Size

• Canvas SizeCanvas Size– Image > Canvas SizeImage > Canvas Size

• CroppingCropping• Magic EraserMagic Eraser• File FormatFile Format

2727

CroppingCropping

• Trims imagesTrims images

2828

Magic EraserMagic Eraser

• Erases solid-colored areas Erases solid-colored areas to transparency with ato transparency with asingle click.single click.

2929

SummarySummary

• Reviewed Image propertiesReviewed Image properties

• Work Area and NavigationWork Area and Navigation

• Selecting and Painting ToolsSelecting and Painting Tools

• Transforming and RetouchingTransforming and Retouching

• Optimizing ImagesOptimizing Images

• What’s next…?What’s next…?

3030

Hands-on…Hands-on…

• Feb. 27Feb. 27thth (4:30-6:00 pm, SoCo time) (4:30-6:00 pm, SoCo time)

• NetmeetingNetmeeting

• Requirements: Photoshop 6.0 or Requirements: Photoshop 6.0 or higher installed on your PC.higher installed on your PC.

• We’ll provide filesWe’ll provide files

• Questions or potential graphics Questions or potential graphics problems?problems?– Send to Greg or Keith prior to Feb. 27Send to Greg or Keith prior to Feb. 27thth