Adobe Photoshop Web Graphics Introduction

Adobe Photoshop beginners introduction to web graphics design.

Beginners Photoshop course which is an introduction to the basics of Photoshop and an introduction to web graphics design with Adobe Photoshop.

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

Courses > Adobe Photoshop training courses list

 

Photoshop web graphics design - course summary

Photoshop Course duration: 2 day
Level: Beginners and intermediate
Software: Photoshop CS3, Photoshop CS4, Photoshop CS5, Photoshop CS6, Photoshop CC.
Numbers: One to one or small groups of up to 4 trainees
Trainees in a group should have the same skill level and the same requirements.
Locations:
At client's office or home in Birmingham and Midlands areas and around the UK.

Photoshop Training Requirements:
You should have good general computer skills.
Some previous knowledge of design software would be helpful, but not essential.

 

Photoshop Web Graphics Design Introduction - course outline

 

Day 1

Introduction to Adobe Photoshop, the main tools and techniques, and how to prepare images and create some simple artwork for your web site or HTML email designs.

Photoshop basics - interface and tools
Using the main Photoshop Tools
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

Layers
Introduction to the use of Layers - organising, deleting, layer visibility

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

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

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

Filters
Filters for image enhancement - sharpening and blurring

Resizing Images for your web site
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

Designing simple web graphics
Creating some simple web graphics such as buttons or tiles
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

The second day of this course will show you more web graphics and Photoshop techniques. You will learn how to design a range of graphics and artwork for your website.

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

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

 

Resizing
Create a set of images, all of the same dimensions

Actions
Recording a series of steps to be performed on a number of images, such as resizing or colours adjustments.
Create an action to resize images
Naming, editing, saving, loading and running actions
Batch processing a complete folder of files

 

Designing web graphics
Create some web graphics, combining photographs, logo, graphics and text into the designs.
Design an advertising banner or tile.
Create a header design to fit at the top of a web page or HTML email, or create a simple web page design.
Bring Illustrator artwork and graphics into Photoshop

Slice tools
Take a header design or page design, cut that design into sections and save as individual graphics which can be built into web page design.

 

 

 

Adobe Photoshop training is available on-site in Birmingham and Midlands areas and around the UK.

A one day basic course or a 1 or 2 day custom web graphics course is available if required.

 

Adobe Photoshop web graphics training TOP