Ps CS5 -- every tool explained
-
Upload
norma-barron -
Category
Documents
-
view
220 -
download
0
Transcript of Ps CS5 -- every tool explained
-
8/8/2019 Ps CS5 -- every tool explained
1/21
OER Faculty Development Workshop:PHOTOSHOP II: Selections
presented by Computer Based Education Department
Director: Christopher Cimino
Instructors: Peter SchmidtAdam HochmanJulianna NovaXiaoen Peter Shen
-
8/8/2019 Ps CS5 -- every tool explained
2/21 OER/CBEPHOTOSHOP
Selections
What is a selection? Theactiveareaofanimage.
Insidethisareayoucan:cut,copy,paste,paint,erase,usealter,adjustthecolor/contrastandmuch
more.
How to use a Selection:Selectaselectiontoolfromthetoolbar,Clickanddraganywhere.Amarqueewillbecreated.Theareaenclosed
istheselectedarea.Withtheselectionyoucandomanythings,suchascopy,cut,transform,move,change
colors.
CanmoveselectionbyremainingwiththeselectedtoolandclickingINSIDEtheselectionarea.
PHOTOSHOP Elements Interface on an Apple Computer.
Class Exercise:go to FILE>NEW
and create a blank file (make it at least 600x400pixels, or 4 wide), make the background white.ip
Take the first selection tool, which is a rect-angle.
Click on the new documents background, and
drag while depressing the mouse key.
Let go. That is a selection area.
Go back to the tool bar, click and hold down themouse key. The Elliptical Marquee tool shouldappear. Move the mouse over that symbol andlet go.
Now click and drag on the image. A marqueeshould appear when you let go.
Try moving the selections around.
-
8/8/2019 Ps CS5 -- every tool explained
3/21OER/CBEPHOTOSHOP
In this handout we also include notes for Photoshop CS.
This is because many participants in class already own a
copy of Photoshop.
The working methods and tools for PHOTOSHOP Elem
and PHOTOSHOP CS are very similiar.
Where there are differences, we will point them out. Othe
we will use the phrase PHOTOSHOP.
Also please note that older versions of either program wi
have similiarities to what we are talking about here,but th
terface will be different.
Developing skill with the Selection Tools and Methods ar
essary to take advantage of the image editing power of P
SHOP.
There is a lot of material to cover however we will go ov
class any basics.
This class is intended to introduce to you the various sele
tools and methods available in PHOTOSHOP.
Another consideration if you plan on spending signicant time using PHOTOSHOP is to invest in a good mou
tablet/stylus. The average mouse attached with a cable will quickly frustrate most users trying to draw a line.
-
8/8/2019 Ps CS5 -- every tool explained
4/21 OER/CBEPHOTOSHOP
Selection Tools:
Rectangle Marquee:
TheRectangleToolselectedonthe
toolbar,andtheoptionbarindicat-
ingthatselection.
Ellipitcal Marquee:
Marquee Options:
TomakeaSquare
(holdSHIFTanddrag)
KEY COMMANDs
OPTION=MACALT=Windows
Rectangle / Ellipse Options
Option/Alt center start of shape.
SHIFTCreate Square/Circle
SHIFT+ OPTION/ALTSpaceBar: While holding mouse keydown can move selection around.
Ellipse Hint:Drag Guides (using VIEW>RULERS)
And create a box in area you wantto position a circle. Note that theoption bar is functionally the same.
CreatesCircleshapes.Perfectfor
creatingaroundselection.
TOOLOPTIONBAR:Thisiswhereyoucheckandadjustyourcurrenttoolssettings.
Whentheaselectiontoolisthecurrenttool,theoptionbardisplaysitssettings.
Firstthebarshowsyouthesymbolofthecurrenttool.[a]
Thenthetypeofselection:[b][Newselection,Addition,Subtraction,Intersect].
a b
-
8/8/2019 Ps CS5 -- every tool explained
5/21OER/CBEPHOTOSHOP
Feather:Settingfortransparencyofedgewhilecreatingaselection(canfeatherafteraselection).TheMarqueewitha
featheredselectiondoesnotrepresenttheedge,Featheringworksonbothsidesofthemarquee,sothemar -
queeshownisinthemiddleoftheedge.
Anti Alased:Ifnotcheckedyouwillhavejaggededges.
Itsaonepixelborderthatwillblendwithsurroundings.
Style Menu:Normal:Shapedrawnwithoutrestraints
AspectRatio:
ie2:1IfyouwanttocreateashapewithaxedratiobetweenHeightandWidth.
FixedSize:
ie40pixels.Notewithxedsize,onceletgoofmouse,youcanmoveselectionaround.
-
8/8/2019 Ps CS5 -- every tool explained
6/21 OER/CBEPHOTOSHOP
InPHOTOSHOPCSholdmousedownovertheRectangleandyou
willseetheshapeselectiontoolsavailable.
InElementsyoudonothavetherowshapes
TheoptionbarisfunctionallythesameinbothElementsandCS.
RemembertoPresstheMousebutton
down,andwaitforthedialogboxto
appear,thenwhilestillholdingthe
mousekeydown,moveovertothe
toolsymbolyouwanttoselectand
letgo.Thecolumnshouldnowshow
yourselectedsymbol,anditwillbe
thecurrenttool.
***NOTE:Onlytoolswiththesmall
arrowinthelowerrightcornerhave
othertoolstoselectinthatboxslot.
-
8/8/2019 Ps CS5 -- every tool explained
7/21OER/CBEPHOTOSHOP
LASSO TOOLDrawingmarquearoundirregular
shapes.
Itismoreforgivinginconnecting
tothestartingpoint,alwaysdraw -ingastraightlinetoitifyoudo
notclosetheselectionyourself.
POLYGONAL LASSO TOOLWiththistoolyoucancreatelinesthatfollowthecontoursofwhatyou
aretracing.Youcanswitchtofreehandformby(OPTION/ALT).Notethatthesym -bolchangestotheLassoTool.
Holdingdowntheshiftkeyrestrainsthetooltocreaterightanglesonly.
MAGNETIC LASSO TOOL
Polygonal & Magnetic Lasso
OptionsSettings:
Width: Distancefromedgetomakepath(marque)
Edge Contrastuseahighnum-berforhighcontrastedges(welldened).
Feathersoftensedgeofselection
Frequencythefrequencywithwhichpointsareaddedtoselectionpath.
DrawingtheSelection-YoucanchangethetoolwhiletheMagneticLassoistheselectedtoolfromthetoolbar.
Holddownthe(OPTION/ALT)andclicktousethepolygontool.(SHIFT+OPTION/ALT)contrainsthelinesto45,90andstraight.(OPTION/ALT)anddragthemousewiththemousedown,changesthetooltoalasso
Press&releasethecommandkey,PSwillclosetheselectionforyou.
HINT:With the Polygonal tool,
double clicking anywhere closesthe selection immediately. (youllsee a straight line to the origin ofthe selection if you are not nearby.
LASSO-Straightlinescanbemadebyholdingdownthe(OPTION/ALT)whilethekeyispressedeachmouseclickcreates(connects)astraightline.
Youwillseethetoolsymbol
changefromLASSOtoPolygonalTool.
-
8/8/2019 Ps CS5 -- every tool explained
8/21 OER/CBEPHOTOSHOP
MAGIC WAND TOOL
Selectionsbasedonpixelcolor.
Excellentforpickingsolidcolorsfromanimage.
Tolerance;Howclosetotheselectedpixelcolortoselect.
Color: Unless you are doing work for color separation, make sure you are in RGB mode not CMYK mode.PHOTOSHOP uses channels- Red, Green and Blue to make all the colors you see in an image.
RGB.Eachcolorinachannelcanbeseenasagrayscaleof0-255.
ie;InGrayscalethereareonly256grays,numbered0-255.Ifthewandisusedto
selectagraycolor,anditstolerancewassetto0,itwouldonlyselectthatcolor
Ifthetolerancewassetto10,itwouldselectallthecolors10downand10upfrom
thatnumber
Soifclickedonacolorthathasanindexnumberof100withatoleranceof10,youwouldgetallgraysnum -
bered
90110
Ifyousetthetoleranceto255,yougeteverythingintheimage.
Youcanrestricttheselectionbypickingthecontiguousoption.
SoIcouldclickonanimagewiththemagicwandand
theselectedpixelmaybe122red,185-green,220-
blue.
Withatoleranceof10,yourselectionrangewillbe:
111132Red,175-195Green,210230Blue.
Hereisaselectionmadebyclickinginthemiddle
orange(253-red,180-green,4-blue)areawitha
toleranceof5andcontiguous.
-
8/8/2019 Ps CS5 -- every tool explained
9/21OER/CBEPHOTOSHOP 9
Hereisaselectionmadebyclickinginthewhitearea,Tolerancesetto5andNOTcontiguous.
Ifitwerecontiguousthenumberswouldnotbeselected.
WiththeTolerancesetto100theedgemarqueeisnowcloser.
Ifthetoleranceweresetto255theentireimagewouldbeselected.
-
8/8/2019 Ps CS5 -- every tool explained
10/2110 OER/CBEPHOTOSHOP
PHOTOSHOP Elements Only Selection Tool:
Selection Brush Tool;Itactslikeapaintbrush,creatingaclosedselectionasyoudragit
acrossanimage.
Ontheoptionbaryoucanchangeittoa
MASK.
Amaskprotectstheimageareaunder
themask,itisalsonaturallytheinverse
oftheselectedareasoftheimage.
PHOTOSHOP CS Only Selection Tool:
Single Row Marquee Tool.Single Column Marquee Tool.
Thesetoolsselectasinglepixwidthroworcolumnacrosstheimage.
This is a single column row that was then lled with gray using the paint bucket.
-
8/8/2019 Ps CS5 -- every tool explained
11/21OER/CBEPHOTOSHOP 11
SELECTION REFINEMENT
SelectiontypeOPTIONs:
New Selection(default)
Itstherstoptiononthe4symbols.
Add to Selection-
Clickon2ndfromrightinoptionsbox,andallyourselectionswillbein
addtiontoeachother.
OR
Holddowntheshiftkeywhileyoucreateyouradditionalselections.
Subtract from Selection
Clickonthe3rdboxtochosetheremoveselectionoption.Thenyour
nextselectionswillremovepartsoftheoriginalselection.
ORHoldOPTION/ALTwhileusingyourselectiontool.Itwillhaveaminus
signonitandyoucanremovepartsofyouroriginalselection.
Intersect with Selection
GivesyouonlytheOVERLAPPINGpartsoftheselectionsyoumade.
Itisthelastoptionontherightofthesmalloptionsbarwithunion
symbols.
OR
SHIFT-OPTION/ALTtochangeyourcurrentselectiontool.
Keyboard commands:
Toselecteverything:
Mac:COMMAND-A
Win:CTRL-A
Todeselecteverything:Mac:COMMAND-D
Win:CTRL-D
KeyboardMouseCommands:
AddtoSelection(SHIFT)+
CLICKanddrag
SubtractfromSelection(holddown
OPTION/ALT)+CLICKanddrag
-
8/8/2019 Ps CS5 -- every tool explained
12/211 OER/CBEPHOTOSHOP
SELECTION MENU
ALLSELECT>ALLselectstheentire document.Usefulifyoupastedalargerimage intoanexistingdocumentandwanttotrimit.Oryouwanttocopyorcutitoutforpasting.COMMAND/CTRL-Aisthekeyboardequivalent.
DESELECTWheneveryouwanttoturnoffaselection.Thekeyboardcommandismoreuseful;COMMAND/CTRL-D.
RESELECTSHIFT-COMMAND/CTRL-Dtoreselectaselection(previousone).
INVERSEUsefulcommand.EspeciallyusefulforisolatingdesiredareasinanimagebyselectingwhatyoudontwantthanSELECT>INVERSEtocreatethedesiredselection.
Inthisimagethemagicwandwasusedtoselectthewhitebackground,whentheinversecommandwasexecut -edtheboxesintheimagewereselected.
FEATHERThissetsthefeatheringforthecurrentselectiononly.
Itssaferthanusingtheoptionssettingforaselectiontool.Itisrecommendedthatyouleavethefeatherrateset
to0ontheoptionsbar,andwhenyouwanttofeatheraselection,usetheSELECT>FEATHERoption.
OPTION-COMMAND-DonMACbringstheDialogBox,ALT-CTRL-DonWindows.
MODIFYSELECT>MODIFYbringsupadialogboxwiththefollowingchoices:
Border-UsefulforremovingHalosonanimage.Themarqueewillbethehalfwaymarkwithintheborder.
Smooth-Willroundoffsharpcorners.
Expand-Enlargescurrentselection,butmaytrytocutcornersinstraightedgedselections.Thisproducesroundedcor -nersonrectangularshapes.
Contract-Reducessizeofselection.PSwilltrytomaintainselectionsshape.
-
8/8/2019 Ps CS5 -- every tool explained
13/21OER/CBEPHOTOSHOP 1
GROWThiscommandisdependentontheoptionssettingofthemagicwandtool.Itoperatesinasimilarway.Itwill
expandaselectiononlyforcolorssimilartotheonesinthecurrentselection.Butitsrestrainedsimilartohaving
contiguousselected.
SIMILARSameasGROWbutitwillexpandaselectionacrossanentireimage.
Selection area before command.
The command.
The result.
-
8/8/2019 Ps CS5 -- every tool explained
14/211 OER/CBEPHOTOSHOP
LOAD SELECTION
Youcansaveselectionstoreuse,andSELECT>LOADSELECTIONbringsupthemenuwhereyoucanpick
whatsavedselectionsyouwanttoload.
SAVE SELECTION
Whenyouspendalotoftimemakingaselection,youmaynotwanttohavetodoitagain,sosavingtheselec -
tionbecomesanoption.Yourprojectmightalsobenetfromusingthesameselectionagainfordifferentopera -
tions.SoSavingtheselectioncanbeausefulthing.Thesavedselectionsstaywiththedocument.Andthedocu -
mentwillbeaPHOTOSHOPformatdocument.IfyoudoasaveasJPEGPHOTOSHOPwontlikethatand
giveyouanerrormessage,sayinglemustbesavedasacopyandthelenameeldinthesavedialogboxwill
haveyourlenamewithcopystuckin.
NotethattheSAVEDselectionsstaywithyourdocument,andonlythenwhenitissavedinthePSDformat.
PHOTOSHOP Elements Only:
DELETE SELECTION
RemovesselectionsfromtheDocument.InCSyouneedtoonlylookinyourchannels,andtrashanyselections
youdonotwant.
InPHOTOSHOPCS
TheSelectMenuhasTRANSFORMSELECTION&COLORRANGE.
InPHOTOSHOPElementsTheSelectMenuhasDELETESELECTION
-
8/8/2019 Ps CS5 -- every tool explained
15/21OER/CBEPHOTOSHOP 1
PHOTOSHOP CS only:
TRANSFORM SELECTIONAllowsyoutomodifyyourselection.Skew,Rotate,Resize.
Hereisasampleexercisetoseeforyourself;
ABCBlock.
IfIwanttorotatetheBtolineupwithA&C.Iwantto
usetherectanglemarqueetoselecttheBbox.
SinceitisonanangleIcancreateastandardboxandusetheSELECT>TRANSFORMcommandtomodifythe
selectiontotovertheBbox.
Themarqueewillbecomeaboundingboxthatcanrotate,resizeandreshape.
Iwillneedtoturnoffthe
boundingboxafterrening
theselection,clickingonthe
toolagain.
NowIcanrepositiontheLetterbyselectingandrotatingwiththeMOVEtool.
Version Update;PHOTOSHOP CS2 haschanged the wording bound-ing box toShow Transform Controls onthe options bar for the MOVEtool.
-
8/8/2019 Ps CS5 -- every tool explained
16/211 OER/CBEPHOTOSHOP
PHOTOSHOP CS only:
COLOR RANGE:
Essentiallyactslikethemagicwand,butmorepowerful.
WithitsdialogboxyoucanincreaseordecreasetheselectionbasedonfuzzinessEyedroppertoolsareavail -
abletoaddtoordecreasetotheselection.
ThepreviewisgreatforseeingtheselectionineitheraGrayscale,Black/WhiteMatte,oraMASK.
After clicking OK this is the selection marquee
-
8/8/2019 Ps CS5 -- every tool explained
17/21OER/CBEPHOTOSHOP 1
Alternate Selection Methods
Crop Tool:
Allowsselection.Forresizingandrotating.
OptionssameinPSCS&PSEexceptpresetsarefoundbymousedownonCROPsymbolintheoptionbar.
OnlyPHOTOSHOPCShasthePerspectiveoptionwhentheCroptoolisselected.
CROP & STRAIGTEN (CS)
DIVIDE SCANNED PHOTOS (E)Thisautomatedfeaturewilltakeanimagefromyourscanner,comprisingofdistinctseparatepictures,anddi -videthescannedimageintoindividualimageles.
DoNotOverlapimagesforthistowork.
InCSFILE>AUTOMATE>Crop&StraighenPhotos
InElements:IMAGE>DivideScannedPhotos
Type Tool:CanusetheTypeToolasaMask.
NOTE:Crop&Straighten
Toolsworkbestonimages
scannedover10dpi
-
8/8/2019 Ps CS5 -- every tool explained
18/211 OER/CBEPHOTOSHOP
PHOTOSHOPCSOnly:
Quick Mask:Youcancreateselectionswitheraserandpaintbrushtoolsusingquickmask.QuickMaskhasmorepowerthan
theselectionbrushinElements.
Theredisthemaskedarea,which
ISNOTselected.
Thepaintbrushwasusedto
smooththeselectionedges,and
hereaneraserisremovingsome
mask,expandingtheselection
area.
-
8/8/2019 Ps CS5 -- every tool explained
19/21OER/CBEPHOTOSHOP 19
EXERCISES
Lemons.Opencolors.jpg
Usethemagicwandtoselectthewhitebackground.
SetToleranceto28andcheckoffcontigous
EverythingbuttheLemonswillbeselected.
Wewillnowisolatethecolorlesslemoninthemiddle.
GotoSELECT>INVERSE.
NowalltheLemonsareselected.
ChangeyourtooltotheLASSOtool.
Intheselectionsbox[picture]optionspicktherightmostsymboltodoanINTERSECT
Nowdrawaroundthegraylemon.YouonlyneedtodrawalooseellipsearoundthatoneLemon.
Letupthemouse,onlytheGrayLemonshouldbeselected.
-
8/8/2019 Ps CS5 -- every tool explained
20/210 OER/CBEPHOTOSHOP
Scanner AutomationOpenscannerbreakdown.jpg
GotoImage>DivideScannedPhotos
SitbackandwatchElementsbreaktheoneimageintomultiple.
Itworksbylookingfordenededges,andrectangleshapes.Ifyourantheprocessonthelemonimage,youwill
seeeachlemonasanewimage,butpoorlyselected,withedgescroppedoffandpiecesoftheotherlemonsap -
pearingintheimage.
Mr Potato Head
Usingthevariousselectiontools,makeaPotatoHead(melonhead).
-
8/8/2019 Ps CS5 -- every tool explained
21/21
An Online version (in color) is available at:
http://cobweb.aecom.yu.edu/workshops/photoelements/OER_CBE_PS2.pdf
Other Workshops listed on our calendar at http://cobweb.aecom.yu.edu/cbe/
Contact ino: Ofce o Computer Based Education 718-430-2870
Email us: [email protected]
Peter Schmidt : [email protected]
Julianna Nova: [email protected]
Adam Hochman: [email protected]
Xiaoen Peter Shen: [email protected]>