Monday, February 11, 2008

Photoshop cheat sheet

Here are some of the basics that we discussed in class.  Remember, these are the absolute basics.  To unleash the true power of photoshop, unnecessary for most web publishing, I recommend a graphic design class.

Workspace brightness: Be sure that the brightness on your monitor is turned all the way up before you get started.

When working with images from the Journalism network: Be sure to save the image first to your desktop or someplace that's yours.  Otherwise you will be modifying the base image we expect everyone to start with.  When you save your "final" version of the image, save it to the "JRN 320 Liss" folder with your name as part of the filename.

File info: Under File > File Info you will often find caption and credit information.

Resolution and page load: Almost all images on the Web are set at 72 dpi or pixels/inch - technically not the same term, as you'll see if you investigate further at techsoup.  When you do a "file > save for web and devices" this will optimize your images to 72 dpi.  Even large images on the web (500x300 is pretty big) shouldn't be more than 60K.  While high-speed internet connections have obviated most concerns about overloading, you should still take care not to weigh down a page with much more than 100K of image load, unless the page is specifically set up to display a bunch of large images (and your users are prepared).

Resolution and cropping: Your source image may well be higher-res than 72 dpi. It's often a good idea to start with as hi-res an image as possible so you have minimum constraints when cropping for a particular photo slot on a web page.

Measurements and rulers: Best to use pixels as the global measurement when working in photoshop for the Web.  Photoshop > Preferences > Units & rulers -- then under "units" set ruler to "pixels" and set "type" to "points"  

Crop tool: Use the crop tool to pre-set the pixel size (and h/w ratio) for the photo slot you are cropping for.  Click on the crop tool and set hight and width dimensions in pixels in the boxes near the top of the screen.  Then drag the tool over your image, noting that the proportion is perfect for your desired result.  When you stop dragging, right click for a crop/cancel menu, or go to Image > Crop.

Rectangle highlight: Use the rectangle highlight tool to select part of an image. That part may then be cropped (Image > crop) or singled out for various other effects and filters.  

Image size: To find out the size in pixels of any image you are working with, do a select-all on the image and then look in th "info" box in the right rail of your Photoshop desktop.  To re-size an image, go to Image > Image Size, then set the image dimensions to what's desired. Note that once you change one dimension, PS will automatically adjust the other to keep the correct proportion.

Lightening, darkening, contrast, color adjustment: There are many options for these types of adjustments in PS.  The simplest and quickest (even if it may not be the most advanced and precise tool) is Curves (Images > Adjustments > Curves).  Making sure the preview box is checked, drag the diagonal bar up and left to lighten an image.  Sometimes slight adjustments are all that's required, and you should always be careful not to washout an image by sliding too far.  If curves don't get the job done, consider some of the "auto" adjustments under Image > Adjustments (Auto Levels, Auto Contrast, for example).  Dive in for manual adjustment as you have time to practice.  It's not likely you'll ever need to go beyond curves and the auto adjustments for basic adjustment for web work.

Sharpening images: Any time you make an image smaller than the original, you will lose sharpness.  Use Filter > Sharpen as your final step before saving to get the image as sharp as possible.  If you have only slightly decreased the image size, Sharpen could leave you with some odd shine around the edges of faces or other borders. If this happens, consider not sharpening.

History and Undoing steps: Make sure the History window is open in the right rail of your desktop. If it isn't, go to Window > History.  You can then select any action you've taken since opening it and delete it, reverting back to a prior state of your work.  Undo will work for your very last step only.

Save for Web: You will want to configure this feature to allow one save box to create a 60 percent quality - usually just fine. Make sure the file type being saved is jpg.

No comments:

Post a Comment