Adobe Photoshop Web Graphics Introduction

2 day beginners Adobe Photoshop course and introduction to web graphics design.

Beginners Photoshop course which is an introduction to the basics of Photoshop and an introduction to web graphics design, image sizing and optimisation, and saving web images from Adobe Photoshop.

This Photoshop course is designed to provide familiarity with the interface and tools as well as covering basic techniques of web graphics design. It is specifically aimed at users who need to use Photoshop to create and prepare images and graphics for their web site or for HTML email

Photoshop web graphics design courses are available on-site (at your home or office) in Birmingham, Solihull, Midlands areas, Yorkshire, Manchester, Oxford, Bristol and around the UK

Adobe Photoshop training courses list


Photoshop Web Graphics Design Introduction - 2 day course outline


Day 1

Photoshop basics - interface and tools
Using the main tools and changing tool option settings
Using floating palettes: Layers, Swatches, History, etc.
Colour modes used for web graphics files - RGB and Indexed - the differences and limitations of each

Cropping & Rotating
Cropping images to remove unwanted areas
Rotating or flipping an image

Colour Adjustment
Adjusting the brightness & contrast with Levels
Adjusting image colours
Creating a tinted image

Creating text, setting text attributes, choosing colours
Applying drop shadow and emboss effects to text

Using the colour picker
Choosing RGB colours
Choosing web safe colours
Storing colours for later use
Filling areas with solid colour or gradient

Filters for image enhancement - sharpening and blurring

Resizing Images
Correctly re-sizing images so that you don’t get blurred or distorted images
Use Image Size, Canvas Size, and the Crop tool to resize your images to an exact size
Keeping image quality as good as possible when resizing

Vector shapes
Creating vector shapes using the built in shapes
Creating customised shapes or using a shape created in Illustrator
Changing the colour of a vector shape
Modifying a vector shape

Designing web graphics
Creating simple web buttons
Creating a simple repeating designs for web page backgrounds

Saving images and graphics for web sites
File formats and compression settings - the correct ones to use
Image optimisation and choosing the correct file format and settings


Day 2

Colour Adjustment
Changing the colour balance or removing a colour cast
Using the colour adjustment tools to create artistic colour changes
Setting areas of an image to pure black or pure white
Colour adjustments using Adjustment Layers

Organising layers and the content on them
Copying layers to other open documents
Using and editing layer masks
Using opacity and layer blending modes to obtain different effects when montaging

Selection Tools
Selection tool options, cropping to a selection - fixed aspect ratio selection
Saving selections - reloading and modifying saved selections later
Making a mask from a selection

Designing web graphics
Creating menu bars and pannels of buttons
Create a simple banner design or a header design to fit at the top of a web page, combining photographs, logo and text.
Create a simple animated banner or tile (requires Image Ready)
Bringing Illustrator artwork and graphics into Photoshop

Create a set of images, all of the same dimensions

Recording a series of steps to be performed on a number of images
Create an action to resize images
Naming, editing, saving, loading and running actions
Batch processing a complete folder of files

Slice tools
Create a header or page design and then cut that into sections and save as individual graphics which can be built into HTML page design.




Adobe Photoshop training is available on-site in Birmingham, Solihull, Coventry, Derby, Wolverhampton, Midlands areas, Yorkshire, Manchester, Oxford, Bristol and around the UK.

A one or two day custom web graphics course is available if required.


Adobe Photoshop web graphics training TOP