1 / 27

Introduction to Computer Graphics Workshop with Adobe Photoshop

Learn about computer graphics technology, principles of design, color theory, typography, image formats, and optimization in this workshop led by instructor Mazhar.

bradleydawson
Download Presentation

Introduction to Computer Graphics Workshop with Adobe Photoshop

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. E-Learning Center, DAD presents Workshop on Introduction to Computer Graphics Using “Adobe Photoshop” 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

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

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

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

  9. Image Resolution 18 DPI

  10. Image Resolution 35 DPI

  11. Image Resolution 72 DPI

  12. Design Principals

  13. Design Principals

  14. Design Principals

  15. Design Principals

  16. Composition and Layout

  17. Composition and Layout

  18. Color Theory

  19. Color Theory

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

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

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

  23. Color Theory

  24. Color Theory

  25. Typography

  26. Image Format Optimization

More Related