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

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

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

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 18 DPI35 DPI72 DPI  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).

10. Image Resolution 18 DPI

11. Image Resolution 35 DPI

12. 72 DPI Image Resolution

13. Design Principals

17. Composition and Layout

19. Color Theory

21.  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 Color Theory RGB Mode

22.  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 Color Theory CMYK Mode

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

26. Typography

27. Image Format Optimization