Digital imaging.

Slides:



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

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
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.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
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,
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
Lecture 4 - Introduction to Computer Graphics
Graphics A graphics program allows you to combine pictures and text in many different ways. Features – General Level Draw graphics Enter Text Common Tools.
Graphics and Images Communicating Information : Documents and Publications.
Digital imaging. Two types of graphic Bitmap Vector.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
By Millie and Ellece. D IFFERENT T YPES OF G RAPHICS Bitmap Formats JPEG GIF PNG PSD TIFF.
Marr CollegeHigher ComputingSlide 1 Higher Computing: COMPUTER SYSTEMS Part 1: Data Representation – 6 hours.
Graphics ITGS. Pixel Short for “Picture Element” A single dot on a monitor or printed document. The smallest rectangular area of an image that can be.
Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Forcier and Descy The Computer as an Educational Tool (Fifth Edition) Copyright © 2008 by Pearson Education, Inc. Columbus, Ohio All rights reserved.
Vector Graphics Multimedia Technology. Object Orientated Data Types Created on a computer not by sampling real world information Details are stored on.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Digital imaging. Two types of graphic Bitmap Vector.
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Information Technology Images: Types, Resolution and Techniques.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
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.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
Information Systems Design and Development Media Types Computing Science.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Higher Graphic Communication
Hardware research By Hollie Willis.
Computer Science Higher
Photoshop.
2.01 Understand Digital Raster Graphics
Unit 3 Revision Networks, Legislation, Digital Imaging and Animation
Higher Graphic Communication
2.01 Investigate graphic image design.
A computer display is made up of small squares, called pixels.
Learning Intention I will learn how a computer stores graphics.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
Digital imaging.
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
Techniques and skills Gladys Nzita-Mak.
Web Design and Development
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Lecture 4 - Introduction to Computer Graphics
2.01 Investigate graphic image design.
Creating Digital Graphics
Presentation transcript:

Digital imaging

Two types of graphic Bitmap Vector

Bitmap Image itself is stored as a map showing the position of each pixel. Details of the colour of each pixel are stored. This is a huge amount of data. Files to store bitmap images are large.

Vector Information about how to draw the image is stored rather than the image itself. Stored as a series of equations. The equations tell the computer how to draw the parts of the image. Only instructions/equations are stored, so file size is small.

Impact of large file size for bitmap Large file size means large upload time (i.e., time to transfer file to a website is large). Large file size means download time is large (i.e., the time taken for a user to view the image on a website). Files are compressed to reduce file size.

Other problems of bitmap graphics Harder to edit than a vector. Image loses sharpness when re-sized. This bitmap image has been re-sized. The jaggedness of the pixels can be seen.

Impact of small file size for vector graphics Quick upload time. Quick download time. Can store lots more images in the same storage space compared to bitmaps.

Advantages of vector graphics compared to bitmap graphics Small upload/download time. Easier to edit as you can edit parts of the image. Can re-size image without loss in quality.

Disadvantages of vector graphics Only suitable for images with a limited number of colours. No good for images with continuous colours like a photograph.

Backgrounds Transparent White Colour

File Formats BMP - BitMap JPEG – compressed image, ideal for web, lower quality GIF – small file size, used for web, limited amount of colours, not suitable for photographs, used for web icons, clip art style TIFF – Higher quality Bitmap EPS – convert vector art, text, not common

Image editing Standard tools – distortion, cloning, transform, layering, brush, selection, zoom Colour effects – recolouring images Effects – red-eye removal, blur, etc. Transparency – to remove background to blend images into web site Composite patterning – repeats patterns for backgrounds

Standard tools Zoom (magnify) and scaling (resizing) Change brush settings (e.g. brush size) Layering and toggling between layers Transform images (e.g. rotating – spinning around) Cloning (replicating) images Distortion by adding effects or filters Selection (choose part of image) and moving it