1. Computer Graphics Using “Adobe Photoshop”
E-Learning Center, DAD presents
Workshop on
Introduction to
Computer Graphics Using
“Adobe Photoshop”
Instructor: Mazhar

2. What is Computer Graphics ? CG
The creation, display, editing and storage of Images, Illustrations and Typography with a computer.

3. Computer Graphics demands knowledge of
Graphics technology & Images Editing
Design Principals
Composition and Layout
Color Theory and Principals
Typography
Image Format and Optimization

4. CG Graphics Technology
Bitmap or
Raster graphics
Vector Graphics

5. Vector Graphic

7. Bitmap /Raster graphics
Image are broken up into a grid recorded individually ,as Sequence of pixel
Works well for complex variations
Not flexible
Might need a lot of memory
Problems when scaled
Formats: BMP, GIF, JPEG, TIFF

8. vector graphics Image are described as a series of lines or shapes
Works well for line art (CAD applications) and images with simple shapes and are flexible
Typically needs less memory
Data: Instructions for drawing lines and filling shapes Example: <line startcoord="x,01 y,01" endcoord="x, 20 y, 20" thickness="3"
Scalable, versatile

9. Image Resolution
The number of pixels along the height and width of a bitmap image is called the pixel dimensions of an image.
The resolution of an image is determined by the number of pixels per inch (dpi, ppi).
18 DPI
35 DPI
72 DPI

10. Image Resolution
18 DPI

11. Image Resolution
35 DPI

12. Image Resolution
72 DPI

13. Design Principals

14. Design Principals

15. Design Principals

16. Design Principals

17. Composition and Layout

18. Composition and Layout

19. Color Theory

20. Color Theory

21. Color Theory RGB Mode Red, Green, Blue Additive synthesis
Color monitors, Projectors
Perceived color is white when each component has full intensity, perceived color is black when each component has no intensity

22. Color Theory CMYK Mode Cyan, Magenta, Yellow Black
Subtractive synthesis
Color printers
Perceived color is white when each component has no intensity, perceived color is black when each component has full intensity
Printing press use four-color printing

23. Color Theory HSV mode Hue, Saturation, Value
User oriented, previous ones were hardware oriented
Use color perception quantities: hue, saturation and value
Hue defines color
Saturation refers how far color is from a gray of equal intensity
Value defines the lightness/brightness of the color

24. Color Theory

25. Color Theory

26. Typography

27. Image Format Optimization