Higher Graphic Communication

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
ETT 429 Spring 2007 Digital Photography/Scanners.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Raster vs Vector and Image Resolution By Josh Gallagan.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Lecture 4 - Introduction to Computer Graphics
SOFTWARE TYPES Word processing Page layout Paint Draw.
Understanding digital image - of which it consists Adolf Knoll National Library of the Czech Republic © Adolf Knoll, National Library.
Information Processes and Technology Multimedia: Graphics.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Graphics workshop Library and Information Services University of St Andrews.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Raster vs Vector Graphics And Other Digital Terms.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Digital Imaging 101 Ann Ware
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Raster Graphics 2.01 Investigate graphic image design.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
Ms Taylor. L.I. 1.I will learn about Vector and Raster graphics 2.I will learn about the advantages and disadvantages of both types of graphics 3.I will.
Bitmap vs. Vector How computers work with photographs and drawings.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Digital Graphics (Unit 19.1/54.1)
Digital Illustration Chapter 6 File format.
Types of Graphics Technological Design.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Digital imaging.
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
Higher Graphic Communication
2.01 Investigate graphic image design.
Digital Graphics (Unit 19.1/54.1)
Bitmap vs. Vector.
Graphics Basics Ellen Eyth.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Digital Images.
Image File Size and File Compression
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Some terms to become familiar with:
Digital Images.
Graphics and Animation
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
Web Design and Development
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Lecture 4 - Introduction to Computer Graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Higher Graphic Communication Desk Top Publishing

L.I. Success Criteria Social Skill I will learn about Vector and Raster graphics I will learn about the advantages and disadvantages of both types of graphics I will learn about the common file formats used for each Success Criteria I will UNDERSTAND the difference between the two types of graphics I will REMEMBER the different file formats used for each graphic type Social Skill I will listen carefully to my partner/classmates

Raster (bitmap) images are made of pixels Raster (bitmap) images are made of pixels. A pixel is a single point or the smallest single element in a display device. Vector images are mathematical calculations from one point to another that form geometrical shapes.

When you take a photograph using a digital camera or scan an image from a magazine, you are creating a raster (bitmap) graphic. Vector graphics are scalable - ie when you resize them, they do not lose quality.

jpeg Joint Photographic Experts Group Common file formats: Raster/Bitmap Vector .bmp (BitMaP) jpeg Joint Photographic Experts Group Gif (Graphics Interchange Format) Tiff (Tagged Image File Format) .png (Portable Network Graphics) .cgm .svg (Scalable Vector Graphics) .odg .eps (Encapsulated PostScript) .dxf (drawing exchange format)

Raster/bitmap graphics Advantages Raster/bitmap graphics An image which is made up of tiny squares of colour. The arrangement of these tiny coloured squares produce the effect of an image. This is a good method of reproducing 'continuous tone' images, such as photographs.

Raster/bitmap graphics Disadvantages Raster/bitmap graphics cannot be scaled up without losing quality. Why? Is bound by the number of pixels in the image. Depending on the complexity of the image, conversion to vector may be time consuming. Large dimensions & detailed images equal large file size. Some service providers like engravers, stencil-cut signs, etc, must have vector art. It is more difficult to print raster images using a limited amount of spot colours.

Vector graphics Advantages can be scaled up without losing quality. Why? Made of mathematical calculations that form objects and lines. a small file size They are ideal for logo designs, as they can be printed very small on business cards or printed large on a billboard poster. business cards

Vector graphics Disadvantages It is not the best format for photographs or photo-like elements with blends of colour.

.cgm .svg .odg .eps .dxf .bmp jpeg Gif Tiff .png Common file formats: Your Task: Research the above file formats…1. What do the abbreviations stand for 2. What graphic type do they belong in i.e. Raster OR Vector? 3. Explain what you would use them for?

Extension task Your Task: Familiarise yourself with the above Venn Diagram. Create your own Venn Diagram using the advantages and disadvantages of using Raster and Vector graphics.