Computer Graphics Using “Adobe Photoshop” E-Learning Center, DAD presents Workshop on Introduction to Computer Graphics Using “Adobe Photoshop” Instructor: Mazhar
What is Computer Graphics ? CG The creation, display, editing and storage of Images, Illustrations and Typography with a computer.
Computer Graphics demands knowledge of Graphics technology & Images Editing Design Principals Composition and Layout Color Theory and Principals Typography Image Format and Optimization
CG Graphics Technology Bitmap or Raster graphics Vector Graphics
Vector Graphic
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
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
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
Image Resolution 18 DPI
Image Resolution 35 DPI
Image Resolution 72 DPI
Design Principals
Design Principals
Design Principals
Design Principals
Composition and Layout
Composition and Layout
Color Theory
Color Theory
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
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
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
Color Theory
Color Theory
Typography
Image Format Optimization