lesson content

• background images with CSS
• file formats and PNG warnings
• Photoshop selection techniques
• working methods in Photoshop

lesson notes

• images can be either directly embedded ito the page via HTML - or used as background images via CSS
• any embedded image needs 4 essential elements: the image source, an alt tag (to show alternative text), as well as width and height values
• values for image sizes in HTML are specified by measurement in pixel (without adding the unit), ie width=”120″ [NOT: width=”120px”]
• GIF - use for flat coloured images such as logos (transparency with matte) = safe across all browsers
• JPG - use for images with shading such as photos (no transparency) = safe across all browsers
• PNG - quality fo JPG with transparency (refined transparency) = safe only across modern browsers (IE6 does not support PNGs, need to be replaced with GIFs)
• when editing images - always use layermasks to allow for maximum editablilty
• always save the working file including all layers (make sure to name your layers for a better workflow)

download PDF

• ↓ selection techniques
• ↓ working methods
• ↓ (source files - working methods)
• ↓ image filled text

net talk

• photoshopsupport.com Selecting & Extracting Hair - Masking Tutorial
• flickr.comImproving the Quality of Photos
• layersmagazine.comcollected tutorials

net references

• bittbox.com The Annoying Phantom Brush
• photoshopsupport.com Photoshop Keyboard Shortcuts
• good-tutorials.comPhoto retouching