Click here to load reader

Photoshop tutorial

  • View

  • Download

Embed Size (px)



Text of Photoshop tutorial

  • 1. Photoshop TutorialWednesday, January 24thSLAMET NOVIARDI

2. Getting StartedFile > NewSelect the size of the blank document that youwant to create. Pay special attention to yourchoice of resolution. If youre creating animage for the web, 72 pixels per inch willsuffice. If youre creating a detailed artproject, you want at least 300 pixels per inch,but obviously the more the bettter. 3. A Few Words About ColorComputers recognized many different colorformats. Some common choices include:1) RGB color - lists a value between 0 and 255for each of the {Red, Green, Blue}components of a color. (0, 0, 0), theabsence of color, is completely black. (255,255, 255), the presence of all colors, iscompletely white. Most Photoshop artistswork in RGB. 4. A Few Words About Color2) CMYK color - lists a percentage ofeach of the colors {Cyan, Maroon,Yellow, blacK}. CMYK can best bethought of as the color printer cartridgecolors. Some graphics designerschoose to convert their work (after it hasbeen done in RGB) to CMYK so thatthey have a better sense of how itsgoing to look after it is printed. 5. A Few Words About Color3) Grayscale - this is exactly what itsounds like. Its a color mode thatoperates entirely in black and white.Usually in order to convert an image tograyscale, you will first need to flatten it.(More about this later) 6. A Few Words About Color4) Bitmap - Only allows for black and white dots(pixels); I wouldnt recommend using this inmost cases5) Lab color - Represents color with 3components: {Lightness, color value from redto green, color value from blue to yellow}.This is another non-standard color channel. 7. Dont Forget To Save Your FileFile > Save AsThe default format for Photoshop files is aptlynamed Photoshop Format. Keeping yourdocument in Photoshop format is a good ideaif youre planning to go back and edit it later.However, if you want to e-mail it or put it on awebsite, you will want to change the format tosomething more universal. 8. Popular Format Choices, Explained1) Photoshop PDF - PDFs have gotten a badreputation here in the Mac Lab, mostlybecause we dont print them. However, PDFwas developed by Adobe for file-sharingpurposes, which makes it an excellentchoice for e-mailing a document tosomeone else (particularly someone whodoesnt have the same version of AdobePhotoshop that you do). 9. Popular Format Choices, Explained2) TIFF - Tagged Image File Format,another format that is pretty universallyreadable. 10. Web FormattingFile > Save For WebPhotoshop has a special Save For Webfeature that allows you to choosebetween GIF, JPEG, PNG and WBMPformats. It also allows you to choosebetween High, Medium and Lowquality resolution. 11. Size IssuesEven the steadiest hands make smallmistakes with a mouse. The best way tominimize the visibility of these mistakesis to zoom in sufficiently far on yourproject so that any mistakes that youmake are not apparent once the projectis restored to normal size. 12. Simple Photo Re-touchingSuppose that we want to re-touchLimeCat. 13. Simple Photo Re-touchingMaybe we dont like the brown spot onLimeCats lime. We want to find a wayto fill in an appropriate texture and colorto match the rest of the lime. Using therubber stamp tool, we can do just that. 14. Using the Rubber Stamp ToolTo use the rubber stamp tool, first selecta brush size that looks appropriate forthe error that youre correcting. Therubber stamp is a cloning tool, and youdont want your cloning area to be toolarge. 15. Using the Rubber Stamp ToolNext, select the area that you wish toclone by holding down the option keywhile you click the mouse over thatarea.Now, dab the mouse in short strokesover the area that you wanted to coverup (ie. The brown spot on the lime) 16. Look at the Difference!The one on the right has been re-touched. Ialso removed some unwanted whiskers. 17. Cutting Out An ImageSuppose that we want to (precisely) cutout a picture of Homer Simpson. 18. Cutting Out An ImageUsing the magnetic lasso, trace(approximately) the border of theimage. Youll notice that this is difficultto do in a precise manner (even if youare viewing the image at 400% itsactual size). We will use the maskfeature to make our selection moreprecise. 19. Cutting Out An ImageClick on the button that looks like a grey boxwith a white circle inside of it on the toolbar.This will enable you to enter the maskmode.Once you are in the mask mode, you will noticethat the area that doesnt show up in red isthe area that you have selected (the redhighlighted part is the throwaway area). Byusing the eraser and the paintbrush tools, youcan add or subtract from this red area withamazing precision. 20. Cutting Out An ImageOnce the selected (white) area on your image isto your liking, exit from the mask mode.Edit > Copy will copy your image and allow youto paste it into a new document.Tip: In Photoshop, it is always a good idea topaste an image onto a different layer from itsbackground. This will make it easier to moveyour image around the canvas. 21. Overlaying Two ImagesFor Example:We put the image of Homer Simpson on layer 1, leavingthe photo of the University of Chicago campus as thebackground, layer 0. 22. Overlaying Two Images New LayerGo to the layer tool bar at the right of the screen and click on thearrow in the upper right hand corner.The default opacity level is set to 100%. You can always changethis later if you want your layer to allow some of the backgroundto show through.Note that the color does not affect the color of the content of yournew layer, it just creates a tag of that color on the toolbar to helpyou organize your layers or flag layers that still need work. 23. Overlaying Two ImagesWhat was bad about the precedingimage?You will notice that Homer Simpson stilldoesnt quite fit with the background.Theres a blurry edge that goes all theway around Homer that seems toseparate him from the University ofChicago campus. 24. Overlaying Two ImagesThe image on the left looks much more natural than the image on theright, namely because we used the rubber stamp tool to clone thebackground over the white border in the Homer layer (layer 1). 25. Using One Layer As A TemplateOne useful layering trick is to take aphotograph, place it on one layer, and thencreate new layers on top of it to trace differentparts of the photograph.Once youre finished with tracing thephotograph, you can hide this layer byclicking on the eyeball icon on the Layertoolbar. 26. Layer Template ExampleI created this drawing of my cat by tracing a photograph of her. Iused over 100 layers to create it, assigning one color to eachlayer. 27. Text Special EffectsHow to make drop shadow text with(optional) sparkles:Ex. 28. Instructions1) Create a black background2) Write text (should automatically open in a newlayer)3) Hide background layer so that you can see the text4) Make a Duplicate Layer. Change the color of thetext in this layer to white.5) Select Gaussian Blur for the Duplicate Layer fromthe Filter Menu.6) Move the Duplicate Layer beneath the Text Layeron the layers list. Now feel free to move theDuplicate layer in relation to the Text layer in orderto get the drop shadow effect that you want. 29. Resources for FurtherPhotoshop StudyWeb Resources:1) Adobe Design CenterThis website is run by the makers of Photoshop. About: Graphics SoftwareThis website has a large number of free Photoshop tutorials and tips. Courses:1) The Apple Store on Michigan Avenue offers two free weekly courses: Adobe PhotoshopElements and Adobe Photoshop Pro Workshop.For schedule, see : Adobe offers some fairly expensive professional training programs.For more information, see: