TID Chapter 7 Graphic Design

  • Published on

  • View

  • Download

Embed Size (px)


<ul><li>1.Graphic Design TID1103 Computer Application in Management Life is a challenge, meet it. Mother Theresa </li></ul> <p>2. Chapter Contents </p> <ul><li>Introduction to graphic </li></ul> <ul><li>The important of graphic in management </li></ul> <ul><li>Graphic categories: Vector image, Bitmap and interchange </li></ul> <ul><li>Standard graphic: BMP, TIFF, TGA and others </li></ul> <ul><li>Designing a graphic </li></ul> <ul><li>Graphic evaluation </li></ul> <p>3. Introduction to graphic </p> <ul><li>Normal term of graphic: Any picture or drawing object including engraving object. </li></ul> <ul><li>Also about the use of visual to explain concept (sometime difficult to explain with text) </li></ul> <ul><li>Efficient Information delivery resource and accepted by people </li></ul> <ul><li>Computer Graphic: Any image that produced by graphic computer application </li></ul> <ul><li>From simple image to complex (fractal) </li></ul> <p>4. Example of computer graphic Basic form Fractal Logo Icosahedrons 5. Computer Graphic Application </p> <ul><li>Computer based graphic industry growth in positive trend : Ability to help in work productivity. </li></ul> <ul><li>Uses in Project Management, Publication, Business, aerospace, automotive </li></ul> <ul><li>E.g: Car model development, Electronic circuit and engineering drawing.</li></ul> <p>6. The Important of Graphic Application in Management </p> <ul><li>Information delivery more accurate, clear, consistent and efficient compare with text </li></ul> <ul><li>Uses to emphasize certain info. </li></ul> <ul><li>Example usage: advertisement, presentation and company report </li></ul> <ul><li>Increase performance of management </li></ul> <ul><li> A picture is worth than a thousand words. </li></ul> <p>7. Graphic Category </p> <ul><li>Categorized into two main groups: bitmap and vector </li></ul> <ul><li>Vector: Object based image represented by geometric form </li></ul> <ul><li>Bitmap: The image represented by matrix pixels </li></ul> <p>8. Vector Image </p> <ul><li>Draw type image or object oriented image </li></ul> <ul><li>Represented in geometric form (mathematical instruction) to create straight line, oval, curve and sphere. </li></ul> <ul><li>E.g instruction: </li></ul> <ul><li>Line startcoord=x.0 y.0 </li></ul> <ul><li>Endcoord=x.20 y.20 </li></ul> <p>9. Example 10. The Advantages of Vector Images </p> <ul><li>Ability to change the size of graphic without effect image quality </li></ul> <ul><li>Thestorage is small because just store computer drawing instruction. E.g line (x1,y1, x2,y2) </li></ul> <ul><li>Easy to make amendment toward image </li></ul> <p>11. Disadvantages of vector image </p> <ul><li>Produced by computer so less/not realistic</li></ul> <ul><li>The complex object make the image instruction processing slower. </li></ul> <ul><li>Need high skill to draw high quality vector image </li></ul> <p>12. The usage of vector image </p> <ul><li>Store computer file in clip art form for marketing purposes </li></ul> <ul><li>Use in technical fields such as CAD/CAM/ architecture, scientific modeling </li></ul> <ul><li>Graphic art and multimedia using vector graphic application such as Macromedia Freehand, Adobe Illustrator and Autocad. </li></ul> <p>13. Bitmap Image </p> <ul><li>Also known as raster image </li></ul> <ul><li>Representing image in dot form known as pixel or bit </li></ul> <ul><li>Arrange in simple matrix</li></ul> <ul><li>For monochrome monitor, needs a matrix dimension. </li></ul> <ul><li>The depth needed to view color image such as 4, 8, 16, 24 bit. </li></ul> <p>14. Method to produce bitmap image </p> <ul><li>3 main method to produce bitmap image: </li></ul> <ul><li>Use computer based drawing application such as Microsoft Paint </li></ul> <ul><li>Screen capture </li></ul> <ul><li>Use scanner, digital camera and video card </li></ul> <ul><li>Graphic software uses to amend bitmap image : Adobe Photoshop, Painter, PrintShop Atrist. </li></ul> <p>15. Resolution and color in bitmap image </p> <ul><li>Resolution determined by image dimension vertically and horizontally. E.g 640x480 </li></ul> <ul><li>The highest pixel make an image more clear </li></ul> <ul><li>Color depth determined by total memory for each pixel (VRAM) </li></ul> <ul><li>4 bit = 2 equal to 16 color, 24 bit = 16 million of color. Near to real life. </li></ul> <p>16. Advantages of Bitmap image </p> <ul><li>Modification level is higher depend on the depth of an image </li></ul> <ul><li>Can view the actual image </li></ul> <p>17. Disadvantages </p> <ul><li>File size is bigger </li></ul> <ul><li>The process of resize make the image fuzzy and jaggies </li></ul> <ul><li>High computer memory </li></ul> <ul><li>Anti-aliasing to prevent image jagged. </li></ul> <p>18. Image graphic exchange </p> <ul><li>Vector image can be change to bitmap image by using graphic software such as Adobe Photoshop </li></ul> <ul><li>Bitmap image to vector image using software such Streamline. </li></ul> <p>19. Standard/format graphic. </p> <ul><li>To determine quality, size and purpose of uses. </li></ul> <ul><li>BMP (bitmap) An old image format. Image decompress, big in size and accepted </li></ul> <ul><li>TIFF (Tagged Image File Format)- Uses for image generated by scanner, frame grabber. </li></ul> <ul><li>PICT- For Macintosh Image format. Suitable for presentation, video and screen view </li></ul> <ul><li>TGA (Targa)- first format support 24 bit of color) </li></ul> <ul><li>EPS (encapsulated PostScript); Image for PostScript illustration </li></ul> <p>20. Standard/format graphic. </p> <ul><li>GIF (Graphics Interchange Format) Standard image for online interchange, 8 bit image compression and small size </li></ul> <ul><li>WMF (Windows Metafile Format)- Use in Windows operating system. Usually use for image vector clipart. </li></ul> <ul><li>JPEG (Joint Photographic Expert Group)- Method uses to compress an image, suitable for photo picture. Not suitable for characters.</li></ul> <p>21. Graphic Applications Adobe PhotoShop Adobe Illustrator 22. Designing Vector Image </p> <ul><li>Software can be used such as Adobe Illustrator, Macromedia Freehand and Autocad </li></ul> <ul><li>Draw line and curve </li></ul> <ul><li>Color filling </li></ul> <ul><li>Text manipulation </li></ul> <p>23. Adobe Illustrator 9.0 24. Drawing Object Change Style 25. Object Grouping Save Object 26. Designing Bitmap Image </p> <ul><li>Coloring type application cam be used such as Microsoft Paint and Adobe PhotoShop </li></ul> <ul><li>Image can be drawn, colored and modified. </li></ul> <ul><li>Allows user to pick brush, pen, eraser, color and other </li></ul> <ul><li>As real artist tool. </li></ul> <p>27. Start Adobe PhotoShop Adobe PhotoShop Interface 28. Image Editing with Adobe Photoshop 29. Save Image </p>