School of Digital Media Arts Photography GM300BB

Size: px
Start display at page:

Download "School of Digital Media Arts Photography GM300BB"

Transcription

1 Washtenaw Community College Don Werthmann School of Digital Media Arts Photography GM300BB What is a Digital Image? Any digital image is composed of square picture elements, more commonly known as pixels, in every stage of its life. Pixels are storage bins of data generated by digital cameras and scanners; viewed in monitors and projectors; and then can be output to print. A pixel doesn't have any fixed width or height; its size changes relative to the device it is being used with. Each pixel is finer than a human hair, and is assigned a numerical value that can produce 256 shades of gray in Grayscale mode, and over 16 million colors in the RGB Color mode. Millions of pixels put together form a grid, and collectively, they form the illusion of a continuous-tone image a photograph. Pixels are the foundation of digital images. Binary System A form of mathematics invented by Gottfried Wilhelm von Leibniz ( ), in 1679, became the basis of virtually all modern computers. With the Binary System, a computer can create all other numbers using just 0 s or 1 s. Number values are assigned to individual pixels which, when assembled into mosaic-like collections, convey visual information. Bit Short for binary digit, it is used with exponential notation that creates an electronic signal the computer interprets as information. The electronic signal controls a bit to tell it whether it is either 0,"off," or 1 "on." The bit is the smallest unit of digital information available. Byte Short for binary term, a byte is eight consecutive bits, such as In a byte, each bit is a fixed value in geometric progression, meaning that each consecutive bit doubles in value compared to a bit that precedes it: 1, 2, 4, 8, 16, 32, 64, 128, etc This byte, , is the value 186 because =186. Why does 8-bits make a byte? Historically speaking, because of two factors: 1) the earliest form of computer technology was limited to sending only 8 bits at a time, and so it became a natural barrier for computer programmers to write code in sets of 8 bits. 2) it s the minimum number of bits that are required to represent a single character from a Western character set. A Pixel in Grayscale is a Byte (8-bit mode) To render the illusion of a continuous-tone image, each pixel must, at a minimum, be capable of functioning in an eight-bit mode. This also means that each pixel is a byte of information. This image is grayscale, or what s commonly referred to as a black-and-white photograph, so the pixels only render various levels of luminosity, without color. If =255, then each pixel can produce a maximum of 256 shades of gray, including 0. 0 is black, 128 is middle gray, and 255 is white. Another value in that range, such as 186, renders the pixel as a shade of gray value 186 is light gray.

2 Digital Photo Imaging PHO 127, page 2 of 5 Kilobyte K [1 thousand] A collection of 1024 bytes is called a kilobyte 1024 bytes = 1 Kilobyte. Because of the binary system s geometric progression: 1, 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024 People frequently round down a Kilobyte to 1000, which is derived from the metric system. Megabyte MB [1,000 x 1,000 = 1 million bytes] 1024 Kilobytes = 1 Megabyte. Gigabyte GB 1024 Megabytes = 1 Gigabyte. Terrabyte TB 1024 Gigabytes = 1 Terrabyte. Strange but true 1024 TB = 1 Petabyte 1024 ZB = 1 Yottabyte 1024 PB = 1 Exabyte 1024 YB = 1 Brontobyte 1024 EB = 1 Zettabyte 1024 BB = 1 Geopbyte Random Access Memory RAM Every computer has RAM to simply operate and run applications and create documents. The computer copies and starts an application from the hard disk and allows you to create an image, a letter, or whatever. Warning: You must SAVE a document you're working on to a hard drive frequently. If you don't it is in danger of being lost due to a power failure, system/software application crash, or other event. Once the computer is off everything in the memory (RAM) is GONE and that's not an acronym. Cache Pronounced "cash," this is a part of the memory the computer uses to hold information about the most recent things done on your disk. Its capacity level can be adjusted. Megahertz MHz or Gigahertz GHz 1 MHz = One million cycles per second. 1 GHz = One Billion cycles per second. Used as a radio-frequency unit, but here, to describe how fast the computer can process commands. The higher the number, the faster the computer operates, and the more expensive it is. Central Processing Unit CPU This is the thinking portion of the computer. You'll hear computers described in terms of which CPU is installed. Internal Hard Drive Every computer has a hard disk. Consider this the filing cabinet where you store documents within folders. Computers are sold featuring the size of storage space, usually in Terrabytes. The bigger, the better, on both memory and hard disk space. External Hard Drive These usually have a smaller or similar capacity than a hard disk built into the computer, but allow you to store/transport files easily. Keep them away from extreme heat: like in your car at mid-day. Keep them away from magnetic sources a magnet will destroy the data. Don't store them near magnetic fields such as a telephone or stereo speakers, or other electronic devices. Keep them away from static electricity. Airport security X-ray machines will not harm them. Operating System OS Software that gives the computer its "look and functionality." It s continually being updated. Try to keep up to date with a recent version number, but read some software reviews first to make sure it s compatible with other hardware and software you already have. Complementary Metal Oxide Semiconductor [CMOS] This is the light sensitive sensor that captures light, processes it, and turns the energy intensity recorded into a digital signal that a computer understands.

3 Digital Photo Imaging PHO 127, page 3 of 5 Resolution Resolution determines the quality of an image s appearance across various viewing platforms. ppi refers to pixels per inch to produce an image on electronic devices [pixels on a monitor] dpi refers to dots per inch to produce an image on printing devices [dots of ink on paper] Image Size & Resolution The size of an image is controlled by its available quantity of pixels [width x height], and the total pixels are used to calculate its potential output dimensions. Resolution refers to the number of pixels per linear inch, which is determined while considering output intent [monitors vs. printers]. Resolution for monitors varies because hardware quality covers such a wide range use 72ppi. 240 or 300ppi is advisable with Epson printers. File Size [noted as Image size in Illustration] A digital file s size is calculated by the quantity of pixels available times the number of colors in the Color Mode photographers use RGB. The file size affects how many images can be stored on a hard drive or camera storage card. Higher resolution images make larger file sizes. Two images can have the same physical output dimensions [document size ~7x10 ], but the image with a lower resolution has fewer pixels, and is therefore a smaller file size. This digital capture provides over 6 million pixels to work with 2104 x 3000 = 6.3 million The Image Size Dialog determines available data that can be changed & optimized based on the output intent [monitor vs. printer]. 300 [ppi] x [inches] = 2104 pixels 300 [ppi] x 10 [inches] = 3000 pixels 2104 x 3000 = 6,312,000 pixels [6 Mgpxl] The File Size is determined by the quantity of pixels available x [RGB] the number of color channels in the capture 6.3 million x 3 ~ 18 Mb the same image in CMYK is approximately 24 Mb. the same image in Grayscale is approximately 6 Mb. Document Extensions The proper way to name a document is to "tag" it with a native, three-letter extension. An example being a Photoshop document entitled my_image.psd my-image-dot-p-s-d. There is an extensive list of extension acronyms, and each provides a clue as to what kind of file it is. JPEG [.jpg] Joint Photographic Experts Group. A mathematically compressed file format that uses less disk storage space. The advantange of compression is quicker transmission and economy of size. The disadvantage is the loss of detail and color data, therefore it is known as a Lossy file format. This is a universal file format that most software applications are capable of opening. TIFF [.tif] Tagged Image File Format. This is also a universal file format, which many applications can open. There are optional compression rates are available to economize disk storage space. These mathematical compression algorithms used are not detrimental to the image s quality, and is therefore known as a Lossless file format. The format (owned by Adobe) is publicly documented which greatly increases the longevity of opening an image in the future. TIF is very robust because it supports Photoshop layers. A flattened version of the file is embedded within the file so that applications other than Photoshop can utilize them, and therefore, the file size is typically larger than a PSD of the same layered image. PSD [.psd] Photoshop Document. This is a unique [proprietary] file format that can be opened only by Adobe Photoshop or another application in their creative suite of software applications, such as Illustrator, Premiere, AfterEffects, InDesign, etc. Like TIFF, this is a Lossless file format.

4 Digital Photo Imaging PHO 127, page 4 of 5 Bit Depth This refers to the number of bits used to store information about each pixel. If the number of bits assigned to each pixel rises, then the computer can display more shades of gray. 8-bit is a common mode [bit-depth] to work in, but 16-bit has become more viable because of the increasing affordability of a CPU, RAM, and hard drives available to working professionals. Consecutive strings of bits form different combinations of numbers. For example, one-bit graphics are only capable of showing two things; black [0 off ] and white [1 on ]. In binary code, a two-bit pixel has four number combos 00 or 01 or 10 or 11; a three-bit pixel can look like 010; four-bit 0110; five bit 01010; six-bit ; seven-bit ; eight-bit Each increase in bit depth is factored by 2, since each digit can be either 0 or 1. A 3-bit pixel has 8 combinations 2 3, or 2 x2 x 2 = 8 levels of gray can be produced. A 4-bit pixel has 16 combinations 2 4, or 2 x 2 x 2 x 2 = 16 gray levels. An 8-bit pixel has 256 combinations 2 8, or 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 = 256 levels. 256 ways to arrange eight 0 s or 1 s: = black; = white. 1-bit image 2-bit image 3-bit image 4-bit image 8-bit image The pixels of a 1-bit image can only render an image with black or white. That s it. The result is extreme contrast, with absolutely no detail offered to render the subject matter. As bit-depth increases, more gradation of tone is possible and more detail can be offered to define the subject matter accurately to the human eye. 255 is a critical number to remember because the maximum numerical range for a digital image is 255 [inclusive of zero it's 256], as seen in a histogram [Levels Adjustment]. As you can see, greater bit depth leads to greater tonal range (shades of gray) per pixel, which provides greater image detail, and a more gradual transition of tone & color across the image. When colors are introduced to each pixel, it leads to more possible shades of color. Three colors per pixel red, green, and blue make 256 x 256 x 256 = 16,777,216 colors possible. 8-bit color is also known as 24-bit color. 16-bit color is also known as 48-bit color. 16-bit Pixel [16-bit mode] A 16-bit image has 65,536 combinations that s 2 16, or yes, 2 x 2, 16 times. In case you re wondering, 65,536 x 65,536 x 65,536 = 281,474,976,710,656 possible colors , is the value because ,768= If ,384+32,768=65,535, then each pixel can produce a maximum of 65,536 shades of gray, including 0. 0 is black, is middle gray, and 65,535 is white. A pixel assigned with the value, 47802, renders the pixel as a shade of gray value is a mid-tone. Anyone up for 32-bit? ,384 32,768

5 Levels [a.k.a. Histogram] This mountainous profile of information is a graph that interprets the distribution of tone throughout an image. There s no ideal shape to histogram data, as they appear differently image-to-image, but an ideal placement of data is skewed toward the right. There are 256 data points on the bottom of the graph 0 is black, 255 is white. The number of times each value occurs in the image is indicated by its frequency the higher the altitude, the more times the value is found in the image. A high solid line at the black point or the white point [when data hits the wall ] means there is most likely more information available from the capture or scan. The image is either under- or overexposed. The levels dialog [right] is powerful. This one tool can control three critical attributes of a photograph: density, contrast, and color. Digital Photo Imaging PHO 127, page 5 of 5 Channels Photoshop supports images in 8-bit and 16-bit modes per color channel red, green, and blue. Eight bits per channel, times three channels [red, green, blue] equals 24-bit color. [8 x 3 = 24] Click on the Channels tab in the Layers palette. Each color [RGB] is represented in grayscale. Data that is white [255] allows100% of the color in that channel show through. Data that is black [0] allows 0% of the color in that channel show through. 100% of all three channels [RGB] = pure white, whereas 0% of RGB = pure black. All three channels aligned pixel for pixel create the full image formation Master channel Grayscale is one channel and represents pixel luminosity [no color data in the pixels] Under the graph, find the small triangular-shaped sliders. The left slider establishes the black [0], the middle slider establishes the middle-gray [128], and the white slider establishes the white point [255]. Use the gray slider to adjust density or image brightness [value 1.0 represents gamma adjust]. Use the black and white sliders to adjust contrast. Use the gray eye-dropper to adjust color balance. Layers Layers are individual images stacked on top of one another, that work much like stacking individual sheets of clear acetate. Each layer has its own set of channels, and the top layer obscures the ones below it. If you see a gray and white checkerboard pattern appear in any portion of your image, on the monitor, then you are seeing transparent areas through all layers, down to the canvas. Adjustment Layers Layers Palette: (Half-moon icon) New Adjustment Layer... Several kinds of corrections can be made to an image, with the flexibility to revisit the changes you made and modify its settings or values. Similar changes can be made to a layer directly, but those values will reset to zero each time it is revisited. Color Balance Adjustment Layer If you perceive a color cast in the image, use its complementary color to neutralize it. Click on the respective Tone Balance radio button shadows, midtones, or highlights to affect color correction to each value range independently.

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

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

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

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

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

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

PHOTO 11: INTRODUCTION TO DIGITAL IMAGING

PHOTO 11: INTRODUCTION TO DIGITAL IMAGING 1 PHOTO 11: INTRODUCTION TO DIGITAL IMAGING Instructor: Sue Leith, sleith@csus.edu EXAM REVIEW Computer Components: Hardware - the term used to describe computer equipment -- hard drives, printers, scanners.

More information

CD: (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.

CD: (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 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

Adobe Photoshop PS2, Part 3

Adobe Photoshop PS2, Part 3 Adobe Photoshop PS2, Part 3 Basic Photo Corrections This guide steps you through the process of acquiring, resizing, and retouching a photo intended for posting on the Web as well as for a print layout.

More 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

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

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

STANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies

STANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies STANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies www.foray.com 1.888.849.6688 2005, FORAY Technologies. All rights reserved. What s

More 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

Two Basic Digital Camera Types ( ) ( )

Two Basic Digital Camera Types ( ) ( ) Camera Basics Two Basic Digital Camera Types Digital SLR (Single Lens Reflex) Digital non-slr ( ) ( ) Camera Controls (where they are) Knobs & Switches Control Buttons Menu (several) Camera Controls (where

More information

Outline: Getting the Best Scans

Outline: Getting the Best Scans Andrew Rodney (andrew 4059@aol.com) Outline: Getting the Best Scans 1. Resolutions Basics How big is a Pixel (How big is the dot)? Why deal with resolution at a Pixel level? PPI vs. DPI what are the differences?

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

Quick Start Guide to Printing on the EPSON 9800

Quick Start Guide to Printing on the EPSON 9800 Quick Start Guide to Printing on the EPSON 9800 Website: http://www.arts.rpi.edu/pl/iear-studios-facilities/advanced-graphicsproduction-studio. 1) After finishing working on the file, make sure reminds

More information

4/23/12. Improving Your Digital Photographs + ABOUT ME. + CHANGES in PHOTOGRAPHY. CAMERA and DARKROOM Pro? Cons? DIGITAL PHOTOS Pro? Con?

4/23/12. Improving Your Digital Photographs + ABOUT ME. + CHANGES in PHOTOGRAPHY. CAMERA and DARKROOM Pro? Cons? DIGITAL PHOTOS Pro? Con? Improving Your Digital Photographs Dana Baumgart Marketing Consultant UW Oshkosh Adjunct Faculty ABOUT ME 1997-2001 Attended UWO 2003-2004 Attended Marian College 2001-2003 Marketing Coordinator 2003-2007

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

DIGITAL WATERMARKING GUIDE

DIGITAL WATERMARKING GUIDE link CREATION STUDIO DIGITAL WATERMARKING GUIDE v.1.4 Quick Start Guide to Digital Watermarking Here is our short list for what you need BEFORE making a linking experience for your customers Step 1 File

More information

Wisconsin Heritage Online Digital Imaging Guidelines QUICK GUIDE TO SCANNING

Wisconsin Heritage Online Digital Imaging Guidelines QUICK GUIDE TO SCANNING Wisconsin Heritage Online Digital Imaging Guidelines QUICK GUIDE TO SCANNING January 2010 This Scanning Quick Guide is a summary of the recommended scanning standards for WHO Content Providers. It is intended

More information

This histogram represents the +½ stop exposure from the bracket illustrated on the first page.

This histogram represents the +½ stop exposure from the bracket illustrated on the first page. Washtenaw Community College Digital M edia Arts Photo http://courses.wccnet.edu/~donw Don W erthm ann GM300BB 973-3586 donw@wccnet.edu Exposure Strategies for Digital Capture Regardless of the media choice

More information

A CAMERA IS A LIGHT TIGHT BOX

A CAMERA IS A LIGHT TIGHT BOX HOW CAMERAS WORK A CAMERA IS A LIGHT TIGHT BOX Pinhole Principle All contemporary cameras have the same basic features A light-tight box to hold the camera parts and recording material A viewing system

More information

Introduction to Digital Photography

Introduction to Digital Photography Introduction to Digital Photography A CAMERA IS A LIGHT TIGHT BOX All contemporary cameras have the same basic features A light-tight box to hold the camera parts and recording material A viewing system

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

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

Color and More. Color basics

Color and More. Color basics Color and More In this lesson, you'll evaluate an image in terms of its overall tonal range (lightness, darkness, and contrast), its overall balance of color, and its overall appearance for areas that

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

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

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

Windows INSTRUCTION MANUAL

Windows INSTRUCTION MANUAL Windows E INSTRUCTION MANUAL Contents About This Manual... 3 Main Features and Structure... 4 Operation Flow... 5 System Requirements... 8 Supported Image Formats... 8 1 Installing the Software... 1-1

More information

Capturing and Editing Digital Images *

Capturing and Editing Digital Images * Digital Media The material in this handout is excerpted from Digital Media Curriculum Primer a work written by Dr. Yue-Ling Wong (ylwong@wfu.edu), Department of Computer Science and Department of Art,

More 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

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

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

Applying mathematics to digital image processing using a spreadsheet

Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Department of Engineering and Mathematics Sheffield Hallam University j.waldock@shu.ac.uk Introduction When

More 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

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

Photoshop Techniques Digital Enhancement

Photoshop Techniques Digital Enhancement Photoshop Techniques Digital Enhancement A tremendous range of enhancement techniques are available to anyone shooting astrophotographs if they have access to a computer and can digitize their images.

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

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

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

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

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

Guidance on Using Scanning Software: Part 5. Epson Scan

Guidance on Using Scanning Software: Part 5. Epson Scan Guidance on Using Scanning Software: Part 5. Epson Scan Version of 4/29/2012 Epson Scan comes with Epson scanners and has simple manual adjustments, but requires vigilance to control the default settings

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

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

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

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

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

Portfolio Primer University of Minnesota School of Architecture College of Design

Portfolio Primer University of Minnesota School of Architecture College of Design Portfolio Primer University of Minnesota School of Architecture College of Design John Comazzi, Associate Professor of Architecture Let your images breath. Avoid overlaps of images and text over images.

More information

How to generate different file formats

How to generate different file formats How to generate different file formats Different mediums print, web, and video require different file formats. This guide describes how to generate appropriate file formats for these mediums by using Adobe

More information

Creating Digital Artwork

Creating Digital Artwork 5Steps to Creating Digital Artwork (For more detailed instructions, please click here) Introduction to Digital Artwork Authors often choose to include digital artwork as part of a submission to a medical

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

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

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

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

PASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year

PASS4TEST. IT Certification Guaranteed, The Easy Way!  We offer free update service for one year PASS4TEST IT Certification Guaranteed, The Easy Way! \ We offer free update service for one year Exam : 9A0-125 Title : Adobe Photoshop Lightroom 2 ACE Exam Vendors : Adobe Version : DEMO Get Latest &

More information

Section 1. Adobe Photoshop Elements 15

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

W i n d o w s. ScanGear CS-S 4.3 for CanoScan FB1200S Color Image Scanner. User's Guide

W i n d o w s. ScanGear CS-S 4.3 for CanoScan FB1200S Color Image Scanner. User's Guide f o r W i n d o w s ScanGear CS-S 4.3 for CanoScan FB1200S Color Image Scanner User's Guide How to Make Best Use of the Manuals 2 When you open the box Printed Manual CanoScan FB1200S Quick Start Guide

More information

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Photoshop: a Beginner s course by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Table of Contents About the Workshop... 1 Prerequisites... 1 Workshop Objectives...

More information

In order to manage and correct color photos, you need to understand a few

In order to manage and correct color photos, you need to understand a few In This Chapter 1 Understanding Color Getting the essentials of managing color Speaking the language of color Mixing three hues into millions of colors Choosing the right color mode for your image Switching

More 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

Basics to Fine Art Printing and Mounting for Exhibition

Basics to Fine Art Printing and Mounting for Exhibition Basics to Fine Art Printing and Mounting for Exhibition Umbrella Program Agenda 9Aug17 Basics to Image Ready for Printing Definitions, Concepts, Tools Workflow Preparing Image for Printing 16Aug17 Getting

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

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

Using Layers. Chapter Delmar, Cengage Learning

Using Layers. Chapter Delmar, Cengage Learning Using Layers Chapter 5 2011 Delmar, Cengage Learning Chapter Objectives Learn to use the Layers panel and Layer menu for various commands. Create two permanent selections to duplicate graphics for replication

More information

Terms and Definitions. Scanning

Terms and Definitions. Scanning Terms and Definitions Scanning A/D Converter Building block of a scanner. Converts the electric, analog signals to computer-ready, digital signals. Scanners Aliasing The visibility of individual pixels,

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

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

Data Representation. "There are 10 kinds of people in the world, those who understand binary numbers, and those who don't."

Data Representation. There are 10 kinds of people in the world, those who understand binary numbers, and those who don't. Data Representation "There are 10 kinds of people in the world, those who understand binary numbers, and those who don't." How Computers See the World There are a number of very common needs for a computer,

More information

Aperture. The lens opening that allows more, or less light onto the sensor formed by a diaphragm inside the actual lens.

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

Know your digital image files

Know your digital image files Know your digital image files What is a pixel? How does the number of pixels affect the technical quality of your image? How does colour effect the quality of your image? How can numbers make colours?

More information

PRINTING IN BLACK AND WHITE ON THE EPSON STYLUS PRO 3880:

PRINTING IN BLACK AND WHITE ON THE EPSON STYLUS PRO 3880: PRINTING IN BLACK AND WHITE ON THE EPSON STYLUS PRO 3880: To book the printers, students in authorized classes should sign up on the sheets posted in Rm. 132 or 330. Students may sign up for a maximum

More information

Dynamic Range. H. David Stein

Dynamic Range. H. David Stein Dynamic Range H. David Stein Dynamic Range What is dynamic range? What is low or limited dynamic range (LDR)? What is high dynamic range (HDR)? What s the difference? Since we normally work in LDR Why

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

Mark Sullivan Digital Library of the Caribbean

Mark Sullivan Digital Library of the Caribbean Digital Library of the Caribbean Imaging Imaging Theory & Specifications Recommended Equipment and Software 2 3 Imaging Theory & Best Practices Bit Depth & Color Space Resolution File Types Image Compression

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

WORKING WITH COLOR Monitor Placement Place the monitor at roughly right angles to a window. Place the monitor at least several feet from any window

WORKING WITH COLOR Monitor Placement Place the monitor at roughly right angles to a window. Place the monitor at least several feet from any window WORKING WITH COLOR In order to work consistently with color printing, you need to calibrate both your monitor and your printer. The basic steps for doing so are listed below. This is really a minimum approach;

More information

Photomatix Light 1.0 User Manual

Photomatix Light 1.0 User Manual Photomatix Light 1.0 User Manual Table of Contents Introduction... iii Section 1: HDR...1 1.1 Taking Photos for HDR...2 1.1.1 Setting Up Your Camera...2 1.1.2 Taking the Photos...3 Section 2: Using Photomatix

More information

2 BASiC PHOTO COrrECTiOnS lesson overview

2 BASiC PHOTO COrrECTiOnS lesson overview 2 basic photo corrections Lesson overview In this lesson, you ll learn how to do the following: Understand image resolution and size. Straighten and crop an image. Adjust the tonal range of an image. Remove

More information

Monaco ColorWorks User Guide

Monaco ColorWorks User Guide Monaco ColorWorks User Guide Monaco ColorWorks User Guide Printed in the U.S.A. 2003 Monaco Systems, Inc. All rights reserved. This document contains proprietary information of Monaco Systems, Inc. No

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

Adobe Photoshop CS5 Tutorial

Adobe Photoshop CS5 Tutorial Adobe Photoshop CS5 Tutorial GETTING STARTED Adobe Photoshop CS5 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop

More information

Making Digital POSiTiVES & Negatives for Contact Printing Sandra C. Davis

Making Digital POSiTiVES & Negatives for Contact Printing Sandra C. Davis Making Digital POSiTiVES & Negatives for Contact Printing 2005-13 Sandra C. Davis Suggested reading: Making Digital Negatives for Contact Printing by Dan Burkholder, Twin Palms Press, and The Inkjet Negative

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

Adobe Photoshop CS2 Workshop

Adobe Photoshop CS2 Workshop COMMUNITY TECHNICAL SUPPORT Adobe Photoshop CS2 Workshop Photoshop CS2 Help For more technical assistance, open Photoshop CS2 and press the F1 key, or go to Help > Photoshop Help. Selection Tools - The

More 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

19 Setting Up Your Monitor for Color Management

19 Setting Up Your Monitor for Color Management 19 Setting Up Your Monitor for Color Management The most basic requirement for color management is to calibrate your monitor and create an ICC profile for it. Applications that support color management

More information

The 2 in 1 Grey White Balance Colour Card. user guide.

The 2 in 1 Grey White Balance Colour Card. user guide. The 2 in 1 Grey White Balance Colour Card user guide www.greywhitebalancecolourcard.co.uk Contents 01 Introduction 05 02 System requirements 06 03 Download and installation 07 04 Getting started 08 Creating

More information

Using Adobe Photoshop to enhance the image quality. Assistant course web site:

Using Adobe Photoshop to enhance the image quality. Assistant course web site: Using Adobe Photoshop to enhance the image quality Assistant course web site: http://www.arches.uga.edu/~skwang/edit6170/course.htm Content Introduction 2 Unit1: Scan images 3 Lesson 1-1: Preparations

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

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

Screening Basics Technology Report

Screening Basics Technology Report Screening Basics Technology Report If you're an expert in creating halftone screens and printing color separations, you probably don't need this report. This Technology Report provides a basic introduction

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