Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.

Slides:



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

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Unit 30- Digital Graphics THEORY P2 and D2
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
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.
Image Editing Basics Resolution Screen resolution Printer resolution.
An Introduction to Computer Graphics B.Sc. (Hons) Multimedia ComputingMedia Technologies.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
2.01 Understand Digital Raster Graphics
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
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.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
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.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Graphic Images 101. Painted on a grid Drawn mathematically.
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.
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
Pixels, Resolution and File Types Using Digital Media in the Classroom START.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Foundations of Web Design I Photoshop CS5 Michael Daniel
Bit-Mapped Graphic Data: Input (Capture) Hardware Multimedia – Section 2.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Module Code: CU0001NI Technical Information on Digital Images Week – 2 - Extra.
Graphics and Images Communicating Information : Documents and Publications.
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.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Vocabulary Words. 2-stage shutter release is a shutter release, that when pressed halfway, it activates the autofocus and the light meter of the camera,
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
$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 $
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.
Bitmap images Resizing bitmaps Vector images Why are there so many image file formats? Resolution and Scanning “Bits” and.bmp files Photo editors JPG file.
Information Technology Images: Types, Resolution and Techniques.
In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Software Packages Used In Digital Graphics By Jack Turner.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
By tom squire.  Graphic cards are made of millions of dots called pixels. Graphic cards take data from the CPU and turn it into a picture. At most common.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
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.
A computer display is made up of small squares, called pixels.
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
An Introduction to Scanning and Storing Photographs and Graphics
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
MED 2001 Advanced Media Production
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

Digital Imaging Raster (Bitmapped) Images

1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its level of red-green-blue light  Can be painted, scanned, or photographed with a digital camera

2. Painting  Common tools used to create images  Beginner Level  MS Paint, ClarisWorks  Intermediate  Graphic Converter, L-View Pro  Advanced  Adobe Photoshop, PaintShop Pro

3. Digital Cameras  Operate similar to a standard camera  Use a CCD (charged coupling device) to measure light (RGB values)  Quality depends upon resolution (pixels per inch) that the camera can capture  Hint: Monitor can only display 72DPI, so if primary target is screen…

4. Scanners  Operate similar to digital cameras (use CCD), but are capably of much higher resolutions  Even the most affordable scanner ($150) is capable of capturing images at qualities better than the best desktop printers  Look for price, speed, and bundled software in a new scanner

5. Manipulating Images  Real power of computers is to correct/edit images  Basic paint tools edit on a pixel by pixel basis  More powerful software includes more powerful tools…  Photoshop: Selections, Layers, Filters

6. Manipulating (cont.) Selections  Selection tools allow you to choose only specific areas of an image  Once isolated, those areas can be affected without touching others  Photoshop includes complex selection tools

6. Manipulating (cont.) Layers  Layers allow further flexibility by isolating whole sections from each other  Act like sheets of overhead transparencies  Can be hidden, created, discarded as needed

7. Manipulating (cont.) Filters  Also called “plug-ins” for Photoshop  Pre-defined special effects for images  Make professional effects easy to achieve

8. Saving and Using Images  Virtually all applications can import/use raster images  Common formats:.BMP, PICT,.GIF,.JPG,.TIF

9. Saving/Using Images (cont.)  MS Word: supports GIF, BMP, JPG, TIF  Claris/Appleworks: supports GIF, BMP, JPG, TIF, PICT  FileMaker: supports GIF, BMP, JPG, TIF, PICT

10. Image File Types  BMP and PICT: Standard types for PCs/Macs. Up to 16 million colours, uncompressed  GIF: max 256 colours, can be transparent, animated, colour-by- numbers compression. Used for web buttons!  JPG: “lossy” compression for full-colour photos. Best for on screen use, Internet.  TIF: “lossless” compression for photos. Hold unlimited colours and DPI for professional printing