Specific structure or arrangement of data code stored as a computer file.

Size: px
Start display at page:

Download "Specific structure or arrangement of data code stored as a computer file."

Transcription

1

2

3

4 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 program which created the file, and the operating system under which it was created and stored. Reference:

5 RASTER JPEG GIF PNG TIFF PSD VECTOR EPS AI PDF

6 RASTER FILE Created by a fixed set of pixels in a grid pattern Simple illustrations to complex images like photographs Image sizes are dependent on number of pixels and color depth Once set, it will lose quality a lot easier, especially if trying to make it larger

7 RASTER FILE Created by a fixed set of pixels in a grid pattern Simple illustrations to complex images like photographs Image sizes are dependent on number of pixels and color depth Once set, it will lose quality a lot easier, especially if trying to make it larger VECTOR FILE Mathematical term, determined by magnitude and direction = line or path Defined start and end point more points added create curves, angles, and shapes Typefaces are created by paths and are mostly vector-based (i.e. font sizes) File size and quality does not change by scaling it; these are only affected by adding or subtracting to the file Easily scalable without loss of quality

8 Reference:

9 LOSSY vs. LOSSLESS Refers to image file compression = quality LOSSY: trade image quality for file size file looks like a perfect copy of the original but the representation is of far less quality LOSSLESS: does not compress as much (usually larger file size) will look like a perfect copy of the original, leaving the file most uncompressed

10 DPI = Dots Per Inch PPI = Pixels Per Inch Number of dots in a printed inch, ex. 300 dpi, 150 dpi Number of pixels per digital inch, describes pixel density of a screen or an image Resolution High or Low Measure of dots or pixels in an image or display, ex. 300 dpi, or width x height of a TV screen: 1920 x 1080 pixels Resolution also represents quality the higher the resolution, the more detail it needs to have

11 JPEG Joint Photographic Experts Group Lossy data compression, medium quality images Lower file sizes User friendly, share between wide variety of platforms Best use: web design, social media, digital photography GIF Graphics Interchange Format Low resolution, lower quality images Lower file sizes more colors added, larger the file size Handles transparencies well Animation (ex. memes and vines) Best use: web design, social media NOT good for digital photography

12 PNG Portable Network Graphics Lossless data compression, high quality images Can be higher file sizes (use sparingly on website, for less load time) Detailed photo images at higher quality than a JPEG Transparencies at higher quality than a GIF Best use: web design, social media TIFF Tagged Image File Format Lossless data compression, high quality images Higher file sizes too large to ever use on a website Supports layers, keeps original quality of files Best use: printing (professional and commercial), NOT web design, social media, or logos

13 PSD Adobe Photoshop Adobe Photoshop native format High quality, file size depends on complexity of the image Good for internal use Best use: printing EPS Encapsulated Postscript Uses vector and raster components Transfer PostScript-language between applications Raw elements, good for internal and external use Easily converted to PNG, JPEG, or GIF Best use: printing, screen printing, embroidery, promotional items, NOT for use on a website

14 AI Adobe Illustrator Adobe Illustrator native format Good for internal use Logos and illustrations Best use: printing, screen printing, embroidery, promotional items PDF Portable Document Format Open source, universal file format Hybrid of raster and vector images High & low resolution = image quality Can be used for both digital and print Best use: printing, clients, internal and external audience, downloadable files on website

15 Converting the File Formats Vector to Raster Easy Compresses vector into pixels Files no longer able to be manipulated or resized for same quality Always save original of vector files before rasterizing Raster to Vector No easy way Possibly trace the contents back into a vector

16

Digital Imaging & Photoshop

Digital 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 information

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700. ADOBE CERTIFIED ASSOCIATE WORKSHOP!! (PHOTOSHOP WORKSHOP (PHOTOSHOP CS6) TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass Score is based on a 1000 pt system so passing will be a 700.

More information

Topics. 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 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 information

Digital Images. Digital Images. Digital Images fall into two main categories

Digital 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 information

IMAGE 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 IMAGE SIZING AND RESOLUTION MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication Copyright 2013 MyGraphicsLab / Pearson Education OBJECTIVES This presentation covers

More information

INTRODUCTION TO COMPUTER GRAPHICS

INTRODUCTION 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 information

MOTION GRAPHICS BITE 3623

MOTION 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 information

Factors to Consider When Choosing a File Type

Factors 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

Understanding Image Formats And When to Use Them

Understanding 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 information

Vector VS Pixels Introduction to Adobe Photoshop

Vector 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 information

Resolution: The Peanut Butter Analogy

Resolution: The Peanut Butter Analogy Resolution: The Peanut Butter Analogy When you scan an image or take a digital picture you are collecting a batch of pixels. The mega pixel rating of your camera or your scanner s sensitivity will determine

More information

Computers & Philately Overview

Computers & 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 information

raw 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. 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 information

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.

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. 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 information

ITP 140 Mobile App Technologies. Images

ITP 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 information

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

Graphics 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 information

HTTP transaction with Graphics HTML file + two graphics files

HTTP 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 information

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:

6. 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 information

PENGENALAN TEKNIK TELEKOMUNIKASI CLO

PENGENALAN 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 information

Image Optimization for Print and Web

Image 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 information

WordPress Users Group Manchester, NH July 13, Preparing Images for the Web. Daryl Johnson SvenGrafik

WordPress Users Group Manchester, NH July 13, Preparing Images for the Web. Daryl Johnson SvenGrafik WordPress Users Group Manchester, NH July 13, 2015 Preparing Images for the Web Daryl Johnson SvenGrafik WHY OPTIMIZE IMAGES for WORDPRESS? 1. Page Load Times Matter to Users 2. Image Bloat Puts Search

More information

Digital 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 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 information

LECTURE 03 BITMAP IMAGE FORMATS

LECTURE 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 information

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

CMPT 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 information

apt solutions, inc. Tips Graphics - An Introduction Vector vs. Raster Graphics Vector Graphics

apt 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 information

Pros and Cons for Each Type of Image Extensions

Pros 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 information

Learning Outcomes In this lesson, you will learn about the file formats in Adobe Photoshop. By familiarizing

Learning Outcomes In this lesson, you will learn about the file formats in Adobe Photoshop. By familiarizing Topic 4 - Photoshop File Formats Learning Outcomes In this lesson, you will learn about the file formats in Adobe Photoshop. By familiarizing yourself with these file formats it will give you more flexibility

More information

Color, graphics and hardware Monitors and Display

Color, 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 information

1. Describe how a graphic would be stored in memory using a bit-mapped graphics package.

1. 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 information

Fundamentals of Multimedia

Fundamentals 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 information

Elements of Design. Basic Concepts

Elements 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 information

Raster (Bitmap) Graphic File Formats & Standards

Raster (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 information

Introduction to PHOTOSHOP

Introduction to PHOTOSHOP Introduction to PHOTOSHOP Summary Notes Lesson 1 Pixel Density - High Resolution Vs Low Resolution Important Points on Digital Imagery Fundamentals The resolution of a digital image is the fineness of

More information

Bitmap Image Formats

Bitmap 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 information

B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)

B.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 information

Photoshop 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 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 information

PCCLUB.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 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 information

Introduction to Photography

Introduction to Photography Topic 11 - Bits & Bytes Learning Outcomes You will have a much better understanding of the basic units of digital photography. Bits & Bytes A Bit is the basic unit on a computer, which can be 0/1, off/

More information

Coreldraw Crash Course

Coreldraw 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 information

Dr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06

Dr. 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 information

Lecture - 3. by Shahid Farid

Lecture - 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 information

Image Perception & 2D Images

Image 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 information

THE 3 BIGGEST MISTAKES TO AVOID WHEN USING GRAPHIC IMAGES IN PRINT

THE 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 information

How to Avoid Landmines: Managing your Motion Graphics Projects

How 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 information

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)!

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)! Photoshop CS6 Table of Contents Image Formats! 3 GIF (Graphics Interchange Format)! 3 JPEG or JPG (Joint Photographic Experts Group)! 3 PNG (Portable Network Graphics)! 3 Pixels! 3 Resolution! 3 Creating

More information

Digital photo sizes and file formats

Digital 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 information

2015 Athens-Clarke County Library

2015 Athens-Clarke County Library Personal Digital Archiving of Photographs Heritage Room Athens-Clarke County Library October 2015 Why Digital Preservation is Important to Everyone http://digitalpreservation.gov/multimedia/video s/digipres.html

More information

Cart Art: Doors. SMALL chassis door file size 12 3/4 x 35 3/4 (included in this should be a 1 black border all the way around)

Cart Art: Doors. SMALL chassis door file size 12 3/4 x 35 3/4 (included in this should be a 1 black border all the way around) Cart Art: Left door spec s (Flush-mount skins, when the LEFT door skin is ordered; not a full cart wrap) Products such as: MiniMax, FlexCart, ChromeCart SMALL chassis door file size 12 3/4 x 35 3/4 Models

More information

ADVANCE DESIGN TEMPLATE ATTACK SOFTSHELL VEST

ADVANCE DESIGN TEMPLATE ATTACK SOFTSHELL VEST ADVANCE DESIGN TEMPLATE ATTACK SOFTSHELL VEST COLLAR Legend Cautionary Zone Cut Line Bleed Line RIGHT SIDE PANEL LEFT SIDE PANEL BACK PANEL FRONT PANEL * GRAPHICS CROSSING SEAMS ARE SUBJECT TO REVIEW BY

More information

CHAPTER 3 I M A G E S

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 information

Slide Scanning Converting Your Film Photographs to Digital. Presentation to UCHUG - 8/06/08 G. Skalka

Slide Scanning Converting Your Film Photographs to Digital. Presentation to UCHUG - 8/06/08 G. Skalka Slide Scanning Converting Your Film Photographs to Digital Presentation to UCHUG - 8/06/08 G. Skalka Why Scan? Film and prints degrade - bits do not Infinite identical copies of digital image Storage space

More information

OSA Sponsorship Order Form

OSA Sponsorship Order Form Oakleaf Sports Association, Inc. 3979 Plantation Oaks Blvd. Orange Park, FL 32065 www.oakleafsports.net sponsorshipcoordinator@oakleafsports.net Tax Exempt ID: 38-3817246 OSA Sponsorship Order Form Become

More information

CGT 211 Sampling and File Formats

CGT 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 information

JUPITER SS RAIN JERSEY

JUPITER SS RAIN JERSEY ADVANCE DESIGN TEMPLATE JUPITER SS RAIN JERSEY INTERIOR COLLAR EXTERIOR COLLAR Legend Cautionary Zone FRONT PANEL ZIPPER-END PROTECTOR Cut Line Bleed Line RIGHT SLEEVE PANEL LEFT SLEEVE PANEL BACK PANEL

More information

Diploma in Photoshop

Diploma in Photoshop Diploma in Photoshop Tabbed Window Document Workspace Options Options Bar Main Interface Tool Palette Active Image Stage Layers Palette Menu Bar Palettes Useful Tip Choose between pre-set workspace arrangements

More information

Basic photography Art, composition, and computer principles AEE 211 February 24, 2003

Basic photography Art, composition, and computer principles AEE 211 February 24, 2003 Basic photography Art, composition, and computer principles AEE 211 February 24, 2003 What makes these images effective? Overview Basic composition Mood and atmosphere Qualities of a good photo Basic composition

More information

Photoshop Elements Week 1 - Photoshop Elements Work Environment

Photoshop 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 information

Digital Images: A Technical Introduction

Digital 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 information

LECTURE 02 IMAGE AND GRAPHICS

LECTURE 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 information

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics

4/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 information

CS 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 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 information

Bitmap 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 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 information

Adobe Illustrator CS6

Adobe Illustrator CS6 Adobe Illustrator CS6 Table of Contents Image Formats 3 ai (Adobe Illustrator) 3 eps (Encapsulated PostScript) 3 PDF (Portable Document Format) 3 JPEG or JPG (Joint Photographic Experts Group) 3 Vectors

More information

Digital Imaging and Image Editing

Digital 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 information

15110 Principles of Computing, Carnegie Mellon University

15110 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 information

THE PARTNERSHIP FOR THE EAST ASIAN-AUSTRALIASIAN FLYWAY LOGO

THE PARTNERSHIP FOR THE EAST ASIAN-AUSTRALIASIAN FLYWAY LOGO Partnership of the East Asian-Australasian Flyway I LOGO Guide THE PARTNERSHIP FOR THE EAST ASIAN-AUSTRALIASIAN FLYWAY LOGO Pantone 654 Process C: 100 / M: 67 / Y: 0 / K: 38 Web Safe R: 0 / G: 51 / B:

More information

CS101 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. 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 information

This report provides a brief look at some of these factors and provides guidelines to making the best choice from what is available.

This 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 information

Indexed 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 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 information

Identifying Design Elements When Preparing Images

Identifying 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 information

Photoshop Study Notes and Questions

Photoshop Study Notes and Questions Copyright Law The World Intellectual Property Organization (WIPO) Copyright treaty restrict the use of copyrighted material without first getting permission. Printing Soft proof (viewing on screen) allows

More information

Guide 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 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 information

1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats

1. 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 information

UNIVERSITY OF CALICUT INTRODUCTION TO MULTIMEDIA QUESTION BANK

UNIVERSITY 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 information

4 Images and Graphics

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 information

Photoshop Notes and Application Study Packet

Photoshop 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 information

Corporate Logo Guidelines

Corporate Logo Guidelines Corporate Logo Guidelines 2 Aldec Globe Primary Logo to be used in 4-color applications greater than 200 pixels or 3 wide. Aldec Crescent Secondary logo to be used horizontal and/or 1 color applications

More information

GUIDELINES & INFORMATION

GUIDELINES & 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 information

Image is a spatial representation of an object or a scene. (image of a person, place, object)

Image 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 information

Digital Darkroom P 207

Digital Darkroom P 207 Digital Darkroom P 207 Digital Photographic Terms, Definitions and Hand Outs Instructor: Stephen Grote Raster Pixel based Each individual pixel in the image must be mapped to a specific location, with

More information

Lecture #2: Digital Images

Lecture #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 information

Multimedia. Graphics and Image Data Representations (Part 2)

Multimedia. 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 information

Photoshop Domain 2: Identifying Design Elements When Preparing Images

Photoshop Domain 2: Identifying Design Elements When Preparing Images Photoshop Domain 2: Identifying Design Elements When Preparing Images Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Demonstrate knowledge

More information

15110 Principles of Computing, Carnegie Mellon University

15110 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 information

Glossary Unit 1: Hardware/Software & Storage Media

Glossary Unit 1: Hardware/Software & Storage Media 1. Bluetooth wireless technology to transfer data 2. Burner a CD or DVD writer; can be internal or external 3. Cloud computing use of web services to perform functions that were traditionally performed

More information

Digital Asset Management 2. Introduction to Digital Media Format

Digital 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 information

Images and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University

Images 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

Developing Multimedia Assets using Fireworks and Flash

Developing 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 information

Color & 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 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 information

Computer Graphics. Rendering. Rendering 3D. Images & Color. Scena 3D rendering image. Human Visual System: the retina. Human Visual System

Computer 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 information

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.

For 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 information

Unit 4.4 Representing Images

Unit 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 information

COMPSCI 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 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 information

Starting a Digitization Project: Basic Requirements

Starting a Digitization Project: Basic Requirements Starting a Digitization Project: Basic Requirements Item Type Book Authors Deka, Dipen Citation Starting a Digitization Project: Basic Requirements 2008-11, Publisher Assam College Librarians' Association

More information

STANDARD ST.67 MAY 2012 CHANGES

STANDARD 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 information

OBJECT PHOTOGRAPHY. iskills Workshop October 12, :30 6:30pm

OBJECT PHOTOGRAPHY. iskills Workshop October 12, :30 6:30pm OBJECT PHOTOGRAPHY iskills Workshop October 12, 2017 4:30 6:30pm INTRODUCTION WORKSHOP OVERVIEW 1. Introduction to Object Photography 2. Brief orientation to the Canon Rebel 3. Automatic 4. Manual Mode

More information

Commercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch

Commercial 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 information

CUSTOM WATER PINNIES

CUSTOM WATER PINNIES CUSTOM WATER PINNIES FLORIDA STATE THOMSEN World Cup Supply, Inc. 226 Industrial Drive Bradford, VT 05033 22 worldcupsupply.com 800-555-0593 info@worldcupsupply.com CUSTOM PINNIE EXAMPLES SOLID BACKGROUNDS

More information

9/1/2018. Tips for Making Figures for Publications, Grants, Presentations. Digital Arts Training. What Do All of These File Formats Do?

9/1/2018. Tips for Making Figures for Publications, Grants, Presentations. Digital Arts Training. What Do All of These File Formats Do? I have no financial relationship so no conflict of interest R13-HD079163-01-05 Tips for Making Figures for Publications, Grants, Presentations Kurt H. Albertine, Ph.D., FAAAS, FAAA Edward B. Clark Endowed

More information

Color, Resolution, & Other Image Essentials

Color, Resolution, & Other Image Essentials www.gilbertconsulting.com blog.gilbertconsulting.com kgilbert@gilbertconsulting.com Twitter: @gilbertconsult lynda.com/keithgilbert Every Photoshop image consists of three specific attributes: image resolution,

More information