graphics editing - introduction to photoshop

8/8/2019 Graphics Editing - Introduction to Photoshop

http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 1/48

Introduction

to

Photoshop

(Graphical Image Editing/Creation Program)

Introduction

to

Photoshop

(Graphical Image Editing/Creation Program)



Adobe Photoshop is a softwares that willenable the students to use the various

tools and effects available for photo editing

and graphic design.

Because of the growth of technology in this

day and age, it is necessary to have the

ability to work with digital media. This

presentation is an introduction to the basicsof Adobe Photoshop.



Basic conceptsBasic concepts Pixel

± Specific location

± Specific color Magnify an image to see pixels



Common tasksCommon tasks

Resizing an image

³Straightening´ an image

Cropping an image Adjusting brightness and contrast

Adding layers



Color Color

Monitors display light directly

± Term RGB (Red Green Blue)

± Different monitors may display colorsdifferently

Printing images

± Term CMYK (Cyan, Magenta, Yellow, blacK) ± Colors will look different than on the screen



File FormatsFile Formats

Use Photoshop to open and create

different kinds of file formats



Creating a New FileCreating a New File

Click File on the menu bar

Click New

Enter the required width in the

Width text box

Enter the required height in the

Height text box

Click OK



Saving a File OptionsSaving a File Options Use Save As to save a file under a

new name and to preserve a copy

of the original file Open a file in one file format (e.g.,

.BMP) and save it in another file

format (e.g., .JPG)



Setting PreferencesSetting Preferences

Use the Preferences dialog box to

customize how files are opened in

Photoshop Options include:

± Using Open Recent to locate and

open files recently worked on

± Changing the Image Preview to

thumbnails



Opening a FileOpening a File Use the File Browser to open a file:

± Click the File Browser tab in the

palette well ± Navigate to the location of the file

± Double-click the file to open it in

Photoshop



Docked File Browser PaletteDocked File Browser Palette

Palette well

File Browser

tab



Workspace ElementsWorkspace Elements

Work Area

Toolbox

Palettes

Status Bar

Command

menu



Customizing the WorkspaceCustomizing the Workspace

Customize the workspace by

positioning elements to suit your

working style To save a workspace:

± Click Window on the menu bar, point

toWorkspace, click Save

Workspace, type a name, then clickSave



Using ToolsUsing Tools

Use tools in Photoshop to perform

actions (e.g., zoom, type text, etc.)

Point to a tool to view a ScreenTip

that provides the name or function

of the tool

Check the tool options bar to view

current settings for a selected tool



Using Tool Shortcut KeysUsing Tool Shortcut Keys

Press and hold [Shift]

Press the tool¶s shortcut key (e.g., T

for Type Tool) Continue to press [Shift] and the

shortcut key to cycle through a

tool¶s hidden tools



Using PalettesUsing Palettes

Use palettes to verify settings and

modify documents

Each palette consists of multiplepalettes

Palettes can be separated and

moved around the workspace

Each palette contains a menu



Palette ExamplePalette Example

Click a tab tomake a palette

active

Click to

access the

palette menu



History PaletteHistory Palette

The History palette contains

a record of each task

completed in a document

The record of an event is

called a state

The History palette displaysup to 20 states



HistoryHistory

Undo ± Takes you back one step

Step Backward ± Takes you back one step at a time

History Palette (displays steps) ± Open under WINDOW

Revert

± Back to the last saved version

S AVE OFTEN WITH DIFFERENT N AMES!



Practice Using ToolsPractice Using Tools

Create a new document



Let¶s get creative!Let¶s get creative!

Select foreground

and background colors

Choose the paintbrush

Now the eraser

Try the pencil



Open Willie.jpg Image, Image size

Pixel width 200

Bicubic Sharper

S AVE as smw.jpg

Open Willie.jpg

Image, Image size

Constrain proportions OFF

Image, Image size

Pixel width 200 (UNDO)

Pixel height 200 (UNDO)

Let¶s open a file to be editedLet¶s open a file to be edited



Use Filters for Special Effects!Use Filters for Special Effects!

Open Willie

Select a Filter

Example:

Artistic, Dry Brush

Save file with

different name

williedb



ResizingResizingThere are two methods to resize photos. Resizing photos is a convenient

way to make sure the photo is the correct size for a project.

Method 1: Go to the Toolbar,

click on Image Image Size.

Adjust width and height to

desired measurements. This will

resize the entire image.

Method 2: Select desired layer,

press Ctrl+T on keyboard.

Hold down the Shift key to maintain

proportions. This method will resize

only the selected layer.



LayersLayersLayers make it possible to add modifications that can be removed quickly and easily. They

can be added individually or can be created from an existing part of the document.

To insert a new layer: Go to the

Toolbar, click on Layer New

Layer.

To make a layer from the

existing document: choose

selected area with the marquee

tool, right click selected area

and choose

Layer via Cut/Copy.

*To make a layer

without deleting it,

click the eye.



LayersLayers

Tool to enable complex compositions

Allows ³stacking´ of image parts

Layers may be added and deleted atwill



Understanding LayersUnderstanding Layers

What are layers?

± A section within an image that

can be manipulated

independently

±Use layers to control

individual elements in a

document



Layers PaletteLayers Palette

The order in which the

layers appear in the Layers

palette matches the order inwhich they appear in the

document



Layers PaletteLayers Palette

Currently

active layer



Flattening LayersFlattening Layers

Save before flattening

Save with new name after flattening

Flattening is necessary for many

techniques including some file types

Select Layers, Flatten layers



Magic WandMagic WandThe Magic Wand Tool is used to select all the colors in a certain range. By changing

the tolerance, one can adjust the sensitivity between ranges.

Step 1: Click on theMagic

Wand Tool in the Toolbox.

Step 2: Click the desired color area and

experiment with the Tolerance level.

*By increasing or

reducing the

Tolerance, one can

select more or less of

the selected color range, respectively.



ShapesShapesShapes can be used to create a decorative touch to a picture.

Click on the Shape Tool in the Toolbox. Select preferred shape.

Drag and drop on picture. Use Text Box to add text if wanted.



Clone Stamp ToolClone Stamp ToolThe Clone Stamp Tool is used to simultaneously copy portions of a photo onto a specific area.

Click on the Clone

Stamp Tool in theToolbox. Alt+Click to

select desired area.

Click and hold to

clone the selected

portion.



OpacityOpacityO pacity changes the transparency of a photo.

The Opacity scale is

located on the lower

right-hand toolbox.



³Flipping´ an image³Flipping´ an image

Image, Rotate Canvas ± 90 or 180

± Flip Horizontal or Vertical

Copy ³Lovett´ below ± Image, rot. image, flip vert.

UNDO



Change Canvas SizeChange Canvas Size

For composite images, change canvas size on one image,

paste and position extra images in one at a time.

Image, canvas size,double ht, set ³anchor´

as appropriate

± Default is center

± This example is upper left



More Tools for Selecting Image Parts

(Delete or Copy)

More Tools for Selecting Image Parts

(Delete or Copy)

Marquee Tools

Lasso Tools

± Magnetic Lasso

Magic Wand



More Editing TricksMore Editing Tricks

± Brightness/Contrast

± Variations

± Sharpen an image



Sharpen an ImageSharpen an Image

There are many options in Photoshop

Try Filter, Sharpen, Smart Sharpen

± 100%, 0.2 pixels, Lens Blur

Enlarge to view detail



Using HelpUsing Help

Photoshop Help information

appears in a browser

window Five links are included in the

Help window:

±Using Help, Contents, Index,Site Map, Search



View and Print DocumentsView and Print Documents

Use the Zoom tool to

change views²up to a

maximum of 1600%

Use the Page Setup dialog

box to set printing options