GRAPHIC DESIGN – PHOTOSHOP AND FLASH Instructor: Qumber Hussain Start: 24 Aug 2009 End: 28 Sept 2009 Days/Time: Mon & Wed 1400 – AUGUST 2009 – LESSON 1

Course Overview  You will be learning Photoshop in the first 5 classes and Flash in the remaining 5  Classes will be every Monday and Wednesday from 2pm to 5pm

Today  We’ll be running through the basics of Photoshop.  Getting a feel for the UI  Saving a custom workspace, choosing an existing workspace  Introducing the tools palette, layers palette and other major palettes  Looking at different image formats and optimisation  RGB/Hex colours  Quick introduction to Adobe Bridge  Editing/manipulating various images

Photoshop UI  Photoshop Workspace

Workspace  Menu Bar – An organized menu area categorised by the type of task being handled.  Options Bar – Contains options for the currently selected tool.  Tools Palette – Contains a wide selection of available tools in Photoshop, as well as the Foreground Colour, Background Colour, and other tools.  Document Window – The Containing Window of a document being worked on inside of Photoshop.  Active Image Area – The Document Window contains the Active Image Area. This is the area where we do all the work.

Palettes  The major palettes we’ll be looking at are:  Tools  Layers/Adjustments  Colours  History  Navigator And briefly at the others...

Image Formats  There are 3 predominant file formats used in modern graphic design:  JPEG - JPG is a lossy compression technique that is designed to compress colour and greyscale images. The information that is discarded in the compression is information that the human eye cannot detect.  GIF - Unlike JPG, the GIF format is a lossless compression technique and it supports only 256 colours. GIF is better than JPG for images with only a few distinct colours, such as line drawings, black and white images and small text that is only a few pixels high.  PNG - PNG builds on the idea of transparency in GIF images and allows the control of the degree of transparency, known as opacity. Saving, restoring and re-saving a PNG image will not degrade its quality. Source:

RGB and Hex colours  Colours of a monitor are made up of only three colours RGB or Red Green and Blue.  Different combinations result in all the colours.  RGB can be represented in Hex codes. These are 6 values that consist of numbers and letters.  For example white is represented as RGB 255,255,255 and in hex code #ffffff.

Bridge  Adobe Bridge helps you locate, organize, and browse the documents you need to create print, web, video, and audio content.  We will be looking at the Bridge interface and how to add meta tags, ratings, copyright notice, author details. And how to open images in Photoshop using Bridge.

Contact  You can get in touch at this address:  For lecture slides, assignments and exercise files visit  For other course information visit