Learn photoshop CC with pictures the visual fast way to learn photoshop

476 0 0
  • Loading ...
1/476 trang
Tải xuống

Thông tin tài liệu

Ngày đăng: 28/07/2020, 00:08

Formyartworks,SweetDrawingBlogs,and more,pleasevisit:Foranyfeedbackorfeature coveringrequestE-mailmeat:Mie@SweetMonia.com http://SweetMonia.com TableOfContents Preface 19 Gettingresultsfromtheverybeginning 19 Lessreading,morelearning 19 LearnPhotoshoponthego 20 ClearInstructions 20 ChaptersLayout 21 Thefutureofthisbook 21 PhotoshopuserInterface 22 Inthischapter 22 AbrieflookonPhotoshopuserinterface 22 Theoptionsbar 23 WorkingwithPhotoshopPanels 24 Showingandhidingapanel 25 TheToolsPanel 29 Workingwithworkspaces 33 CreatingANewWorkspace 34 CreatingNewFilesInPhotoshop 36 TheHandTool 44 Summary 46 GettingStartedWithTheBrushTool 48 YoucanusetheBrushToolto:- 48 Thebasicsofthebrushtool:- 48 SoftVSHardbrushtip 49 Brushflowandopacity 49 Togetthedifferencebetweenthetwo,dothefollowing:- 50 ThePressureSensitivityOption 52 CreatingasimpleLogo 53 Drawinga3Dball 54 Howtochoosetherightvaluesforyourbrush:- 55 Summary 55 Blendingmodesofthebrushtool 56 Clear 58 Darken 58 TheNormalGroup 59 NormalMode 59 Multiply 60 LinearBurn 61 Darkercolor 62 TheLighteninggroup 63 Lighten 63 Screen 63 ColorDodge 64 Lineardodge 64 TheContrastGroup 66 Overlay 66 Softlight 66 HardLight 67 VividLight 68 LinearLight 68 PinLight 69 Difference 71 Thecolorcomponentsmodes 73 Hue 73 Saturation 73 Luminosity 73 HueBlendingMode 74 LuminosityBlendingMode 75 Color 76 Examples 76 Makethembothblue:- 76 CreateGeishagirls 79 Makewhitepenguins 79 Conclusion 80 BlendingModesResources:- 80 Summary 80 LoadingnewbrushesInPhotoshopandcreatingnew ones 82 LoadingnewbrushesinPhotoshopafterdownloading themfromtheweb 88 AWordAboutdownloadingbrushesonlineand copyrightsissues 91 CreatingyourownbrushesinPhotoshop 92 Examples 95 Drawingaspace 95 Addinggrassestoapictures 97 Summary 98 Workingwithlayersandmanipulatingthem 99 Whatarelayers? 99 WorkingwithPhotoshoplayers 101 Thelayerspanel 102 Tochangethelayeryouaredrawingon:- 102 Tochangethesizeofthethumbnailofthelayers:- 102 Tocreateanewlayer 104 Toarrangelayersinthelayerspanel 104 DeletingLayers 105 Renaminglayersfromthelayerspanel,thefastway 106 Hideandshowlayer 108 Someusefultips&tricksaboutlayers 111 Selectinglayersquickly 111 Thelayerlockmodes 112 Thebackgroundlayer 114 Tochangethebackgroundlayertoanormallayer,dothe following:- 114 Tomaketheselectedlayerabackgroundlayer,dothe following:- 115 UnserstandingLayerMask 116 WorkingWithLayersMasks 119 Makeanimagebrighter 121 SurroundEiffelTowerWithAThread 121 Blending/MixingTwopicturestogether 122 Summary 124 Photoshopselectiontools 126 Theshapesgroup 126 TheRectangularMarqueeTool 126 TheEllipticalMarqueeTool 127 SingleRowMarqueeTool 128 TheLassoGroup 129 TheLassoTool 129 ThePolygonalLassoTool 130 TheMagneticLassoTool 131 TheWandsGroup 134 TheWandTool 134 TheQuickSelectionTool 139 DecidingwhatPhotoshopselectiontooltouse? 141 MoreaboutPhotoshopselectiontools 141 NewSelection,Add,subtract,intersectionselection Options 141 NewSelection 141 Subtractselection 143 Convertingalayerintoselection 146 Movingtheselectioninsteadofitscontents 149 Modifyingselectionsaftermakingthem 149 Border 150 Smooth 151 Expand 152 Contract 153 Theselectmenuoptions 154 All 154 Deselect 154 Reselect 154 Inverse 154 Examples 154 Creatinganarmyofmen 155 Drawingabettersky 155 TheNewModel 156 Summary 158 UsingPhotoshoppentool,andanintroductiontoBézier curves 160 AdvantagesofPhotoshoppentoolovertheother tools 160 Aneasystart,drawingstraightlines 161 Drawingcurvesusingthepentool 162 UsingPhotoshoppentoolInPractice 167 DrawingstraightlineswithPhotoshopPentool 167 Gettingtodrawcarves 169 DrawingSimpleArcWithPhotoshopPenTool1 169 DrawingSimpleArcWithPhotoshopPenTool2 171 Drawingvariouscurvesusing3lines 174 Creatingasimplecurve 174 Creatingabrokencurve 176 ALittleSummaryBeforeWeContinue 179 Editingthepathafteryoucreatedit 179 Thepathselectiontoolsgroup 180 Thepathselectiontool 180 TheDirectSelectionTool 181 ThePenToolsGroups 182 MoreonPhotoshoppentoolandpaths 184 Turningapencurveintoselection 184 Freedompentool 185 Fillingapathwithpixelsrightaway 187 LearnPhotoshopPentoolwiththeBézierGame 194 Examples 194 Makingahardselection 194 Creatingasignature 195 CreatingComplexDrawings 196 Summary 197 CroppingImagesinPhotoshopusingtheCropTool& RectangleMarqueeTool AndAnIntroductiontoaspect ratio 198 Whatcroppingimagesmeans? 198 CroppingimagesinPhotoshopusingtheCropTool 199 AboutAspectRatio 201 UsingtheCropTooltocropapicturetoacertainAspect Ratio 206 UsingtheRectangleMarqueeToolForCroppingimages 208 UsingtheRectangleMarqueeTooltocropapicturetoacertain AspectRatio 209 Makingselectionsofacertainsize 212 MoreontheCropTool&Cropping 214 ChangingtheappearanceoftheShield(PhotoshopCS6and later) 215 SettingTheAspectRatioOfTheCropToolfromAnExisting Image 219 Croppingpicturesusinganon-rectangular selection 221 CroppingapicturetofittheAspectRatioofaforum avatar 222 Summary 224 ResizingImagesinPhotoshopandCanvas 225 Whywouldanyoneresizeimages? 225 ThebasicstepsforresizingimagesinPhotoshop 225 Resizingtheimagecanvas(insteadofthepicture itself) 229 Resizingtheimagecanvasinacertaindirection 233 Addingthememetextonthepicture 236 MoreaboutresizingimagesinPhotoshop 237 AmoredetailedlookontheImageResizeDialog 237 Thepixeldimensionssection 238 TheDocumentSizeSection 238 TheImageSizeDialog(PhotoshopCCandlater) 239 Moreaboutresizingthecanvas 241 ResizingCanvas:-DecidingthedirectionintowhichPhotoshop will 241 Therelativeoptioninthecanvassizedialog 243 WordaboutresizingimagesinPhotoshop 244 Summary 246 AllAboutPhotoshoptypetools 247 PhotoshopTypeTools 247 AddingtextPhotoshopusingtheHorizontalType Tool 247 EnteringaverticaltextusingtheVerticalTypeTool 248 CreatingtextselectionsusingtheHorizontalTypeMaskTooland verticalTypeMaskTool: 250 PhotoshopTypeToolsoptions 253 Itseemsalittlebitdark,doesn’tit,nowlet’sopenthelevelsdialogandlookatitsHistogram:Image12016.PNG Andtheimageisindeeddark,astherearealotofpixelswithdarkvalues,thisisnotexactlyabad thing,butitusuallyis Andinthiscase,wewantthevaluestobemoreevenlydistributedtosome degree Sotore-distributethevaluesoftheHistogram,intheLevelsdialog,dragtherighthandle,whichis alsocalledtheHighlightshandle,totheleft,justlikeitisshownhere:Image12024.PNG HereishowIdraggedtheHistogram:Image12032.PNG Nowlet’stakealookonhowthingsaregoingtobeonthehistogram:Image12041.PNG ThepartframedingreeninthepictureaboveisgoingtostretchandbecomethenewHistogram,and thepartframedinRedisgoingtobeeliminated NowclickOKintheLevelsdialog,andthenopenitagain,hereishowitlookslike:Image12052.PNG NoticehowthepartoftheHistogramweselectedhasbeenstretched,anditbecamethenew Histogramnow ThenewHistogramlooksabitchoppy,butthat’sbecausewedon’thaveenough valuestofilltheHistogram,butthat’sfine,hereishowtheSquirrelpicturelookslikeafterthe adjustment:Image12064.JPG Whichlooksmuchbetter,orhasabetterexposure,astheysayinPhotography~ Let’spickanotherpicture:Image12072.PNG Thisissuchagoodpicture,exceptthatthelightdoesn’tseemright Let’stakealookatthepictureHistogram:- Image12080.PNG That’ssuchanirregularhistogram,manyofthevaluesbarelyhasanypixelsassignedtothem,so let’sadjustthehistogramusingLevels,thisishowIadjustedthevalues:Image12087.PNG Ifyouhavethe“Preview”checkboxchecked,youwillbeabletoseethepicturechangeinrealtimeas youmovethehandles HereishowthepicturelookslikeafterIadjustedit:Image12095.JPG Doesn’titlookmuchbetter? AsIsaid,youdon’thavetounderstandanythingabouthistogramtouseLevels,butitisreallyworth itinthelongtermtolearnalittlebitaboutit Also,youdon’tneedtoopentheLevelsdialogeverytimeyouwanttoseethepictureHistogram,as youcanviewitusingtheHistogrampanel,whichcanbeaccessedbychoosingWindow->Histogram fromthemainmenu:- Image12103.PNG HereishowtheHistogrampanellookslike:Image12112.PNG Bydefault,theHistogrampanelshowsonly128differentvalues,asopposedthefull256valueswe haveseensofar,thisisbecausethepanelisshowninthecompactviewbydefault,toswitchthe Expandedview,clickonthemenubuttononthecorneroftheHistogrampanel,andthenchoose CompactViewfromthemenu:Image12120.PNG AndtheExpandedHistogramwillappear,whichshowsmoreinformationandvaluesthanbefore:Image12128.PNG ColorBalance Colorbalanceallowsyouincreaseordecreasethevalueofacertaincolorinaverysimpleway SaythatyouhavethefollowingSunfloweriMacpicture:Image12137.JPG Itseemsalittlebityellowish,somethingthatwewanttochange,todothat,allwehavetodoisto decreasetheYellowfromthepicturetosomeextent,whichproducesthefollowingpicture:Image12149.JPG Whichlooksmuchbetter Nowlet’stakealootatthiscarpicture:Image12162.PNG Thepicturehasnothingwrongwithit,butsupposewewanttoaddsomebluetonetoit?Thiscanalso bedoneusingthecolorbalance:- Image12169.JPG Nowweknowwhatthecolorbalanceisusedfor,let’stakealookatthedialogwherewecandoall that:49299.jpg Thereare3slidersintheColorBalancedialog,onethatincreaseordecreaseRed,anotherthatdo thattoGreen,andthethirdtodoittoBlue Draggingtheslidertotherightincreasethe correspondingcolorvalue,anddraggingittotherightwilldecreasethecolor Ofcourse,insteadofpullingthesliders,youcanentertheexactvaluetobeadded/subtractedtoeach ofthe3basiccolorsfields:- 49306.jpg Andofcourse,youcantypenegativenumbersinthefieldsaswell TheradiobuttonsatthebottomofthedialogdetermineswhichcolorrangesthatPhotoshopwilladd thecolorto Itcanbetheshadows(thedarkareasinyourpicture),thehighlights(theareaswithmore lightthantheothersareas),orthemidtones(theareawithvaluesin-betweenHighlights&Shadows), mostofthetime,youwillwanttobalancethecolorofmidtones,butitisveryusefultoknowabout these 49314.jpg Hue/Saturation TheHue/SaturationworksthesamewayastheColorBalancedialog,exceptthatinsteadofadjusting theRGB(Red,Green&Blue)colors,itaddstotheHSLvaluesinstead HSLisoneofmanywaysto representcolor,andinthataspect,Photoshopisgivingyoumorewaystoadjustyourcolors,whichis agoodthing Ifyouarereadingthisbookinorder,thenyoualreadyknowwhateachoftheHSLcolorsystem componentsis,butIwillgothroughitquicklyincaseyouhaven’t:HinHSLstandsforHue,orthecoloritself,redisconsideredredwhetherislightordark,and whetherithasahighredvalueornot TheSstandsforSaturation;Itdetermineshowmuchofthecolorthereis WhatImeanis,take redforexample,redcanbefaintredorstrongone,thepowerofthecolorisdeterminedbythe saturationvalue,havingthesaturationsetto0meansthatthecolorwillbegray TheLinHSLstandsforLightness;itdetermineshowdarkorlightthecolorhas Ortoexplain itinanotherway,itdetermineshowmuchwhitethereistothecolor AlltheHSL3valuesworktogethertohelpyouadjustyourimages,hereishowtheHue/Saturation dialoglookslike:Image12200.PNG ThewaythedialoghasslidersmakesitsimilartotheColorBalancedialog,usingitiseasyaslong youknowhowtheHue,Saturation&Lightnessvaluesdo ToplaywiththeHue/Saturationdialog,let’stakethefollowingflowersphoto,whichhasflowersof multiplecolors:Image12208.JPG AsIsaid,Huecontrolsthecoloritself,sobyincreasingordecreasingtheHuevalue,alltheflowers colorswillchangetosomethingelse:- Image12216.PNG DecreasingtheSaturationoftheflowerspicturetakeslifeoutofthecolorandmakesthecolorskind ofdepressing Unfortunately,increasingtheSaturationinthispicturedoesnothingtoit,becausethe flowersinthepicturealreadyhaveaveryhighsaturation Image12224.PNG IncreasingtheSaturationinanotherpicturewillgetyoumuchbetterresults:Image12233.PNG Thelastoption,whichisLightnessallowsyoutoincreasethewhitecomponentinthepicture,tosome extent,itcontrolshowmuch“Light”thereisinthepicture:- Image12247.JPG Ofcourse,whenyouadjusttheHSLvalues,therearemanycaseswhereyouwillneedtoadjust2or morevaluesatthesametime,justlikeIplayedwiththeSaturation&Lightnessrighthere:- Image12260.PNG Invert Invertisasimpleimageadjustmentoption,itcreatea“Negative”ofyourpicture,byinvertingallthe colorsinit,Inverthasnooptions:Image12267.PNG Desaturate Desaturateturnyourimageintowhite&black,itsimplychangeeachcolorintoitsgrayequivalent, there’snooptionstosethereatall,itisjustthatsimple:- Image12275.PNG Disadvantagesofeditingpicturesthatway,andwhatto doaboutthis Alltheseadjustmenttoolsareniceandall,buttheyhaveoneseriousdisadvantage Afteryouedityour pictureusingthesetools,theoriginalimagewillbegone,andunlessyouhaveacopyofit somewhereonyourcomputerorontheInternet,youwon’tbeabletogetitback Thisiswhatis called“DestructiveEditing” Thesolutiontothisiswhatiscalled“Nondestructiveediting”,whichpreservestheoriginalpicture, butstillallowsyoutoadjustittohoweveryouwantandgetthesameresults Non-destructiveeditingworksbycreatingalayerthatdoesaffectallthelayersbelowofit,sayyou createda“Brightness/Contrast”adjustinglayer,allthelayersbelowthatlayerwillbeaffectedbythe settingsofthatlayer Thatmeansyoucanmoveanylayerabovethatadjustmentlayersothatitwon’t beaffectedbyit Italsomeanthatatanytimeyoudon’twantthatlayertoaffectyourpicture,youcan easilyremoveitorhideit Adjustmentlayerscanbecreatedinmorethanoneway,myfavoritewaytocreatethemisfromthe LayersPanel,becauseitdoesnotrequiresmetoopenanyadditionalpaneltotakesomereal-estateof myscreen Tocreateanadjustmentlayer,simplyclickthe buttonintheLayersPanel,thenchoosethekindof adjustmentlayeryouwanttocreate:Image12290.PNG Image12297.PNG ThenewadjustmentlayerappearsinyourLayersPanel,whichyoucouldhideordeletejustlikeany otherlayer:Image12305.PNG Somewhereinyourscreen,usuallyintheupper-leftpartofit,thePropertiespanelwillappear,which allowsyoutoadjustthecorrespondentoptionsofthedialogyouchose,noticehowthe Brightness/Contrastsettingsarethesameastheoneswesawwhenwediscussedthedialog:Image12312.PNG Ifyoudon’tseethePropertiespanel,youcanchooseWindow->Propertiesfromthemainmenu:- Image12320.PNG Anotherwaytoaccessthepropertiespanelistodouble-clickonthepaneloftheadjustmentlayerin thelayerspanel:Image12329.PNG Thisisalsoagoodwaytoaccessthepropertiespanelortoedittheparametersofacertainadjustment layer Todisabletheadjustmentlayer,justclickontheeyeiconinthelayerspaneltohideit,hidingan adjustmentlayerstopsitfromaffectingthelayersbelowofit Image12341.PNG Andbecauseadjustmentlayersaffectsonlythelayersthatarebelowit,ifyoucreatedalayerand placeditabovethatlayer,itisnotgoingtobeaffectedbytheadjustmentlayer Summary Imageadjustingtoolsareagoodwaytoenhancethepicturecolorsandlighting,plusit allowsyoucreatesomegoodeffectsaswell Brightness/Contrastisaneasywaytoenhancethebrightnessorthecontrastinyourpictures Orifyouwanttomanipulateyourimagevaluesinacertainway BeforePhotoshopCS3,theBright/Contrastdialogusedtodestroythevaluesinyour images,youcanstillmakethedialogworkthatwayusingthe“UseLegacy”checkbox,but that’stotallynotrecommended Levelsdialogallowsyoutoadjustyourhistogrambyredistributingpartsofthehistogramso thatthevaluesarebetterdistributedoverthedifferentvaluesofyourpictures Histogramissmallchartsthatdisplaysallthenumberofpixelsthathasacertainvalue, sometimesthevaluesdistributioncanbeskewedandneedtobeadjusting TheHistogramPanelisanothergoodwaytoviewthehistogramofyourpicture,andwithout havingtoopentheLevelsdialog ColorBalanceallowsyoutoadjusthowmuchRed,GreenorBluearethereinthepicture, eithertofixsomeofthecolorunbalanceinit,ortoaddaneffecttoit Hue/SaturationworksinasimilarwaytoColorBalance,butitadjusttheHSLvaluesofHue, Saturation&Lightness Invertcreatesanegativeofthepicture,similartohowthecamerasfilmswerebeforethe inventionofdigitalcameras Desaturateremoveallthecolorsfromthepicture,andcreatesablack&whitepictureinits place,thisisusefulinmorethanoneway,youcanuseittoexaminethetonesofthepicture,or tocreateoldlookingpictures Andattheend Ihopeyouenjoyedthisbookandbenefitedfrom it,Iamopentoanysuggestionsonhowto enhanceit Ifyoulikedthisbook,pleasetweetaboutitand tellothersaboutit,asthatwillhelpmeexpandit andcreateevenmorebooks&contents ^^ ... Burning the face with the BurnTool 352 Saturatingapartof the picture 353 Photoshop ShapeTools 354 Photoshop ShapesTools 354 The RectangleTool 354 Another way to drawrectanglesusing the RectangleTool... Thisisdone the same way yougroup the panelstogether,exceptthatyouhover the mouseat the buttonof the panel(s)ratherthanitstitle,likethis:- The ToolsPanel The Toolspanelissimilar to the otherpanelsin Photoshop, butbecauseitisanimportantpanel... Anditwillhelpyou to understandmanyother Photoshop tools,like the eraseror the stamptool Astheyallwork the same way WhichiswhyIamgoing to start with it Youcanuse the BrushTool to: Imitatemanyreallifebrusheseasily,likewetbrushesandpastels
- Xem thêm -

Xem thêm: Learn photoshop CC with pictures the visual fast way to learn photoshop, Learn photoshop CC with pictures the visual fast way to learn photoshop

Tài liệu mới bán

Mục lục

Xem thêm

Gợi ý tài liệu liên quan cho bạn