Image is a spatial representation of an object or a scene. (image of a person, place, object)
|
|
- Gervase McBride
- 6 years ago
- Views:
Transcription
1 Graphics & Images
2 Table of Content 1. Introduction 2. Types of graphics 3. Resolution 4. Memory/Storage requirement 5. Types of images 6. Image colour schemes 7. Colour dithering 8. Image processing 9. Graphic file formats
3 Introduction Image is a spatial representation of an object or a scene. (image of a person, place, object) Graphic is a broader and general definition which includes: Pictures or Photographs Drawings or Line arts Clip arts Buttons and Banner Charts and graphs Backgrounds Icons
4 Picture Vs Graphics / Image Pictures: Pictures are found in the world which is external to the computers. Images / Graphics: Images are the 2-Dimensional digital representations of pictures found in computers. Computer attempts to duplicate the look and feel of a picture via storing and processing. Therefore, an image is a realistic version of the original picture ; dependant on the quality and capabilities of the computer and the graphic artist s ability to use the software.
5 Types of Graphic Bitmap graphics Vector graphics
6 Bitmap graphics The most common and comprehensive form of storage for images on computers is bitmap image. Bitmap use combination blocks of different colours (known as pixels) to represent an image. Each pixel is assigned a specific location and colour value. There are also called pixelized or raster graphics. Software to edit bitmapped graphics are : Adobe Photoshop Paint Shop Pro
7 Bitmap graphics Advantage Can have different textures on the drawings; detailed and comprehensive. Disadvantage Large file size. Not easy to make modification to objects/drawings. Graphics become "blocky" when the size is increased.
8 Vector Graphics Vector images are based on drawing elements/objects to create an image. The elements and objects are stored as a series of command that define the individual objects. Packages that allow to create vector graphics include : Macromedia Freehand MX Macromedia Flash MX Adobe Illustrator
9 Vector Graphics Advantage Small file size. Maintain quality as the size of the graphics is increased. Easy to edit the drawings as each object is independent of the other. Disadvantage Objects/drawings cannot have texture; it can only have plain colours or gradients ; limited level of detail that can be presented in an image.
10 Resolution There are three types of resolution measuring different aspects of the quality, detail and size of an image: Colour resolution Image resolution Display resolution Image Resolution: The term resolution often associated with an image s degree of detail or quality. Display Resolution: Resolution can also refer to quality capability of graphic output (monitor). Colour Resolution / Colour Depth: Colour depth describe the number of bits used to represent the colour of a single pixel.
11 Image resolution Image resolution measures the pixel dimension of an overall image or how many pixel the image has. Image resolution is measured in width and height. For example, 100 * 100-pixel image has a total of 10,000 pixels.
12 Display resolution Display resolution is also measured in pixels in terms of height and width. It simply means how many pixels can be displayed on the computer screen. Display resolution normally uses a setting of 640x480(VGA), 800x600 (SVGA), 1024x768, etc. You can change the display resolution under Display Properties in Control panel. If your image resolution is bigger than the display resolution, the result would be part of the image will be out of the display area.
13 Memory/Storage requirement Factors to consider: The height of the graphics The width of the graphics The colour depth or bit depth The file size of a bitmap image (in bytes): Height X Width X (Colour depth / 8)
14 Colour Resolution/Colour Depth Each pixel can represent at least 2 possible colours or more. Colour resolution or Colour depth/channel depth is measured in bits. Colour Depth Calculation Number of Colours 1 bit 4 bits 8 bits (1 byte) 16 bits (2 bytes) 24 bits (3 bytes) 2 1 = = = = 65, = 16,777,216 2 colours 16 colours 256 colours 65,536 colours 16,777,216 colours
15 Binary (Bitonal) Image These images have two possible values of pixel intensities: black and white. Also called 1-bit monochrome image, since it contains only black and white. Typical applications of bitonal images include office/business documents, handwritten text, line graphics, engineering graphics etc. The scanned output contains a sequence of black or white pixels. Binary 1 represents a black pixel and binary 0 represents a white pixel.
16 Grayscale Image They contain several shades of grey. Typical applications of grayscale images include newspaper photographs (non-color), magnetic resonance images and cat-scans. An uncompressed grayscale image can be represented by n bits per pixel, so the number of gray levels supported will be 2 n. For example, 8-bit Grayscale Image. It consists of 256 gray levels. A dark pixel might have a pixel value of 0, a bright one might be 255.
17 Colour Image They are characterized by the intensity of three primary colours (RGB). For example, 24-bit image or 24 bits per pixel. There are 16,777,216 (2 24 ) possible colours. In other words, 8 bits for R(Red), 8 bits for G(Green), 8 bits for B(Blue). Since each value is in the range 0-255, this format supports 256 x 256 x 256 or 16,777,216 different colours.
18 RGBA / 32-bit images An important point: many 24-bit colour images are actually stored as 32-bit images, with the extra byte of data for each. Allows RGBA colour scheme; Red, Green, Blue, Alpha. Pixel used to store an alpha value representing the degree of transparency.
19 Image Colour Schemes
20 Various Colour Schemes Several colour schemes (also called colour space, models or formats) have been developed to represent colour mathematically. There are 4 commonly used colour schemes : RGB Colour Scheme CMY or CMYK Colour Scheme HSB or HSI (Hue,Saturation,Brightness/Intensity) Colour Scheme YUV Colour Scheme
21 1) RGB Colour Scheme Colours are represented by a numeric triplet specifying R, G and B intensities. This model is convenient for CRTs since the numeric values can be easily mapped to voltages for the R, G, and B guns. Any colour can be defined by giving its R, G and B values, or coordinates, (red,green,blue). This is referred to as an ordered triplet.
22 2) CMY/CMYK Colour Scheme CMYK (Cyan,Magenta,Yellow,Black) scheme is widely used for colour printing. To print a particular colour on a white page, one must apply inks that subtract (absorb) all colours other than the one desired. Cyan, magenta, and yellow are the subtractive primaries and are the complements of red, green and blue. Colour is specified by what is subtracted from white light (which is the sum of R, G and B). Cyan subtracts red from white, and so on. Therefore, white can only be generated on white paper. The conversion between RGB and CMY can be done by using : C 1 R M 1 G Y 1 B
23 CMY/CMYK Colour Scheme Theoretically, if Cyan, Magenta, and Yellow are mixed, then all the RGB colours are subtracted, and we get black. However, in practice inks are not pure, hence a special black ink is used. Yellow Y Red Green Black White M Magenta Cyan C Blue
24 Additive Mixing White Light : It consists of energy throughout the visible light spectrum. Primary colours : Red (R), Green (G), and Blue (B) are three primary colours. Additive Mixing : All the colours in the spectrum can be created with the primary colours. This is called additive colour property and it works for the mixing of primary colour that are emitting light. Example, mixing R and G yields yellow. When R, G and B colours all mixed together, an entire spectrum of colours can be created.
25 Subtractive Mixing Secondary colours : Cyan, Magenta and Yellow (CMY) are secondary colours or subtractive primary colours. Subtractive Mixing : Subtractive colour mixing is based on reflective colours rather than emissive colours. It generates colour by mixing secondary colours. For example, mixing magenta and yellow yields red. In subtractive mixing, unwanted colours are selectively absorbed and the required colour is reflected. The yellow colour absorbs the blue component, and the magenta absorbs the green component, resulting in red. Subtractive mixing is used primarily in the printing industry, by printing the three subtractive colours in differing proportions on white paper can generate all the colours in the spectrum.
26 Additive and Subtractive Mixing Additive Colour Mixing Subtractive Colour Mixing R Yellow B M W C Y G Cyan Green Black Blue Red Magenta White
27 3) HSB/HSI Colour Scheme Computer monitors display colours by emitting colour dots (red, green, blue). Creation of colour is based on function of three characteristics: > hue, saturation & brightness / lightness. (HSB / HSL) Colours are represented by a triplet representing hue (hue is dominant colour of a sample and is represented by an angular value varying from red to green to blue at 120 intervals), saturation (purity of the colour) and brightness (luminance, or intensity of the colour).
28 HSB/HSI Colour Scheme Hue: It is the colour sensation produced in an observer due to the presence of certain wavelengths of colour. Each wavelength presents a different hue. Hue is based on a vector value moving from 0 to 360 degrees on a colour wheel. Saturation: This is a measure of colour intensity, for example, the difference between red and pink. Although the two colours have the same predominant wavelength, one may have more white colour mixed in with it and hence appear less saturated. (100% = pure colour, 0% = black, white, gray) Intensity / Luminance or Brightness : This is a measure of the light emitted or reflected by an object. Certain colours appear brighter than others as the human eye does not respond in the same way to all colours. The human eyes see finer details in image scene more because of brightness variations than because of colour variations.
29 4) YUV Colour Scheme This is the basic colour format used by composite colour TV standards (NTSC, PAL and SECAM). Y represents the luminance/brightness and can be thought of as containing black and white or gray-scale information. U and V carry the chrominance or colour information. There are a variety of YUV-like colour models. The advantage of using YUV for broadcast is that the amount of data needed to define a television picture is greatly reduced. The disadvantage is that many colours that appear on a computer display cannot be recreated on TV.
30 Colour Dithering Usually, digitised images are 24 bit, 16 million colour depth. If display system is limited to less than 16 million colours, the image must be transformed for display in the lesser colour environment (colour dithering). Colour Dithering the process through which colours are changed to meet the closest available colour based on the available palette. Colours are substituted with closest available colours (output device). The quality of dithering will depend on the algorithm used to select the closest colour.
31 Image Processing
32 Image Processing Analyzing and manipulating images with a computer. Image processing generally involves three steps: 1. Import an image with an optical scanner or directly through digital photography. 2. Manipulate or analyze the image in some way. This stage can include image enhancement and data compression. 3. Output the result. The result might be the image altered in some way.
33 Image Processing Techniques Image processing operations may operate directly on pixel data or on higher level features such as edges, surfaces, and volumes. Image processing operations may be roughly divided into six categories. - Editing - Point operations - Filtering - Compositing - Geometric transformations - Conversions Support for a variety of image operations is now becoming available in page layout and paint programs (such as Photoshop).
34 1) Editing The most basic operation is changing individual pixels. Image editors also support cutting, copying, and pasting selected groups of pixel. A selection might be a simple rectangular sub-image or an arbitrarily shaped region. Selections are either drawn by the user or calculated by software (for instance, by examining colour differences between neighboring pixels).
35 2) Point Operations A point operation consists of applying a function to every pixel in an image (or selection). The function is such that in calculating a new pixel value, the only image data used is the pixel s current value and exclude the neighboring pixels. Examples include: Thresholding: A pixel is set to 1 or 0 depending upon whether it is above or below the threshold value. This creates monochrome (binary) images which are often used as masks when compositing*. * Compositing: creating new images or moving images by combining images from different sources like realworld digital video, film, synthetic 3-D imagery, 2-D animations, painted backdrops, digital still photographs, and text. colour correction: An image may be modified to increase or reduce contrast, brightness, and to strengthen or weaken particular colours.
36 3) Filtering Filter operations, like point operation, involve applying a function to every pixel in an image or selection. The function determines a pixel s new value based on its current value and that of neighboring pixels. Depending on the definition of the function, filtering is used to blur or sharpen the image, introduce distortions, and produce a variety of special effects.
37 4) Compositing Image compositing is the combination of two or more images to produce a new image. Alpha channels are frequently used to control blending and masking. In general, compositing is specified by mathematical relationship between the various images. For instance one image might be produced from the sum of two existing images. A very large variety of effects are possible.
38 5) Geometric Transformations Basic geometric transformations include displacing, rotating, mirroring, and scaling an image. Other geometric transformations include skewing (slanting) and warping (an example of warping is mapping a rectangular selection to an arbitrary four-sided polygon)
39 6) Conversions With the variety of image formats available, there is a frequent need to convert from one format to another. Fortunately, there are a number of public domain software packages which handle many format conversion tasks. In addition, image processing software will usually import and export images in a number of formats. Besides format conversion, there are other operations that can be considered forms of conversion. These include image compression or decompression, changing colour schemes (or models) and changing image depth or resolution.
40 Graphic File formats Due to the number of choices available in determining image representation, it is not surprising that a number of image formats have evolved. Some examples of image file formats used for storing images are GIF (Graphics Interchange Format) Bitmap PostScript JPEG TIFF (Tagged Image File Format) TGA (often called Targa) PNG, and etc.
41 Graphics Interchange Format (GIF) 8-bit per pixel, bitmap image format commonly used by the world wide web Uses lossless compression technique Compress line art well Image can have transparent portion Interlaced images possible Animation possible (Jasc Animation Shop ) Can only have a maximum of 256 colours Does not compress photographs well Copyrighted format such that developers must pay royalty
42 Windows Bitmap (BMP) Bitmapped Graphics Format Most common format containing pixel by pixel value Platform independent Support up to 24-bit colour depth No compression A 32-bit version with integrated alpha channel has been introduced with Windows XP. (support transparency) No animation
43 Joint Photographic Expert Group (JPEG) Commonly used standard method of compression for photographic images Support a maximum of 16.7 million colours Compresses photographs well Possible to select compression ratio versus quality Progressive (interlaced) images possible Lossy compression technique: Losses some image information Degradation of image possible with repeated editing and saving No transparency No animation
44 Portable Network Graphic (PNG) No colour information lost Can use all colour depth - supports more than 16.7 million colours Compresses well- Lossless Compression Technique Image can have transparent portion No animation
45 Other Graphic File formats RAW Graphics File Format (.raw) A flexible basic file format for transferring files between applications and computer platforms. This format consists of a stream of bytes describing the colour information in the file. Tagged Image File Format (.tif,.tiff) TIFF is mainly used for exchanging documents between different applications and different computer platforms. It supports the LZW method compression for image types. Truevision Targa (.tga) Developed by Truevision Inc. TGA files is a file format that will support images suitable for display on Targa hardware but is supported by many applications on a wide range of platforms. Z Soft Paintbrush (.pcx) Bitmap graphics file format, originally developed by Z-Soft for use with PC-Paintbrush. This file format is now used and generated by many applications and scanners.
46 COMMON VECTOR FORMATS Adobe Illustrator file (.ai) CORELDraw file (.cdr) Enhance Metafile (.emf) Encapsulated PostScript file (.ps) Macromedia FreeHand file (.fh) Macintosh PICT (.pic or.pct) ShockWave Flash (.swf) Scaleable Vector Graphic (.svg) Windows Metafiles (.wmf)
47 Summary 1. Types of graphics - bitmap graphic - vector graphic 2. Resolution - Image resolution - Display resolution - Colour resolution 3. Graphic file size = Height X Width X (Colour depth / 8) 4. Types of images - Binary/Bitonal image - Grayscale image - Colour image - RGBA/32-bit image
48 Summary 5. Image colour schemes - RGB colour scheme - CMY/CMYK colour scheme - HSB/HSI colour scheme - YUV colour scheme 6. Colour dithering is the process through which colours are changed to meet the closest available colour based on the available palette. 7. Image processing techniques: - Editing - Point operations - Filtering - Compositing - Geometric transformations - Conversions
CHAPTER 3 I M A G E S
CHAPTER 3 I M A G E S OBJECTIVES Discuss the various factors that apply to the use of images in multimedia. Describe the capabilities and limitations of bitmap images. Describe the capabilities and limitations
More informationDr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06
Dr. Shahanawaj Ahamad 1 Outline: Basic concepts underlying Images Popular Image File formats Human perception of color Various Color Models in use and the idea behind them 2 Pixels -- picture elements
More informationDigital Imaging & Photoshop
Digital Imaging & Photoshop Photoshop Created by Thomas Knoll in 1987, originally called Display Acquired by Adobe in 1988 Released as Photoshop 1.0 for Macintosh in 1990 Released the Creative Suite in
More informationRaster (Bitmap) Graphic File Formats & Standards
Raster (Bitmap) Graphic File Formats & Standards Contents Raster (Bitmap) Images Digital Or Printed Images Resolution Colour Depth Alpha Channel Palettes Antialiasing Compression Colour Models RGB Colour
More informationLECTURE 02 IMAGE AND GRAPHICS
MULTIMEDIA TECHNOLOGIES LECTURE 02 IMAGE AND GRAPHICS IMRAN IHSAN ASSISTANT PROFESSOR THE NATURE OF DIGITAL IMAGES An image is a spatial representation of an object, a two dimensional or three-dimensional
More information6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:
CHAPTER 6. Graphics MULTIMEDIA & GRAPHICS Graphics covers wide range of pictorial representations. Uses for computer graphics include: Buttons Charts Diagrams Animated images 2 1 MULTIMEDIA GRAPHICS Challenges
More informationINTRODUCTION TO COMPUTER GRAPHICS
INTRODUCTION TO COMPUTER GRAPHICS ITC 31012: GRAPHICAL DESIGN APPLICATIONS AJM HASMY hasmie@gmail.com WHAT CAN PS DO? - PHOTOSHOPPING CREATING IMAGE Custom icons, buttons, lines, balls or text art web
More informationDigital Images. Digital Images. Digital Images fall into two main categories
Digital Images Digital Images Scanned or digitally captured image Image created on computer using graphics software Digital Images fall into two main categories Vector Graphics Raster (Bitmap) Graphics
More information4 Images and Graphics
LECTURE 4 Images and Graphics CS 5513 Multimedia Systems Spring 2009 Imran Ihsan Principal Design Consultant OPUSVII www.opuseven.com Faculty of Engineering & Applied Sciences 1. The Nature of Digital
More informationB.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)
Image Data Color Models RGB (the additive color model) CYMK (the subtractive color model) Pixel Data Color Depth Every pixel is assigned to one specific color. The amount of data stored for every pixel,
More informationImage Processing for Mechatronics Engineering For senior undergraduate students Academic Year 2017/2018, Winter Semester
Image Processing for Mechatronics Engineering For senior undergraduate students Academic Year 2017/2018, Winter Semester Lecture 8: Color Image Processing 04.11.2017 Dr. Mohammed Abdel-Megeed Salem Media
More informationImage Perception & 2D Images
Image Perception & 2D Images Vision is a matter of perception. Perception is a matter of vision. ES Overview Introduction to ES 2D Graphics in Entertainment Systems Sound, Speech & Music 3D Graphics in
More informationA raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels.
Graphics 1 Raster Vector A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels. Vector graphics use mathematical relationships
More informationPhotoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf
Photoshop 01 Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf Topics Raster Graphics Document Setup Image Size & Resolution Tools Selecting and Transforming
More informationUnderstanding Image Formats And When to Use Them
Understanding Image Formats And When to Use Them Are you familiar with the extensions after your images? There are so many image formats that it s so easy to get confused! File extensions like.jpeg,.bmp,.gif,
More informationDigital Imaging and Image Editing
Digital Imaging and Image Editing A digital image is a representation of a twodimensional image as a finite set of digital values, called picture elements or pixels. The digital image contains a fixed
More informationElements of Design. Basic Concepts
Elements of Design Basic Concepts Elements of Design The four elements of design are as follows: Color Line Shape Texture Elements of Design Color: Helps to identify objects Helps understand things Helps
More informationImages and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University
Images and Graphics Images and Graphics Graphics and images are non-textual information that can be displayed and printed. Graphics (vector graphics) are an assemblage of lines, curves or circles with
More informationDigital Imaging - Photoshop
Digital Imaging - Photoshop A digital image is a computer representation of a photograph. It is composed of a grid of tiny squares called pixels (picture elements). Each pixel has a position on the grid
More informationPhotoshop Elements Week 1 - Photoshop Elements Work Environment
Menu Bar Just like any computer program, you have several dropdown menus to work with. Explore them all! But, most importantly remember to SAVE! Photoshop Elements Toolbox (with keyboard shortcut) Photoshop
More informationColors in Images & Video
LECTURE 8 Colors in Images & Video CS 5513 Multimedia Systems Spring 2009 Imran Ihsan Principal Design Consultant OPUSVII www.opuseven.com Faculty of Engineering & Applied Sciences 1. Light and Spectra
More informationWelcome to Photoshop CS
Chapter 1 Welcome to Photoshop CS COPYRIGHTED MATERIAL Photoshop CS is the latest version of Photoshop, Adobe s powerful image-editing program. It s part of Adobe s Creative Suite, a package of design
More informationCATEGORY SKILL SET REF. TASK ITEM
ECDL / ICDL Image Editing This module sets out essential concepts and skills relating to the ability to understand the main concepts underlying digital images and to use an image editing application to
More informationMOTION GRAPHICS BITE 3623
MOTION GRAPHICS BITE 3623 DR. SITI NURUL MAHFUZAH MOHAMAD FTMK, UTEM Lecture 1: Introduction to Graphics Learn critical graphics concepts. 1 Bitmap (Raster) vs. Vector Graphics 2 Software Bitmap Images
More informationFundamentals of Multimedia
Fundamentals of Multimedia Lecture 2 Graphics & Image Data Representation Mahmoud El-Gayyar elgayyar@ci.suez.edu.eg Outline Black & white imags 1 bit images 8-bit gray-level images Image histogram Dithering
More informationIMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication
IMAGE SIZING AND RESOLUTION MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication Copyright 2013 MyGraphicsLab / Pearson Education OBJECTIVES This presentation covers
More informationBitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web
Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web Bitmap Vector (*Refer to Textbook Page 175 file formats) Bitmap
More informationSpecific structure or arrangement of data code stored as a computer file.
FILE FORMAT Specific structure or arrangement of data code stored as a computer file. A file format tells the computer how to display, print, process, and save the data. It is dictated by the application
More informationComputers and Imaging
Computers and Imaging Telecommunications 1 P. Mathys Two Different Methods Vector or object-oriented graphics. Images are generated by mathematical descriptions of line (vector) segments. Bitmap or raster
More informationGraphics for Web. Desain Web Sistem Informasi PTIIK UB
Graphics for Web Desain Web Sistem Informasi PTIIK UB Pixels The computer stores and displays pixels, or picture elements. A pixel is the smallest addressable part of the computer screen. A pixel is stored
More informationImages and Colour COSC342. Lecture 2 2 March 2015
Images and Colour COSC342 Lecture 2 2 March 2015 In this Lecture Images and image formats Digital images in the computer Image compression and formats Colour representation Colour perception Colour spaces
More informationPENGENALAN TEKNIK TELEKOMUNIKASI CLO
PENGENALAN TEKNIK TELEKOMUNIKASI CLO : 4 Digital Image Faculty of Electrical Engineering BANDUNG, 2017 What is a Digital Image A digital image is a representation of a two-dimensional image as a finite
More informationHow to Avoid Landmines: Managing your Motion Graphics Projects
How to Avoid Landmines: Managing your Motion Graphics Projects -Richard Harrington, PMP www.rhedpixel.com 703.560.0220 Import Tips Double-Click in Project Window Shift-Click Multiple Items Organize in
More informationHTTP transaction with Graphics HTML file + two graphics files
HTTP transaction with Graphics HTML file + two graphics files Graphics are grids of Pixels (Picture Elements) Each pixel is exactly one color. At normal screen resolution you can't tell they are square.
More informationIntroduction to Color Theory
Systems & Biomedical Engineering Department SBE 306B: Computer Systems III (Computer Graphics) Dr. Ayman Eldeib Spring 2018 Introduction to With colors you can set a mood, attract attention, or make a
More informationMultimedia. Graphics and Image Data Representations (Part 2)
Course Code 005636 (Fall 2017) Multimedia Graphics and Image Data Representations (Part 2) Prof. S. M. Riazul Islam, Dept. of Computer Engineering, Sejong University, Korea E-mail: riaz@sejong.ac.kr Outline
More informationCMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB Unit 5 Graphics and Images Slides based on course material SFU Icons their respective owners 1 Learning Objectives In this unit you will learn
More informationBitmap Image Formats
LECTURE 5 Bitmap Image Formats CS 5513 Multimedia Systems Spring 2009 Imran Ihsan Principal Design Consultant OPUSVII www.opuseven.com Faculty of Engineering & Applied Sciences 1. Image Formats To store
More informationChapter 3 Graphics and Image Data Representations
Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats 3.3 Further Exploration 1 Li & Drew c Prentice Hall 2003 3.1 Graphics/Image Data Types The number
More informationColor and Images. Computer Science and Engineering College of Engineering The Ohio State University. Lecture 16
Color and Images Computer Science and Engineering College of Engineering The Ohio State University Lecture 16 Colors in CSS Use: fonts, borders, backgrounds Provides semantic signal: Green go, success,
More informationLECTURE 07 COLORS IN IMAGES & VIDEO
MULTIMEDIA TECHNOLOGIES LECTURE 07 COLORS IN IMAGES & VIDEO IMRAN IHSAN ASSISTANT PROFESSOR LIGHT AND SPECTRA Visible light is an electromagnetic wave in the 400nm 700 nm range. The eye is basically similar
More informationCD: (compact disc) A 4 3/4" disc used to store audio or visual images in digital form. This format is usually associated with audio information.
Computer Art Vocabulary Bitmap: An image made up of individual pixels or tiles Blur: Softening an image, making it appear out of focus Brightness: The overall tonal value, light, or darkness of an image.
More informationLecture 8. Color Image Processing
Lecture 8. Color Image Processing EL512 Image Processing Dr. Zhu Liu zliu@research.att.com Note: Part of the materials in the slides are from Gonzalez s Digital Image Processing and Onur s lecture slides
More informationColor & Compression. Robin Strand Centre for Image analysis Swedish University of Agricultural Sciences Uppsala University
Color & Compression Robin Strand Centre for Image analysis Swedish University of Agricultural Sciences Uppsala University Outline Color Color spaces Multispectral images Pseudocoloring Color image processing
More informationGUIDELINES & INFORMATION
GUIDELINES & INFORMATION This document will provide basic guidelines for the use of the World Animal Day logo and general knowledge about the various file formats provided. Adhering to these guidelines
More informationITP 140 Mobile App Technologies. Colors Images Icons
ITP 140 Mobile App Technologies Colors Images Icons Establish a style Look and Feel Create or choose a color palette Pick colors that complement each other Pick colors that are representative of your app
More informationLecture - 3. by Shahid Farid
Lecture - 3 by Shahid Farid Image Digitization Raster versus vector images Progressive versus interlaced display Popular image file formats Why so many formats? Shahid Farid, PUCIT 2 To create a digital
More informationIn order to manage and correct color photos, you need to understand a few
In This Chapter 1 Understanding Color Getting the essentials of managing color Speaking the language of color Mixing three hues into millions of colors Choosing the right color mode for your image Switching
More informationDigital Asset Management 2. Introduction to Digital Media Format
Digital Asset Management 2. Introduction to Digital Media Format 2010-09-09 Content content = essence + metadata 2 Digital media data types Table. File format used in Macromedia Director File import File
More informationImage and video processing (EBU723U) Colour Images. Dr. Yi-Zhe Song
Image and video processing () Colour Images Dr. Yi-Zhe Song yizhe.song@qmul.ac.uk Today s agenda Colour spaces Colour images PGM/PPM images Today s agenda Colour spaces Colour images PGM/PPM images History
More informationComputer Graphics. Rendering. Rendering 3D. Images & Color. Scena 3D rendering image. Human Visual System: the retina. Human Visual System
Rendering Rendering 3D Scena 3D rendering image Computer Graphics Università dell Insubria Corso di Laurea in Informatica Anno Accademico 2014/15 Marco Tarini Images & Color M a r c o T a r i n i C o m
More informationUsing Adobe Photoshop
Using Adobe Photoshop 1-1 - Advantages of Digital Imaging Until the 70s, using computers for images was unheard of outside academic circles. As general purpose computers have become faster with more capabilities,
More information3.1 Graphics/Image age Data Types. 3.2 Popular File Formats
Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats 3.1 Graphics/Image age Data Types The number of file formats used in multimedia continues to proliferate.
More informationCMPSC 390 Visual Computing Spring 2014 Bob Roos Review Notes Introduction and PixelMath
Review Notes 1 CMPSC 390 Visual Computing Spring 2014 Bob Roos http://cs.allegheny.edu/~rroos/cs390s2014 Review Notes Introduction and PixelMath Major Concepts: raster image, pixels, grayscale, byte, color
More informationLecture #2: Digital Images
Lecture #2: Digital Images CS106E Spring 2018, Young In this lecture we will see how computers display images. We ll find out how computers generate color and discover that color on computers works differently
More informationImage Optimization for Print and Web
There are two distinct types of computer graphics: vector images and raster images. Vector Images Vector images are graphics that are rendered through a series of mathematical equations. These graphics
More informationCoreldraw Crash Course
Coreldraw Crash Course Yannick Kremer Vrije Universiteit Amsterdam, February 27, 2007 Outline - Introduction to the basics of digital imaging - Bitmaps - Vectors - Colour: RGB vs CMYK - What can you do
More information1 Li & Drew c Prentice Hall Li & Drew c Prentice Hall 2003
Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats 3.3 Further Exploration 3.1 Graphics/Image Data Types The number of file formats used in multimedia
More informationSampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors
ITEC2110 FALL 2011 TEST 2 REVIEW Chapters 2-3: Images I. Concepts Graphics A. Bitmaps and Vector Representations Logical vs. Physical Pixels - Images are modeled internally as an array of pixel values
More informationRaster Image File Formats
Raster Image File Formats 1995-2016 Josef Pelikán & Alexander Wilkie CGG MFF UK Praha pepca@cgg.mff.cuni.cz http://cgg.mff.cuni.cz/~pepca/ 1 / 35 Raster Image Capture Camera Area sensor (CCD, CMOS) Colours:
More informationCourse Objectives & Structure
Course Objectives & Structure Digital imaging is at the heart of science, medicine, entertainment, engineering, and communications. This course provides an introduction to mathematical tools for the analysis
More informationWelcome Back to Fundamentals of Multimedia (MR412) Fall, 2012 Chapter 3. ZHU Yongxin, Winson
Welcome Back to Fundamentals of Multimedia (MR412) Fall, 2012 Chapter 3 ZHU Yongxin, Winson zhuyongxin@sjtu.edu.cn Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular
More informationDigital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply
Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply or include the processing, compression, storage, printing,
More informationVector VS Pixels Introduction to Adobe Photoshop
MMA 100 Foundations of Digital Graphic Design Vector VS Pixels Introduction to Adobe Photoshop Clare Ultimo Using the right software for the right job... Which program is best for what??? Photoshop Illustrator
More informationFig Color spectrum seen by passing white light through a prism.
1. Explain about color fundamentals. Color of an object is determined by the nature of the light reflected from it. When a beam of sunlight passes through a glass prism, the emerging beam of light is not
More informationThe next table shows the suitability of each format to particular applications.
What are suitable file formats to use? The four most common file formats used are: TIF - Tagged Image File Format, uncompressed and compressed formats PNG - Portable Network Graphics, standardized compression
More informationPhotoshop Elements. Lecturer: Ivan Renesto. Course description and objectives. Audience. Prerequisites. Duration
Photoshop Elements Lecturer: Ivan Renesto Course description and objectives Course objective is to provide the basic knowledge to use a selection of the most advanced tools for editing and managing image
More informationCGT 511. Image. Image. Digital Image. 2D intensity light function z=f(x,y) defined over a square 0 x,y 1. the value of z can be:
Image CGT 511 Computer Images Bedřich Beneš, Ph.D. Purdue University Department of Computer Graphics Technology Is continuous 2D image function 2D intensity light function z=f(x,y) defined over a square
More informationDIGITAL IMAGING FOUNDATIONS
CHAPTER DIGITAL IMAGING FOUNDATIONS Photography is, and always has been, a blend of art and science. The technology has continually changed and evolved over the centuries but the goal of photographers
More informationImages and Displays. Lecture Steve Marschner 1
Images and Displays Lecture 2 2008 Steve Marschner 1 Introduction Computer graphics: The study of creating, manipulating, and using visual images in the computer. What is an image? A photographic print?
More information15110 Principles of Computing, Carnegie Mellon University
1 Last Time Data Compression Information and redundancy Huffman Codes ALOHA Fixed Width: 0001 0110 1001 0011 0001 20 bits Huffman Code: 10 0000 010 0001 10 15 bits 2 Overview Human sensory systems and
More informationApplying mathematics to digital image processing using a spreadsheet
Jeff Waldock Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Department of Engineering and Mathematics Sheffield Hallam University j.waldock@shu.ac.uk Introduction When
More informationCGT 211 Sampling and File Formats
CGT 211 Sampling and File Formats The Physics of What We Do 2 types of waves - electromagnetic and pressure Analog frequency variations, infinite defines color, brightness, pitch, volume Digital Data Binary
More informationCS 262 Lecture 01: Digital Images and Video. John Magee Some material copyright Jones and Bartlett
CS 262 Lecture 01: Digital Images and Video John Magee Some material copyright Jones and Bartlett 1 Overview/Questions What is digital information? What is color? How do pictures get encoded into binary
More informationIMAGES AND COLOR. N. C. State University. CSC557 Multimedia Computing and Networking. Fall Lecture # 10
IMAGES AND COLOR N. C. State University CSC557 Multimedia Computing and Networking Fall 2001 Lecture # 10 IMAGES AND COLOR N. C. State University CSC557 Multimedia Computing and Networking Fall 2001 Lecture
More informationDigital Image Processing. Lecture # 8 Color Processing
Digital Image Processing Lecture # 8 Color Processing 1 COLOR IMAGE PROCESSING COLOR IMAGE PROCESSING Color Importance Color is an excellent descriptor Suitable for object Identification and Extraction
More informationUnderstanding Color Theory Excerpt from Fundamental Photoshop by Adele Droblas Greenberg and Seth Greenberg
Understanding Color Theory Excerpt from Fundamental Photoshop by Adele Droblas Greenberg and Seth Greenberg Color evokes a mood; it creates contrast and enhances the beauty in an image. It can make a dull
More informationCSC 170 Introduction to Computers and Their Applications. Lecture #3 Digital Graphics and Video Basics. Bitmap Basics
CSC 170 Introduction to Computers and Their Applications Lecture #3 Digital Graphics and Video Basics Bitmap Basics As digital devices gained the ability to display images, two types of computer graphics
More informationImages 6 11/21/2016. Describe the capabilities and limitations of bitmap images. Describe the capabilities and limitations of vector images.
Chapter 6 Images Learning Objectives This lesson looks at images and shows the students what they need to create and edit them. At the end of the lesson, the students will be able to: Discuss the various
More informationPicsel epage. Bitmap Image file format support
Picsel epage Bitmap Image file format support Picsel Image File Format Support Page 2 Copyright Copyright Picsel 2002 Neither the whole nor any part of the information contained in, or the product described
More informationCS101 Lecture 19: Digital Images. John Magee 18 July 2013 Some material copyright Jones and Bartlett. Overview/Questions
CS101 Lecture 19: Digital Images John Magee 18 July 2013 Some material copyright Jones and Bartlett 1 Overview/Questions What is digital information? What is color? How do pictures get encoded into binary
More informationPhotoshop Notes and Application Study Packet
Basic Parts of Photoshop Interface Photoshop Notes and Application Study Packet PANELS Photoshop Study Packet Copyright Law The World Intellectual Property Organization (WIPO) Copyright treaty restrict
More informationIntroduction to Multimedia Computing
COMP 319 Lecture 02 Introduction to Multimedia Computing Fiona Yan Liu Department of Computing The Hong Kong Polytechnic University Learning Outputs of Lecture 01 Introduction to multimedia technology
More informationPhotoshop (Image Processing)
Photoshop (Image Processing) Photoshop is a paint program developed by Adobe. It allows a user to operate on pixels on the screen. The basic concept of Photoshop (and any other paint program) is to simulate
More information3. Image Formats. Figure1:Example of bitmap and Vector representation images
3. Image Formats. Introduction With the growth in computer graphics and image applications the ability to store images for later manipulation became increasingly important. With no standards for image
More information05 Color. Multimedia Systems. Color and Science
Multimedia Systems 05 Color Color and Science Imran Ihsan Assistant Professor, Department of Computer Science Air University, Islamabad, Pakistan www.imranihsan.com Lectures Adapted From: Digital Multimedia
More informationUsing Adobe Photoshop
Using Adobe Photoshop 4 Colour is important in most art forms. For example, a painter needs to know how to select and mix colours to produce the right tones in a picture. A Photographer needs to understand
More informationLECTURE 03 BITMAP IMAGE FORMATS
MULTIMEDIA TECHNOLOGIES LECTURE 03 BITMAP IMAGE FORMATS IMRAN IHSAN ASSISTANT PROFESSOR IMAGE FORMATS To store an image, the image is represented in a two dimensional matrix of pixels. Information about
More informationCommercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch
Commercial Art 1 Photoshop Study Guide To help prepare you for the Photoshop test, be sure you can answer the following questions: 1) What are the three things should you do when you first open a Photoshop
More informationITP 140 Mobile App Technologies. Images
ITP 140 Mobile App Technologies Images Images All digital images are rectangles! Each image has a width and height 2 Terms Pixel A picture element Screen size In inches Resolution A width and height DPI
More information4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics
Simple Graphics and Image Processing The Plan For Today Website Updates Intro to Python Quiz Corrections Missing Assignments Graphics and Images Simple Graphics Turtle Graphics Image Processing Assignment
More informationBy Washan Najat Nawi
By Washan Najat Nawi how to get started how to use the interface how to modify images with basic editing skills Adobe Photoshop: is a popular image-editing software. Two general usage of Photoshop Creating
More information15110 Principles of Computing, Carnegie Mellon University
1 Overview Human sensory systems and digital representations Digitizing images Digitizing sounds Video 2 HUMAN SENSORY SYSTEMS 3 Human limitations Range only certain pitches and loudnesses can be heard
More informationGuide to Computer Forensics and Investigations Third Edition. Chapter 10 Chapter 10 Recovering Graphics Files
Guide to Computer Forensics and Investigations Third Edition Chapter 10 Chapter 10 Recovering Graphics Files Objectives Describe types of graphics file formats Explain types of data compression Explain
More informationSTANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies
STANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies www.foray.com 1.888.849.6688 2005, FORAY Technologies. All rights reserved. What s
More informationChapter 4. Incorporating Color Techniques
Chapter 4 Incorporating Color Techniques Color Modes Photoshop displays and prints images using specific color modes A mode is the amount of color data that can be stored in a given file format 2 Color
More informationDigital Image Creation and Development
Unit 37: Digital Image Creation and Development Unit code: Y/601/6721 QCF Level 5: BTEC Higher National Credit value: 15 Aim This unit aims to develop skills and understanding in sourcing, creating, developing
More informationFactors to Consider When Choosing a File Type
Factors to Consider When Choosing a File Type Compression Since image files can be quite large, many formats employ some form of compression, the process of making the file size smaller by altering or
More information*Which code? Images, Sound, Video. Computer Graphics Vocabulary
*Which code? Images, Sound, Video Y. Mendelsohn When a byte of memory is filled with up to eight 1s and 0s, how does the computer decide whether to represent the code as ASCII, Unicode, Color, MS Word
More informationSubjective evaluation of image color damage based on JPEG compression
2014 Fourth International Conference on Communication Systems and Network Technologies Subjective evaluation of image color damage based on JPEG compression Xiaoqiang He Information Engineering School
More information