A picture is worth a thousand words
|
|
- Harold Weaver
- 6 years ago
- Views:
Transcription
1 Images Images Images include graphics, such as backgrounds, color schemes and navigation bars, and photos and other illustrations An essential part of a multimedia product, is present in every multimedia product 1
2 A picture is worth a thousand words The major make-or-break factor of your multimedia application will always be graphics and design Potential customers will make an instant judgement, for better of for worse, on the basis of that first impression on the screen Production of graphics for multimedia applications In real-life multimedia products there are two key parts of managing the production of graphics: definition of the task and the selection of the personnel The approach to graphics should be included in the project plan Your project team may include a graphics artist or an art director The production team is chosen on the basis of graphics requirements 2
3 Production of graphics for multimedia applications Organizations have quite often a pool of freelance artists; a common situation for graphics and programming Plan your approach Whatever is your working method, there will always be a starting point where your page is clean. Before reaching this point, be sure you have given your project a good deal of thought and planning To get a handle on any multimedia project, you start with pencil, eraser and paper Outline your project and graphic ideas first: make a flow chart and storyboard 3
4 Colour A colour image on computer and television screen is made up with red, green and blue; they are called the primary colours Almost any colour can be made by mixing the three primaries; in a full-colour image each picture element or pixel is built up from varying amounts of three primaries Shades of grey are produced by making the amount of reg, green and blue light equal; for black there is no light and for white the light is full on In digital terms there are 256 shades to each of the primaries in a full-colour 24-bit image Bitmaps Four bit color palette is capable of displaying 16 colours because there are 16 different combinations of four bits. With 8 bit colour, there is a total of 256 colours available, with 16 bit colour, a total of is available. When you have 24 bit colour palette, a total of colours is available. With 32 bit colour we are talking about high quality print graphics (CMYK cyan, magenta, yellow, black). 4
5 Bitmaps The more pixels used in an image the larger the actual file size; the more it consumes memory You can t scale a bitmapped image without losing information Bitmapped images are often used in web pages and multimedia (CD- ROM), but most of the time they are compressed. Vector graphics In computer terms a drawing is an image that consists of distinct segments or shapes, called draw objects It is sometimes referred to as line art A popular name for drawings in the computer world is vector graphics The vector graphics are made in drawing programs (e.g. Illustrator) 5
6 Vector graphics In vector graphics, all the elements in the image (circles, rectangles, letters) have characteristics, which can be changed For example, when you draw a circle in one place, then you draw a rectangle in another place, you can still select the circle and change its size and location It s possible because vector graphics are stored as dimensions and formulas, unlike bitmapped images which are stored as individual pixels Vector graphics Although most of the graphics on the Web and multimedia are bitmapped, there is a small but important use of draw objects in making animation files Flash is very popular example In Flash you have series of still images and Flash contains the information of the moves and changes 6
7 Bitmaps vs. Vector Graphics Remember that the programs can save images in different formats. You are not stuck with the technology you were using in the beginning. Quite often a bitmap starts out as a set of draw objects; you ll probably need both technologies The vector graphic images are smaller in size than the bitmapped Using what, when and why In an ideal world, you would always use 24- bit colour images However, display incompabilities and file sizes (download times) make this sometimes impossible As well as taking up three times more space of an 8-bit image on your web site or CD-Rom, a 24-bit image takes three times as long to load Always do retouchíng and compositing operations in 24-bit, although you final delivery may be in 8- or 16-bit 7
8 Look before you leap Any graphic should be checked on the delivery system Reducing bit-depth, for example, can have all sorts of undesirable side-effects (quantization, posterization) You can only be sure of compability if you have checked your image on every screen format Nowadays the platforms are getting closer to each other and they are more compatible (remember the issues with web browsers in the past) Taking less space You will usually need to reduce the size of graphics files. There are several methods: Degrading. The size in pixels can be reduced. Reducing the color depth. Compression. JPEG, GIF, PNG 8
9 Which graphics format should I use? You have only two reasons why one format might be better than another 1. The end-user s browsers may or may not support the format (unlikely) 2. The way the image is compressed lends itself to a particular kind of image GIF for logos, cartoons JPEG for photos, other images with smooth edges Image compability and quality Take care that any compression does not noticeably degrade your 24-bit images From a practical point of view the days of incompatibility for still pictures are over However, you should know the difference between lossy and lossless compression methods: Lossless: you will not lose data when the image is compressed Lossy: you will lose data when the image is compressed 9
10 Asset management Usually the number of graphics files in a multimedia application is large Therefore it s vital that you have a known system of naming files Do not use too long filenames, they may create problems in some platforms Try to organize a decent directory structure Reserve the suffix or extension for the file type Proofreading There is always one more bug Typo is a graphical equivalent for a bug in the code Even the most experienced typegrapher can make a mistake; be extra careful with names and foreign languages Proofreading should not be carried out by the same person who wrote the text Do not rely on spellcheckers 10
11 3D drawing and rendering 3D packages are usually object-oriented like a drawing package Speed of display is often more important than the quality; nowadays the GPU s (not CPU) have fortunately so much computational power that the limits are not a problem Surfaces and lightning conditions are set after the objects are drawn The scene must be rendered to produce the final image or images; this can be very slow Product Design Games Movie Effects Simulations 3D images 11
12 12
13 13
14 (focal lengths) 14
15 15
16 16
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 information1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB By Hassan S. Shavarani UNIT5: GRAPHICS 1 TOPICS 1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats 2 THE TAG EXAMPLE
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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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. 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 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 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 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 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 informationUnit 4.4 Representing Images
Unit 4.4 Representing Images Candidates should be able to: a) Explain the representation of an image as a series of pixels represented in binary b) Explain the need for metadata to be included in the file
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 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 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 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 informationImage Sequences or Vector Art in the Development of Flash* Games and Virtual Worlds? By Tom Costantini
Image Sequences or Vector Art in the Development of Flash* Games and Virtual Worlds? By Tom Costantini For years, Adobe ActionScript* developers have been using Adobe Flash* as their main development tool
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 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 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 informationCorporate Identity Quick Reference Guide
Corporate Identity Quick Reference Guide The Logo true form The Cold Jet logo is most effective when used on a white background. There is also a reversed version of the logo that is acceptable for use
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 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 informationWorking with Photos. Lesson 7 / Draft 20 Sept 2003
Lesson 7 / Draft 20 Sept 2003 Working with Photos Flash allows you to import various types of images, and it distinguishes between two types: vector and bitmap. Photographs are always bitmaps. An image
More informationLOGO USAGE JANUARY 2010 VERSION 2.0 BRAND IDENTITY GUIDELINES 6
LOGO USAGE 6 Elements Arc Arc The Aviat Networks intersecting arcs represent our technology, guiding presence, vision for the future, and wireless network connections. Logotype Logotype The logotype for
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 informationPros and Cons for Each Type of Image Extensions
motocms.com http://www.motocms.com/blog/en/pros-cons-types-image-extensions/ Pros and Cons for Each Type of Image Extensions A proper image may better transmit an idea or a feeling than a hundred words
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 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 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 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 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 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 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 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 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 informationTHE 3 BIGGEST MISTAKES TO AVOID WHEN USING GRAPHIC IMAGES IN PRINT
THE 3 BIGGEST MISTAKES TO AVOID WHEN USING GRAPHIC IMAGES IN PRINT Nothing beats great color and crisp images in a printed marketing piece. But if you ve ever had a print job rejected for poor image resolution,
More informationUNIVERSITY OF CALICUT INTRODUCTION TO MULTIMEDIA QUESTION BANK
UNIVERSITY OF CALICUT SCHOOL OF DISTANCE EDUCATION BGDA (UG SDE) II SEMESTER COMPLEMENTARY COURSE INTRODUCTION TO MULTIMEDIA QUESTION BANK BGDA Page 1 1. Which file format contain photorealistic images
More informationITNP80: Multimedia Adobe Photoshop Practical Weeks commencing 26 January and 2 February 2015.
ITNP80: Multimedia Adobe Photoshop Practical Weeks commencing 26 January and 2 February 2015. The aims and objectives of this practical are four-fold: To give you some practical experience of some of the
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 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 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 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 informationAstronomy and Image Processing. Many thanks to Professor Kate Whitaker in the physics department for her help
Astronomy and Image Processing Many thanks to Professor Kate Whitaker in the physics department for her help What is an image? An image is an array, or a matrix, of square pixels (picture elements) arranged
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 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 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 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 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 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 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 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 informationWarm up Question: Question: 8-bit indexed colour uses 256 colours. Announcements. Overview of Today s Topics. Announcements GRAPHICS CONTINUED
Warm up Question: Question: 8-bit indexed colour uses 256 colours. True False Question: Vector images look good even if you resize them to make them bigger. True False Question: How many different colours
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 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 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 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 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 informationSection 1. Adobe Photoshop Elements 15
Section 1 Adobe Photoshop Elements 15 The Muvipix.com Guide to Photoshop Elements & Premiere Elements 15 Chapter 1 Principles of photo and graphic editing Pixels & Resolution Raster vs. Vector Graphics
More informationBEST PRACTICES FOR SCANNING DOCUMENTS. By Frank Harrell
By Frank Harrell Recommended Scanning Settings. Scan at a minimum of 300 DPI, or 600 DPI if expecting to OCR the document Scan in full color Save pages as JPG files with 75% compression and store them
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 informationSection 7: Using the Epilog Print Driver
Color Mapping The Color Mapping feature is an advanced feature that must be checked to activate. Color Mapping performs two main functions: 1. It allows for multiple Speed and Power settings to be used
More informationUnit 1.1: Information representation
Unit 1.1: Information representation 1.1.1 Different number system A number system is a writing system for expressing numbers, that is, a mathematical notation for representing numbers of a given set,
More informationUNIT 7B Data Representa1on: Images and Sound. Pixels. An image is stored in a computer as a sequence of pixels, picture elements.
UNIT 7B Data Representa1on: Images and Sound 1 Pixels An image is stored in a computer as a sequence of pixels, picture elements. 2 1 Resolu1on The resolu1on of an image is the number of pixels used to
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 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 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 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 informationPositive & Negative Space = the area around or between a design. Asymmetrical = balanced but one part is small and one part is large
Study Guide Compostion COMMERCIAL ART Positive & Negative Space = the area around or between a design Radial Symmetrical = balance is circular Asymmetrical = balanced but one part is small and one part
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 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 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 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 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 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 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 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 informationUnit 8: Color Image Processing
Unit 8: Color Image Processing Colour Fundamentals In 666 Sir Isaac Newton discovered that when a beam of sunlight passes through a glass prism, the emerging beam is split into a spectrum of colours The
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 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 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 informationTOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach by M. Guzdial and B. Ericson, and instructor materials
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 informationThis report provides a brief look at some of these factors and provides guidelines to making the best choice from what is available.
Technical Advisory Service for Images Advice Paper Choosing a File Format Introduction Over the years, there have been a number of image file formats that have been proposed and used. Of course, every
More informationPhotoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5
Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Demonstrate knowledge
More informationAperture. The lens opening that allows more, or less light onto the sensor formed by a diaphragm inside the actual lens.
PHOTOGRAPHY TERMS: AE - Auto Exposure. When the camera is set to this mode, it will automatically set all the required modes for the light conditions. I.e. Shutter speed, aperture and white balance. The
More informationDemo. Using Inkscape and GIMP: how to pretend to be creative using only technical skills. demo
1 Demo Using Inkscape and GIMP: how to pretend to be creative using only technical skills demo Demo 2 Live demos have problems (technical bugs, talking while doing, and having nothing to look at afterwards),
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 information