LECTURE 02 IMAGE AND GRAPHICS
|
|
- Wilfrid Austin
- 5 years ago
- Views:
Transcription
1 MULTIMEDIA TECHNOLOGIES LECTURE 02 IMAGE AND GRAPHICS IMRAN IHSAN ASSISTANT PROFESSOR
2 THE NATURE OF DIGITAL IMAGES An image is a spatial representation of an object, a two dimensional or three-dimensional scene or another image. Often the images reflect the intensity of lights. Most photographs are called continuous tone images because the method used to develop the photograph creates the illusion of perfect continuous tone throughout the image. Images stored and processed by computers, displayed on computer screens, are called digital images although they often look like continuous tone. This is because they are represented by a matrix of numeric values each represents a quantized intensity values. Basic Concepts The smallest element on a digital image is known as a pixel a picture element. A digital image consists of a (usually rectangular) matrix of pixels. Width Height
3 DEPTH The depth of an image is the number of bits used to represent each pixel. 1 bit black and white image, also called bitmap image. 4 bit can represent 16 colors, used in low resolution screens (EGA/VGA) 8 bit can have 256 colors. The 256 color images are often known as indexed color images. The values are actually indexes to a table of many more different colors. For example, Color 3 is mapped to (200, 10, 10). 8 bit grey 256 grey levels. The image contains only brightness / intensity data without color information.
4 DEPTH 16 bit can have colors, also known as hi color in Windows systems. The 16 bits are divided into 5 bits for RED, 6 bits for GREEN & 5 bits for BLUE. 24 bit 2 24 = 16,777,216 colors, true color. Each byte is used to represent the intensity of a primary color, RED, GREEN and BLUE. Each color can have 256 different levels. 32 bit 2 32 = 4,294,967,296 (4G). Usually, 3 bytes are used to represent the three primary colors and the fourth byte is used as the alpha channel.
5 DEPTH
6 RESOLUTION Resolution measures how much detail an image can have. There are several resolutions relating to images. Image resolution is the number of pixels in an image. 320 X 240 = pixels 700 X 400 = pixels Display (Monitor) resolution refers to number of dots per inch (dpi) on a monitor. Windows systems usually have 96dpi resolution. Some high resolution video adapters/monitors support 120dpi. For example, a 288 X 216 image displayed on a monitor with 96dpi will be 3 X 2 ¼. Output resolution refers to number of dots per inch (dpi) on a (hard copy) output device. Many printers have 300dpi or 600 dpi resolution. High quality image setters can print at a range between 1200dpi and 2400dpi, or higher. The above image printed on a 300dpi printer will be 0.96 X 0.72 inch.
7 ACQUIRING DIGITAL IMAGES There are many ways to create or get digital images. We list a some of the most common ways: Make an image from scratch with a paint program. A good program will allow you to choose the depth, resolution and size. Grab an image of a screen. The depth, g p, resolution and size is determined by the screen. Capture an image from a digital camera or a camcorder. The depth, resolution and size is determined by the camera or the camcorder. The popular depth is 24 bit. The commonly used resolution is 320 X 240, 640 X 480 and 800 X 600. Scan a photograph or a print using a scanner. You can select from a range of different depths and resolution. The choice should be determined by the type of original and the final output form. Convert from existing digital media e.g., photocd. The attribute is determined by the original image. Synthesize an image from numerical data.
8 SYSTEM INDEPENDENT FORMATS GIF(GIF87a,GIF89a): Graphics Interchange Format (GIF) devised by the UNISYS Corp. and CompuServe, initially for transmitting graphical images over phone lines via modems. Uses the Lempel Ziv Welch algorithm (compression). Supports only 8 bit (256) color images. Supports interlacing GIF89a supports simple animation JPEG: A standard for photographic image compression created by the Joint Photographic Experts Group Takes advantage of limitations in the human vision system to achieve high rates of compression Lossy compression which allows user to set the desired level of quality/compression
9 SYSTEM INDEPENDENT FORMATS TIFF: Developed by the Aldus Corp. in the 1980's and later supported by the Microsoft Tagged Image File Format (TIFF), stores many different types of images (e.g., monochrome, greyscale, 8 bit & 24 bit RGB, etc.) TIFF is a lossless format (when not utilizing the new JPEG tag which allows for JPEG compression) It does not provide any major advantages over JPEG and is not as user controllable. It appears to be declining in popularity Graphics Animation Files: FLC main animation or moving picture file format, originally created by Animation Pro FLI similar to FLC GL better quality moving pictures, usually large file sizes Postscript/ PDF: A typesetting language which includes text as well as vector/structured graphics and bit mapped images Used in several popular graphics programs (Illustrator, FreeHand) Does not provide compression, files are often large
10 SYSTEM DEPENDENT FORMATS Windows(BMP): A system standard graphics file format for Microsoft Windows Used in PC Paintbrush and other programs It is capable of storing 24 bit bitmap images Macintosh(PAINT, PICT): PAINT was originally used in MacPaint program, initially only for 1 bit monochrome images. PICT format is used in MacDraw (a vector based drawing program) for storing structured graphics X windows(xbm): Primary graphics format for the X Window system Supports 24 bit color bitmap Many public domain graphic editors, e.g., xv Used in X Windows for storing icons, pixmaps, backdrops, etc.
11 PNG: THE FUTURE OF GIF The Portable Network Graphics (PNG) format was designed to replace the older and simpler GIF format and, to some extent, the much more complex TIFF format. Advantages over GIF: Alpha channels (variable transparency) Also known as a mask channel, it is simply, p y a way to associate variable transparency with an image. Gamma correction (cross platform control of image brightness) Two dimensional interlacing (a method of progressive display) GIF uses 1 D interlacing. Better Compression (5 25% better) Features: Supports three main image types: true color, grayscale and palette based (``8 bit''). JPEG only supports the first two; GIF only the third. Shortcomings: No Animation
12 BITMAPPED IMAGES A bitmapped image is stored as a sequence of pixels at some particular resolution. Common bitmapped images include: Desktop icons Scanned images Photographs Formats include: JPEG (compressed image) PNG, BMP
13 INDEXED COLOR Indexed color is a way of compressing an image so it uses less memory. Each pixel in the image is a replaced by an entry (index) to a color palette. If the index is 8 bits, then the palette can store 256 different colors. Each color in the palette is still stored using 24 bits. This reduces overall storage by approximately 66% Lets see an example; Each 24 bit pixel in the original image is replaced by an 8 bit index, specifying the position of the color in the palette. The image memory size has been reduced, but with the limitation of only allowing 256 different colors.
14 WEB SAFE COLOR PALETTE Indexed color was common on early computers and various manufacturers devised their own standard color palettes. Microsoft devised a palette which mixed 216 normal colors with 40 special codes for certain windowing purposes. This palette was used as the basis of the Web Safe Color Palette This defines 216 colors that will accurately y display on any computer and so can be safely transferred across the World Wide Web.
15 POSTERIZATION If an image has more than 256 (or 216) colors then there s an obvious problem with converting it to indexed color. It is necessary to find all the pixels which are similar in color and map them to one entry in the color palette. This may cause areas of textured color to be replaced by crude blocks of a single color. This effect is called Posterization (since advertising posters often use this technique deliberately).
16 DITHERING Dithering is a technique which reduces the visual impact of posterization. Single color areas are sprinkled with darker (or lighter) colored pixels. All the colors used are chosen from the color palette (of course). Often dithering is not noticeable, but sometimes it introduces a grainy effect into the image.
17 LINE ANTI ALIASING A straight line which is not horizontal or vertical can look jagged due to the rectangular layout of pixels. Anti aliasing is a similar concept to dithering. When enlarged, the anti aliasing is very obvious. However, when viewed at normal size, the grey shading produces the illusion of straight lines.
18 BITMAP EDITING PROGRAMS There are numerous programs for editing bitmapped graphics: Photo Shop Paint Shop Fireworks These programs usually save files in a number of file formats: BMP Windows bit map GIF Graphics Interchange Format PNG Portable Network Graphic Typical Editing Features Most bitmap editors offer these features: File opening, closing, saving commands. Resizing, cropping commands Selection tools: Rectangle, lasso, magic wand. Brightness, contrast, colour adjustment. Brush and pencil tools. Text tools: Adding text captions. Colour selection tools: Palette selection, draw bars, eye dropper. Filtering tools: Sharpening, blurring.
4 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 Li, Drew, & Liu 1 1 3.1 Graphics/Image Data Types The number of file formats used in multimedia
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 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 informationTopics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size
Topics 1. Raster vs vector graphics 2. File formats 3. Purpose of use 4. Decreasing file size Vector graphics Object-oriented graphics or drawings Consist of a series of mathematically defined points that
More informationMultimedia-Systems: Image & Graphics
Multimedia-Systems: Image & Graphics Prof. Dr.-Ing. Ralf Steinmetz Prof. Dr. Max Mühlhäuser MM: TU Darmstadt - Darmstadt University of Technology, Dept. of of Computer Science TK - Telecooperation, Tel.+49
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 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 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 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 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 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 informationSTANDARD ST.67 MAY 2012 CHANGES
Ref.: Standards - ST.67 Changes STANDARD ST.67 MAY 2012 CHANGES Pages DEFINITIONS... 1 Paragraph 2(d) deleted May 2012 CWS/2... 1 Paragraph 2(q) added May 2012 CWS/2... 2 RECOMMENDATIONS FOR ELECTRONIC
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 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 informationCHAPTER 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 informationImage is a spatial representation of an object or a scene. (image of a person, place, object)
Graphics & Images 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.
More informationAdobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010
Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010 Introduction to Fireworks CS4 Fireworks CS4 is an image editing program that can handle both vector (line art/logos) and raster
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 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 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 information1. Describe how a graphic would be stored in memory using a bit-mapped graphics package.
HIGHER COMPUTING COMPUTER SYSTEMS DATA REPRESENTATION GRAPHICS SUCCESS CRITERIA I can describe the bit map method of graphic representation using examples of colour or greyscale bit maps. I can describe
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 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 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 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 informationDeveloping Multimedia Assets using Fireworks and Flash
HO-2: IMAGE FORMATS Introduction As you will already have observed from browsing the web, it is possible to add a wide range of graphics to web pages, including: logos, animations, still photographs, roll-over
More informationThe BIOS in many personal computers stores the date and time in BCD. M-Mushtaq Hussain
Practical applications of BCD The BIOS in many personal computers stores the date and time in BCD Images How data for a bitmapped image is encoded? A bitmap images take the form of an array, where the
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 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 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 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 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 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 informationCS 200 Assignment 3 Pixel Graphics Due Tuesday September 27th 2016, 9:00 am. Readings and Resources
CS 200 Assignment 3 Pixel Graphics Due Tuesday September 27th 2016, 9:00 am Readings and Resources Texts: Suggested excerpts from Learning Web Design Files The required files are on Learn in the Week 3
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 informationColor, graphics and hardware Monitors and Display
Color, graphics and hardware Monitors and Display No two monitors display the same image in exactly the same way 1. Gamma settings - hardware setting on a monitor that controls the brightness of the pixels
More informationCapturing and Editing Digital Images *
Digital Media The material in this handout is excerpted from Digital Media Curriculum Primer a work written by Dr. Yue-Ling Wong (ylwong@wfu.edu), Department of Computer Science and Department of Art,
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 informationComputers & Philately Overview
Rochester Philatelic Association George T. Fekete March 8, 2018 Tools Hardware Tools Hardware Computer PC Mac (Apple) Custom Scanner Software Tools Productivity Software Microsoft Office (Best in Class)
More informationCOMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing. Digital Images Vector Graphics
COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing Digital Images Vector Graphics Students should be able to: Learning Outcomes Describe the differences between bitmap graphics
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 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 informationLearning Outcomes. Black and White pictures. Bitmap Graphics. COMPSCI 111/111G Digital Images and Vector Graphics
Learning Outcomes COMPSCI 111/111G Digital Images and Vector Graphics Lecture 13 SS 2018 Students should be able to: Describe the differences between bitmap graphics and vector graphics Calculate the size
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 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 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 informationBit Depth. Introduction
Colourgen Limited Tel: +44 (0)1628 588700 The AmBer Centre Sales: +44 (0)1628 588733 Oldfield Road, Maidenhead Support: +44 (0)1628 588755 Berkshire, SL6 1TH Accounts: +44 (0)1628 588766 United Kingdom
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 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 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 informationAn Analytical Study on Comparison of Different Image Compression Formats
IJIRST International Journal for Innovative Research in Science & Technology Volume 1 Issue 7 December 2014 ISSN (online): 2349-6010 An Analytical Study on Comparison of Different Image Compression Formats
More informationFireworks Bitmap Graphics Hands on practice notes. Basic Panels to note in Fireworks (Review)
Fireworks Bitmap Graphics Hands on practice notes Topics of discussion 1. Saving files in Fireworks (PNG formats) - Review 2. Basic Panels Tool, Property, Layer & Optimize - Overview 3. Selection/Editing
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 informationThe Need for Data Compression. Data Compression (for Images) -Compressing Graphical Data. Lossy vs Lossless compression
The Need for Data Compression Data Compression (for Images) -Compressing Graphical Data Graphical images in bitmap format take a lot of memory e.g. 1024 x 768 pixels x 24 bits-per-pixel = 2.4Mbyte =18,874,368
More informationUNIT 7C Data Representation: Images and Sound
UNIT 7C Data Representation: Images and Sound 1 Pixels An image is stored in a computer as a sequence of pixels, picture elements. 2 1 Resolution The resolution of an image is the number of pixels used
More informationAdobe Photoshop CS2 Workshop
COMMUNITY TECHNICAL SUPPORT Adobe Photoshop CS2 Workshop Photoshop CS2 Help For more technical assistance, open Photoshop CS2 and press the F1 key, or go to Help > Photoshop Help. Selection Tools - The
More informationraw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken.
raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken. psd files (photoshop default) layered photoshop continuous-tone (photograph)
More informationPCCLUB.ORG.UK Tuesday, 3 rd May 2005 Stuart Crump. Picture Editing, Printing & Publishing Tutorial 1 of 2
PCCLUB.ORG.UK Tuesday, 3 rd May 2005 Stuart Crump Picture Editing, Printing & Publishing Tutorial 1 of 2 Overview 2 Sessions (today & 18 th May) Tonight All about Input and Manipulation Image formats,
More informationIdentifying Design Elements When Preparing Images
DOMAIN 2 Identifying Design Elements When Preparing Images OBJECTIVES Upon completion of this domain, you should be able to: Demonstrate knowledge of image resolution, image size, and image file format
More informationRendering a perspective drawing using Adobe Photoshop
Rendering a perspective drawing using Adobe Photoshop This hand-out will take you through the steps to render a perspective line drawing using Adobe Photoshop. The first important element in this process
More informationPHOTO 11: INTRODUCTION TO DIGITAL IMAGING
1 PHOTO 11: INTRODUCTION TO DIGITAL IMAGING Instructor: Sue Leith, sleith@csus.edu EXAM REVIEW Computer Components: Hardware - the term used to describe computer equipment -- hard drives, printers, scanners.
More informationAdobe Photoshop PS2, Part 3
Adobe Photoshop PS2, Part 3 Basic Photo Corrections This guide steps you through the process of acquiring, resizing, and retouching a photo intended for posting on the Web as well as for a print layout.
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 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 informationPAINT Pa and DRAW Dr aw
PAINT Pa and DRAW Dr aw PAINT(BITMAP) e.g. Microsoft PAINT in Windows DRAW (VECTOR) e.g. in MS Office (Word and PowerPoint) 1 Bulb 1 Piece of Wire 1 Battery To open (with Windows open): Start Click on
More informationCS 200. Lecture 03 Introduction & Pixel Graphics. Photoshop courtesy of Pixel Graphics. CS 200 Fall 2014
CS 200 Lecture 03 Introduction & Pixel Graphics Photoshop courtesy of... 1 Miscellaneous Notes Abbreviations dpi = dots per inch FAQ = frequently asked questions lpi = lines per inch RWS&HT = Real World
More informationDigital Images: A Technical Introduction
Digital Images: A Technical Introduction Images comprise a significant portion of a multimedia application This is an introduction to what is under the technical hood that drives digital images particularly
More informationCS 200. Lecture 03! Introduction &! Pixel Graphics. Miscellaneous Notes
CS 200 Lecture 03! Introduction &! Pixel Graphics Photoshop courtesy of... 1 Miscellaneous Notes Abbreviations dpi = dots per inch FAQ = frequently asked questions lpi = lines per inch RWS&HT = Real World
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 Digital Imaging Primer
A Digital Imaging Primer Nick Dvoracek Media Services University of Wisconsin Oshkosh dvoracek@uwosh.edu 2003 Contents Two ways that computers make pictures 1 The basic unit of digital images 2 Resolution
More informationFUNDAMENTALS OF MULTIMEDIA
FUNDAMENTALS OF MULTIMEDIA Complementary Course of BMMC II semester CUCBCSS _ 2014 Admn QUESTION BANK 1. Resolution is the measure of the degree of sharpness of an image A. True B. False 2. Pre-production
More informationDigital Images. Analogic Signal
Digital Images www.dee.isep.ipp.pt/~jml/intmu/slides-eng/image.pdf Analogic Signal 2.5 2.0 1.5 1.0 0.5 0.0-0.5-1.0-1.5-2.0-2.5 t 1 Sampling 2.5 2.0 1.5 1.0 0.5 0.0-0.5-1.0-1.5-2.0-2.5 T a t Samples 2.5
More informationapt solutions, inc. Tips Graphics - An Introduction Vector vs. Raster Graphics Vector Graphics
Graphics - An Introduction Author: Gordon Hanson, Electronic Publishing Analyst, Certified Adobe Trainer The ability to include graphics in a document is a basic requirement of good technical documentation.
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 informationIndexed Color. A browser may support only a certain number of specific colors, creating a palette from which to choose
Indexed Color A browser may support only a certain number of specific colors, creating a palette from which to choose Figure 3.11 The Netscape color palette 1 QUIZ How many bits are needed to represent
More informationFor all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.
AD23300 Electronic Media Studio Prof. Fabian Winkler Fall 2013 Adobe Photoshop CS6 For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help:
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 informationV Grech. Publishing on the WWW. Part 1 - Static graphics. Images Paediatr Cardiol Oct-Dec; 2(4):
IMAGES in PAEDIATRIC CARDIOLOGY Images Paediatr Cardiol. 2000 Oct-Dec; PMCID: PMC3232491 Publishing on the WWW. Part 1 - Static graphics V Grech * * Editor-in-Chief, Images Paediatr Cardiol, Paediatric
More informationDigital photo sizes and file formats
Digital photo sizes and file formats What the size means pixels, bytes & dpi How colour affects size File formats and sizes - compression Why you might need to change the size How to change size For Tynemouth
More informationGETTING STARTED. 0 P a g e B a s i c s o f A d o b e P h o t o s h o p A g a P r i v a t e I n s t i t u t e f o r c o m p u t e r s c i e n c e
GETTING STARTED 0 P a g e B a s i c s o f A d o b e P h o t o s h o p Adobe Photoshop: is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign,
More informationCS 200. Lecture 03 Introduction & Pixel Graphics. 03 Pixel Graphics. CS 200 Fall 2016
CS 200 Lecture 03 Introduction & Pixel Graphics 1 Miscellaneous Notes Abbreviations dpi = dots per inch FAQ = frequently asked questions lpi = lines per inch RWS&HT = Real World Scanning and Halftones
More informationAdobe Photoshop Notes. Adobe Photoshop CS3
Adobe Photoshop Notes Adobe Photoshop CS3 Page 2 Introduction These notes have been put together for basic and advanced methods, features and language. I have also created notes on other Adobe products.
More informationImage Processing Computer Graphics I Lecture 20. Display Color Models Filters Dithering Image Compression
15-462 Computer Graphics I Lecture 2 Image Processing April 18, 22 Frank Pfenning Carnegie Mellon University http://www.cs.cmu.edu/~fp/courses/graphics/ Display Color Models Filters Dithering Image Compression
More information