Graphics and Images Graphics and images are both non-textual information, that can be displayed and printed. These images may appear on screen as well.

Slides:



Advertisements
Similar presentations
Md. Monjur –ul-Hasan Department of Computer Science & Engineering Chittagong University of Engineering & Technology Chittagong 4349
Advertisements

Overview of Graphic Systems
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.
Maps as Numbers Lecture 3 Introduction to GISs Geography 176A Department of Geography, UCSB Summer 06, Session B.
Graphics File Formats. 2 Graphics Data n Vector data –Lines –Polygons –Curves n Bitmap data –Array of pixels –Numerical values corresponding to gray-
Lecture 6 Graphics, Number Systems. 7.2 Bit-map Graphics Similar to real painting on the canvas, there is no way to change something but paint over it.
SWE 423: Multimedia Systems Chapter 4: Graphics and Images.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Introduction to Computer Graphics
October 2001Sheffield Hallam University1 Raster Graphics Raster formats used for storing digitized photographs, scanned artwork. comprised of individual.
Vector vs. Bitmap SciVis V
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
V Obtained from a summer workshop in Guildford County July, 2014
Data starts with width and height of image Then an array of pixel values (colors) The number of elements in this array is width times height Colors can.
Images you see on your screen are made up of these things called pixels. A screen will show over 1 million pixels and then a computer has to do what it.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
IE433 CAD/CAM Computer Aided Design and Computer Aided Manufacturing Part-2 CAD Systems Industrial Engineering Department King Saud University.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Computing Higher - Unit 1… Computer Systems 1 Higher Computing Unit 1 – Topic 1 Data Representation.
Lecture 4 - Introduction to Computer Graphics
Vector vs. Bitmap
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Digital Image: Representation & Processing (2/2) Lecture-3
Shawlands Academy Higher Computing Data Representation.
1 Computer Graphics Part 2: Images. 2 What is an image?  An image is the graphical and visual representation of some information that can be displayed.
Compsci Today’s topics l Binary Numbers  Brookshear l Slides from Prof. Marti Hearst of UC Berkeley SIMS l Upcoming  Networks Interactive.
September 21, COMPUTER VISION WEB PAGE IS UP !! OR Simply go to computer science homepage.
Understanding digital image - of which it consists Adolf Knoll National Library of the Czech Republic © Adolf Knoll, National Library.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
1 Imaging Techniques for Flow and Motion Measurement Lecture 2 Lichuan Gui University of Mississippi 2011 Digital Image & Image Processing.
Introduction to Interactive Media Interactive Media Components: Text.
Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.
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.
Chapter 14 Working with Graphics. 2Practical PC 5 th Edition Chapter 14 Getting Started In this Chapter, you will learn: − About different graphics you.
Compsci Today’s topics l Binary Numbers  Brookshear l Slides from Prof. Marti Hearst of UC Berkeley SIMS l Upcoming  Networks Interactive.
INT 840E Computer graphics Introduction & Graphic’s Architecture.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
1 © 2010 Cengage Learning Engineering. All Rights Reserved. 1 Introduction to Digital Image Processing with MATLAB ® Asia Edition McAndrew ‧ Wang ‧ Tseng.
Computer Graphics Chapter 6 Andreas Savva. 2 Interactive Graphics Graphics provides one of the most natural means of communicating with a computer. Interactive.
Graphic Format Factors
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Multimedia Basics (1) Hongli Luo CEIT, IPFW. Topics r Image data type r Color Model : m RGB, CMY, CMYK, YUV, YIQ, YCbCr r Analog Video – NTSC, PAL r Digital.
Lecture 7: Intro to Computer Graphics. Remember…… DIGITAL - Digital means discrete. DIGITAL - Digital means discrete. Digital representation is comprised.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
CS 325 Introduction to Computer Graphics 04 / 12 / 2010 Instructor: Michael Eckmann.
By: Catyana Brown Information Technology in a Global Society: Multimedia.
1 Perception and VR MONT 104S, Fall 2008 Lecture 20 Computer Graphics and VR.
Image File Formats By Dr. Rajeev Srivastava 1. Image File Formats Header and Image data. A typical image file format contains two fields namely Dr. Rajeev.
Chapter 1 Definitions & Basics of Digital Image 1.Image 2.Digital Image 3.Raster 4. Vector 5.Image Editing 1.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Guilford County SciVis V104.03
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
Mohammed AM Dwikat CIS Department Digital Image.
Chapter 14 Working with Graphics
Images and Graphics.
Graphics and image data representation
Binary Notation and Intro to Computer Graphics
Computer Science Higher
Vector vs. Bitmap.
CSI-447: Multimedia Systems
Bitmap vs. Vector.
Chapter III, Desktop Imaging Systems and Issues: Lesson IV Working With Images
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Outline Image formats and basic operations Image representation
Real-World File Structures
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Presentation transcript:

Graphics and Images Graphics and images are both non-textual information, that can be displayed and printed. These images may appear on screen as well as on printers but cannot be displayed with devices only capable of handling characters. The topics discussed are computerized graphics and images, their respective properties, and how they can be acquired, manipulated and output on computers.

Graphics and Images Introduction: Graphics are normally created in graphics application and internally represented as an assemblage of objects such as lines, curves and circles. Attributes of such as style, width and color define the appearance of the graphics. Difference between objects graphics and images Object graphics are composed of can be individually deleted, added, moved or modified later. In contrast, images can be from the real world or virtual and are not editable.

Graphics and Images What is Bitmap (BMP)? The array of pixels (i.e. set of pixels) is called a bit map. In bitmap object based editing is not possible, but image editing tools exist for enhancing and retouching bitmap images. The drawback of bitmaps is that they need much more storage capacity than graphics. Their advantage is that no processing is necessary before displaying them, unlike graphics where the abstract definition must be processed first to produce the bitmap.

Graphics and Images

Graphics and Images (contd…)

Graphics and Images

Portable Bitmap Plus (PBMplus) It is a software package that allows conversion of images between various image formats and their script based modification. PBMplus includes four different image formats PBM – Portable Bitmap for binary images PGM- Portable Graymap for gray-value images PPM – Portable Pixmap for true color images PNM – Portable Anymap for format-independent manipulation of images.

Graphics and Images The contents of PBMplus files are the following:-  A magic number identifying the file type i.e “P1” for PBM.  Blanks, tabs, carriage returns, and the line feeds.  Decimal ASCII characters that define image width.  Decimal ASCII characters that define image height.  ASCII numbers plus blanks that specify the maximum value of color information Filter tools are used to manipulate internal image formats. The functions offered by these tools include color reduction, quantization and analysis of color values etc.

Graphics and Images Bitmap (BMP) BMP files are device independent bitmap files most frequently used in Windows systems. The BMP format is based on the RGB color model. BMP does not compress the original image. The BMP format defines a header and a data region. The header region (BITMAPINFO) contains information about size, color, depth, colortable and compression method. The data region contains the value of each pixel in a line. Lines are flush-extended to a value divisible by 32 and padded with zero values.

Graphics and Images Valid color depth value are 1,4,8 and 24. The BMP format uses the run-length encoding algorithm to compress images with a color depth of 4 or 8 bits/pixel, where two bytes each are handled as an information unit. If the first byte value contains zero and second value is greater than three, then the second value contains number of bytes that follow and contains the color of the next pixel as a reference to the color table (no compression) BMP specifies an additional option to specify a color table to be used to select colors when the image is displayed. BMP specifies an additional option to specify a color table to be used to select colors when the image is displayed.

Creating Graphics Input Devices Modern graphical Input devices include mice, tablets, and transparent, highly sensitive screens, or input devices that allow three- dimensional or higher-dimensional input values. Trackball models are available today that rotate around the vertical axis in addition to the two horizontal axes. A space ball is a solid ball positioned on the elastic base. Pressing or pulling the ball in any direction produces a 3D translation and a 3D orientation. A data glove is a device that senses the hand position and its orientation. It allows positioning objects, exploring and navigating with the scenes, or acting at a distance on the real world. Virtual objects may be manipulated, for example rotated for further examination.

Creating Graphics Graphics software Graphics are generated by use of interactive graphic systems. The conceptual environment of almost all interactive graphic systems is an aggregated view consisting of three software components – application model, application program and graphics system (one hardware component)

Creating Graphics Storing graphics Graphic primitives and their attributes are on a higher image representation level because they are generally not specified in pixel matrix. The higher level has to be mapped to a lower level at one point during image processing, for example when representing an image, having the primitives on a higher level is an advantage because it reduces the data volume that has to be stored for each image allows simpler manipulation. Some graphic packages for example, SRGP (Simple Raster Graphics Package), includes conversion which requires additional step for this conversion which is a drawback, Many color systems uses 8 bits per pixel (eg GIF) so that 256 colors can be represented simultaneously, other formats (including JPEG) allow 24 bits per pixel, representing approximately 16 million colors. Other packages include PHIGS(Programmer’s Hierarchical Interactive Graphics System) and GKS (Graphics Kernel System) use graphics specified by pixmap.

Creating Graphics Graphics storage formats File format for vector graphics allow loading and storing of graphics in vectored representation, such as files created in a vector graphics application. IGES: The initial graphics Exchange Standard was developed by an industry committee to formulate a standard for the transfer of 2D and 3D CAD data. DXF: Autodesk’s 2D and 3D format was initially developed for AutoCAD a computer aided design application. HPGL: The Hewlett Packard Graphics Language has been designed to address plotters, which is the reason why it only supports 2D representation. The combination of vector and raster graphics is generally possible in modern vector graphics systems. Only few so called meta files such as CGM- Computer Graphics Meta file, WMF (Windows Meta File) and others allow an arbitrary mixture of vector and raster graphics