Adobe Photoshop Web Images and Web Graphics Introduction

Adobe Photoshop beginners introduction to web images and web graphics design.

Beginners Photoshop course which is an introduction to the basics of Photoshop and an introduction to web image and 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 sites, social media sites or for HTML emails.

Courses > Adobe Photoshop training courses list


Photoshop web images and graphics - course summary

Photoshop Course duration: 2 day
Level: Beginners and intermediate
Software: 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.
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 images and 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, social media sites 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

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

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

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 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

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

Create a set of images, all of the same dimensions

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 images and 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 email.
Bring Illustrator artwork and graphics into Photoshop




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 images and web graphics course is available if required.


Adobe Photoshop web graphics training TOP