graphics editing - introduction to photoshop
Post on 10-Apr-2018
232 Views
Preview:
TRANSCRIPT
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)
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 2/48
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.
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 3/48
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 4/48
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 5/48
Basic conceptsBasic concepts Pixel
± Specific location
± Specific color Magnify an image to see pixels
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 6/48
Common tasksCommon tasks
Resizing an image
³Straightening´ an image
Cropping an image Adjusting brightness and contrast
Adding layers
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 7/48
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 8/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 9/48
File FormatsFile Formats
Use Photoshop to open and create
different kinds of file formats
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 10/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 11/48
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)
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 12/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 13/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 14/48
Docked File Browser PaletteDocked File Browser Palette
Palette well
File Browser
tab
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 15/48
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 16/48
Workspace ElementsWorkspace Elements
Work Area
Toolbox
Palettes
Status Bar
Command
menu
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 17/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 18/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 19/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 20/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 21/48
Palette ExamplePalette Example
Click a tab tomake a palette
active
Click to
access the
palette menu
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 22/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 23/48
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!
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 24/48
Practice Using ToolsPractice Using Tools
Create a new document
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 25/48
Let¶s get creative!Let¶s get creative!
Select foreground
and background colors
Choose the paintbrush
Now the eraser
Try the pencil
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 26/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 27/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 28/48
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 29/48
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 30/48
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.
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 31/48
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.
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 32/48
LayersLayers
Tool to enable complex compositions
Allows ³stacking´ of image parts
Layers may be added and deleted atwill
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 33/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 34/48
Layers PaletteLayers Palette
The order in which the
layers appear in the Layers
palette matches the order inwhich they appear in the
document
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 35/48
Layers PaletteLayers Palette
Currently
active layer
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 36/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 37/48
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.
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 38/48
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.
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 39/48
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.
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 40/48
OpacityOpacityO pacity changes the transparency of a photo.
The Opacity scale is
located on the lower
right-hand toolbox.
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 41/48
³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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 42/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 43/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 44/48
More Editing TricksMore Editing Tricks
± Brightness/Contrast
± Variations
± Sharpen an image
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 45/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 46/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 47/48
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
8/8/2019 Graphics Editing - Introduction to Photoshop
http://slidepdf.com/reader/full/graphics-editing-introduction-to-photoshop 48/48
top related