Photoshop for Web Graphics

Photoshop allows web designers to produce a wide variety of optimised graphics by manipulating and composing scanned or drawn images, using powerful layering and masking techniques and a wealth of special effect filters.
 
Learn how to create and optimise your images for the web.
 
BASICS
- Basic Photoshop concepts
- Ways of acquiring images
- Overview of Photoshop tools
- Background and foreground colours
- How text works in Photoshop
- Photoshop and web graphics creation
- Colour and web graphics
 
CREATING WEBSITE GRAPHICS
- Logos
- Header images
- Navigation Bars
- Backgrounds
- Gradient Boxes
- Buttons
- Banner and other adverts
 
SELECTION & MASKS
- Use of layer masks in montage
- Rectangular and elliptical marquees
- Using the lasso tool
- How the magic wand works
- Subtracting and adding
- Essential keyboard image navigation
- Transforming and editing

TOOLS AND LAYERS
- Brushes and brush types
- How text works in Photoshop
- The advantages of using layering
- Transforming and distorting
- Layer blending modes  

IMAGE PREPARATION & RETOUCHING
- Layer masks adjustment layers
- Colour correction techniques
- Using levels. Levels explained
- Colorizing greyscale images
 
COMBINING IMAGES
- Creating montages
- The gradient tool and selection
- Working with multiple layers
- Overlaying images
- Ways of combining images
- Creating layer masks
 
WORKING WITH PATHS
- Creating and saving paths
- Converting selection to paths
 
FILTERS AS TOOLS
- Tips on using filters
- Blurring and sharpening

IMAGES FOR THE WEB
- Slicing an image
- Animation
- Saving animation for the web
- Mocking up a website in Photoshop
- Photoshop and Dreamweaver
- Transferring designs to Dreamweaver
 
EXPORTING FILES
- Setting transparency for web images
- Optimising images for the web
- Resolution considerations for the web
- Examination of file types
- Advantages of various formats
- Converting the image type