Photoshop Software Rasterized, file formats, and printing choices.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
2.01 Understand Digital Raster Graphics
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Welcome to a New Quarter Class Rules and Responsibilities What will be learning? 106-Static and Dynamic Visualization 105-Synthesize Data for SciVis Video-Real.
Raster vs Vector and Image Resolution By Josh Gallagan.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Faculty of Sciences and Social Sciences HOPE Website Development Graphics Stewart Blakeway FML 213
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
File Saving and editing Basic editing using adjustment layers. Week 3 Artd114 Digital Photography.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
Graphics workshop Library and Information Services University of St Andrews.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Digital Graphics. Formats: BMP – Bitmap image file which is used to store Bitmap digital images PNG – Portable Network Graphics GIF – Graphics Interchange.
Digital Imaging 1 Fall 2014 CCBC ARTD 116 CN1, Digital Imaging 1 CRN
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Things to Remember When working with digital images.
Raster Graphics 2.01 Investigate graphic image design.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
HTTP transaction with Graphics HTML file + two graphics files.
Vocabulary Worksheet Answers
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
DIGITAL MEDIA FOUNDATIONS
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Exploring Computer Science - Lesson 3-4
Binary Representation in Audio and Images
2.01 Understand Digital Raster Graphics
Image Formats.
File Formats.
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Exploring Computer Science - Lesson 3-4
Digital Images.
LET’S LEARN ABOUT GRAPHICS!
Digital Images.
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

Photoshop Software Rasterized, file formats, and printing choices

Photoshop is a raster program What is raster program like Photoshop? Programs that use pixel colors to create a graphic. A raster graphic is an image made of hundreds (or thousands or millions) of tiny squares of color information, referred to as either pixels or dots. (Technically pixels refer to color blocks viewed on an electronic monitor where as dots refer to the ink dots on a printed piece. But even professional designers, myself induced, often use these two terms interchangeably.) The most common type of raster graphic? A photograph. The designer’s preferred program for creating and editing raster files? You guessed it: Adobe Photoshop. Popular raster file format extensions include: jpg/jpeg, psd, png, tiff, bmp and gif.

What is a pixel? A pixel is a small dot of color either RBG (primary colors of light). All lighted display devices are made of pixels. Digital Cameras have a sensor that collects color data and make an image file that contains a variety of color pixel data. ?v=uRzPBELMemM

PPI or DPI/resolution PPI stands for Pixel per inch. DPI stands for Dots per inch. Image is measured in the amount of pixels in a square inch. The smaller the ppi the lower the image quality, 72 ppi is average web image size. The high ppi like 300, offers better image quality and more options for printing.

Monitor Pixels A video monitor with 215,500 pixels can display 1024x768 (786,432 pixels),when used as computer monitor.

Pros of Raster Images Rich Detail: Ever wondered what the term “dpi” stands for? It means “dots per inch,” a measurement of how much detailed color information a raster image contains. Say you’ve got a 1” x 1” square image at 300 dpi—that’s 300 individual squares of color that provide precise shading and detail in your photograph. The more dpi your image contains, the more subtle details will be noticeable. Precise Editing: All of those individual pixels of color information can also be modified, one by one. So if you’re a true perfectionist, the level of editing and customization available in a raster image is almost limitless. Cons of Raster Images Blurry When Enlarged: The biggest downfall to raster images is that they become pixelated (aka grainy) when enlarged. Why is this? Well, there are a finite number of pixels in all raster images; when you enlarge a photo, the computer takes its best guess as to what specific colors should fill in the gaps. This interpolation of data causes the image to appear blurry since the computer has no way of knowing the exact shade of colors that should be inserted. Large File Size: Remember how a 1” x 1” square at 300 dpi will have 300 individual points of color information for the computer to remember? Well let’s say you have an 18” x 24” photo— that’s 129,600 bits o’ info for a computer to process which can quickly slow down even the faster machine.

File Formats RAW, TIFF, JPEG, PNG, PDF, GIF… Why so many file formats? When to use them?

Bayer Interpolation A Bayer filter mosaic is a color filter array (CFA) for arranging RGB color filters on a square grid of photosensors. Its particular arrangement of color filters is used in most single-chip digital image sensors used in digital cameras, camcorders, and scanners to create a color image. The filter pattern is 50% green, 25% red and 25% blue, hence is also called RGBG,[1][2] GRGB,[3] or RGGB.[4] Resources from Wikipedia and

JPEG- (Joint Photographic Experts Group) Jpeg format is used for color photographs, or any pictures with many blends or gradients. It is not good with sharp edges and tends to blur them a bit. This format became popular with the invention of the digital camera. Every time image is save it goes through Lossy Compression, which reduces the amount of info in the image, lowing the image quality. The amount of compression every time opened and save results in loss of original info and quality. TIFF-( Tagged Image File Format) This file format has not been updated since It can store an image and data (tag) in the one file. TIFF also stores files with virtually no compression and therefore is good for storing images that need to be edited and re- saved without suffering a compression loss. RAW is the output from each of the original red, green and blue sensitive pixels of the image sensor, after being read out of the array by the array electronics and passing through an analog to digital converter.

PDF-Portable Document Format was developed in the early 1990s as a way to share documents, including text formatting and inline images, among computer users of disparate platforms who may not have access to mutually-compatible application software. The format is a like a screen shot but with the ability to have clickable links and buttons, form fields, video, and audio. Made for online use and can be compressed but doesn’t do it automatically. PNG -Portable Networks Graphic) Apparently this is one of the best image formats, however it was not always compatible with all web browsers or image software. GIF-(Graphics Interchange Format) Gif format is best used for text, line drawings, screen shots, cartoons, and animations. It is commonly used for fast loading web pages.