Digital Imaging & Photoshop

Size: px
Start display at page:

Download "Digital Imaging & Photoshop"

Transcription

1 Digital Imaging & Photoshop

2 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 2003 One of the first products to become a verb Has become the industry standard for graphic/image manipulation software

3 What does PS do? Software for manipulating and creating digital images Tools and metaphors from darkroom photography (such as Dodge, Burn, Crop) Mostly uses raster or bitmap graphics Images are made up of pixels

4 Vector vs Raster

5 Made up of points and paths Vector Images Forms shapes that are filled with color and outlines Based on mathematical equations Can be scaled infinitely without loosing quality (resolution independent) File size is generally smaller Can always easily be converted to Raster Do not handle photographic imagery well Great for large scale printing, such as banners and sinage Used mostly for logos and illustrations File formats: EPS (Encapsulated PostScript), WMF (Windows Metafile), AI (Adobe Illustrator), CDR (CorelDraw), DXF (AutoCAD), SVG (Scalable Vector Graphics) and PLT (Hewlett Packard Graphics Language Plot File)

6 Raster Images Images are created with a series of tiny dots called pixels Each pixel stores color information Image resolution is based on how many pixels per inch (ppi) Information is lost when scaled up, resulting in pixelation Fantastic for photographs and detailed images File size can be very large Raster to vector conversion is difficult Great for photography, web design, digital effects File formats: BMP (Windows Bitmap), PCX (Paintbrush), TIFF (Tag Interleave Format), JPEG (Joint Photographics Expert Group), GIF (Graphics Interchange Format), PNG (Portable Network Graphic), PSD (Adobe PhotoShop) and CPT (Corel PhotoPAINT).

7

8 The Powerful Pixel

9 PIXELS A pixel is the smallest unity of information in a raster graphic It has a specific location and can be found in the grid of a graphic Each pixel holds specific color information

10 PIXELS & RESOLUTION The number of pixels per inch refers to its resolution Graphics with higher resolution have more pixel density and better quality Standard resolution for screen based images is 72 dpi (dots per inch) Standard resolution for print is 300 dpi or higher Document or Canvas size specifies the height and width of an image but does not refer to the image s resolution

11 PIXELS & RESOLUTION

12

13 How Computers Store Data? Computers are constructed of digital electronics Like all electronics, their circuits can be either ON or OFF These circuits are used to store patterns of numbers using the binary number system A bit (short for binary digit) is the basic unit of information in computing (0 or 1) Bit depth is the number of bits used to describe a single pixel More bits = More colors 1-bit = 2 colors, 8-bit = 256 colors, 24-bit = 16.7 million colors

14 File Compression Compression is when algorithms minimize your file size Different file types used different compression algorithms Lossy - some data is discarded and approximated resulting in smaller file size Lossless - original data is reconstructed resulting in a more accurate file with a larger file size

15 File Types TIFF JPG GIF PNG RAW

16 File Types - TIFF Stands for Tagged Image File Format.tif or.tiff Bitmap or raster graphics Good for high-color depth images Can handle large file sizes Lossless Originally designed for scan and print output Preserves photoshop layers

17 File Types - JPEG Stands for Joint Photographic Experts Group.jpeg or.jpg Can hold millions of colors Lossy Great for photographs or detailed images

18 File Types - GIF Stands for Graphics Interchange Format.gif Only holds 256 colors Great for flat simple graphics Smaller file size Lossless Can have transparency Supports animation (Animated GIF)

19 File Types - PNG Stands for Portable Network Graphics.png Can hold millions of colors Lossless Preserves transparency and gradients Newest image format

20 File Size File size is determined by: Bit depth Image dimensions Image resolution File Type

21 Bits, Bytes, Etc 8 Bits = 1 Bytes 1024 Bytes = 1 Kilobyte (KB) 1024 Kilobytes = 1 Megabyte (MB) 1024 Megabytes = 1 Gigabyte (GB) 1024 Gigabytes = 1 Terabyte (TB) Standard images for the web should be as small as possible, somewhere between kilobytes Images can be up to several hundred megabytes

22 COLOR!

23 Representing Color RGB CMYK HSV or HSB HEX

24 RGB - Red, Green, Blue Additive Color Light is added together Color - RGB 100% of each makes White, 0% makes black Values for RGB are specified as a number between 0 and 255 Color mode is standard for anything digital that will be viewed on a screen

25 Color - CMYK CMYK - Cyan, Yellow, Magenta, Black (Key Color) Subtractive Color Light is removed as ink is added 100% of each makes Black, 0% makes White Values for CMYK are specified as a percentage between 0 and a 100 Color mode is standard for anything that will be printed

26 Color - HSV or HSB HSV/B = Hue, Saturation, Value or Brightness Hue: the similarity to a perceived color (RYBG) or combination of these colors (in degrees) Saturation: colorfulness or purity of color relative to brightness (%) Value: the appearance of emitting more or less light (%)

27 Color - HEX CODES A pair of digits and letters that represent R,G,B values Each digit represents a number a number between 0 and 255 Hex codes are based on a 16 digit system (0 to F)

28 Color - HEX CODES HEX codes are considered web safe colors There are 256 color values that are represented

29 Converting HEX to RGB R G B CC #CC start with the left number, multiply by 16: 12 * 16 = 192 then add the right number: = 204

30 Let s Look at Photoshop New documents Getting to know the interface Toolbars, panels and windows // zooming and navigating the document Image size Opening files and adding them to your document The history panel Layers and layer order

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

Specific 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 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

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

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

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

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

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

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

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

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

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

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

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

Using Adobe Photoshop

Using 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 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

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

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

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

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

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

ITP 140 Mobile App Technologies. Colors Images Icons

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

Sampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors

Sampling 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 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

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

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

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

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

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

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

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

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

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

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

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

Digital Files File Format Storage Color Temperature

Digital Files File Format Storage Color Temperature Digital Files Digital Files File Format Storage Color Temperature PIXELS Pixel = picture element - smallest component of a digital image - MEGAPIXEL 1 million pixels = MEGAPIXEL PIXELS more pixels per

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

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

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

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

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

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

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

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

Byte = More common: 8 bits = 1 byte Abbreviation:

Byte = More common: 8 bits = 1 byte Abbreviation: Text, Images, Video and Sound ASCII-7 In the early days, a was used, with of 0 s and 1 s, enough for a typical keyboard. The standard was developed by (American Standard Code for Information Interchange)

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

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

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

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

Welcome to Photoshop CS

Welcome 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 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

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

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

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

CATEGORY SKILL SET REF. TASK ITEM

CATEGORY 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

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

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

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010

Adobe 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 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

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

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

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

FUNDAMENTALS OF MULTIMEDIA

FUNDAMENTALS 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 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

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

Learning Outcomes. Black and White pictures. Bitmap Graphics. COMPSCI 111/111G Digital Images and Vector Graphics

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

PixaGraphic. PixaGraphic. transforms glass into a creative medium without limitation. Colour matching. Overview

PixaGraphic. PixaGraphic. transforms glass into a creative medium without limitation. Colour matching. Overview DESIGN GUIDELINES PixaGraphic Overview Viridian PixaGraphic is a state of the art decorative glass product, manufactured using ceramic coated ink which is printed directly onto the glass. The PixaGraphic

More information

Positive & Negative Space = the area around or between a design. Asymmetrical = balanced but one part is small and one part is large

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

Bit Depth. Introduction

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

Chapter 11. Preparing a Document for Prepress and Printing Delmar, Cengage Learning

Chapter 11. Preparing a Document for Prepress and Printing Delmar, Cengage Learning Chapter 11 Preparing a Document for Prepress and Printing 2011 Delmar, Cengage Learning Objectives Explore color theory and resolution issues Work in CMYK mode Specify spot colors Create crop marks Create

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

Raster Image File Formats

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

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

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

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

Photoshop Elements. Lecturer: Ivan Renesto. Course description and objectives. Audience. Prerequisites. Duration

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

Chapter 14 Inserting Bitmapped Images

Chapter 14 Inserting Bitmapped Images Chapter 14 Inserting Bitmapped Images Introduction This chapter explains how to insert and size bitmapped images in R&R reports. This information is presented in the following sections: Importing an Image

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

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

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

DIGITAL IMAGING FOUNDATIONS

DIGITAL IMAGING FOUNDATIONS CHAPTER DIGITAL IMAGING FOUNDATIONS Photography is, and always has been, a blend of art and science. The technology has continually changed and evolved over the centuries but the goal of photographers

More information

School of Digital Media Arts Photography GM300BB

School of Digital Media Arts Photography GM300BB Washtenaw Community College Don Werthmann School of Digital Media Arts Photography GM300BB 973-3586 http://courses.wccnet.edu/~donw donw@wccnet.edu What is a Digital Image? Any digital image is composed

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

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

SAQA. How to Submit an Online Entry. Art by Mary Kay Fosnacht

SAQA. How to Submit an Online Entry. Art by Mary Kay Fosnacht SAQA KS MO OK How to Submit an Online Entry Art by Mary Kay Fosnacht Registration Process Locate and read the Prospectus Open the Registration Form Preview 1. About the Artist 2. About the Art 3. Upload

More information

Images and Colour COSC342. Lecture 2 2 March 2015

Images and Colour COSC342. Lecture 2 2 March 2015 Images and Colour COSC342 Lecture 2 2 March 2015 In this Lecture Images and image formats Digital images in the computer Image compression and formats Colour representation Colour perception Colour spaces

More information

Introduction to Photoshop: Basic Editing & Prepare Images for the Web

Introduction to Photoshop: Basic Editing & Prepare Images for the Web Introduction to Photoshop: Basic Editing & Prepare Images for the Web 1 LEARNING OBJECTIVES Basic tools in Photoshop & Use of Bridge Prepare images for print and web use TOPICS COVERED Photoshop Interface

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

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

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

PHOTOGRAPHY AND DIGITAL IMAGING

PHOTOGRAPHY AND DIGITAL IMAGING PHOTOGRAPHY AND DIGITAL IMAGING In this session, the presenter Tim Cordell began the session by explaining that there are two basic components in digital images, the number of pixels and print size. Mr.

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

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

PHOTOSHOP. pixel based image editing software (pixel=picture element) several small dots or pixels make up an image.

PHOTOSHOP. pixel based image editing software (pixel=picture element) several small dots or pixels make up an image. Photoshop PHOTOSHOP pixel based image editing software (pixel=picture element) several small dots or pixels make up an image. RESOLUTION measurement of the total number of pixels displayed determines the

More information

CGT 511. Image. Image. Digital Image. 2D intensity light function z=f(x,y) defined over a square 0 x,y 1. the value of z can be:

CGT 511. Image. Image. Digital Image. 2D intensity light function z=f(x,y) defined over a square 0 x,y 1. the value of z can be: Image CGT 511 Computer Images Bedřich Beneš, Ph.D. Purdue University Department of Computer Graphics Technology Is continuous 2D image function 2D intensity light function z=f(x,y) defined over a square

More information