V106.01 Obtained from a Guildford County workshop-Summer, 2014.

Slides:



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

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Unit 30- Digital Graphics THEORY P2 and D2
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.
Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.
2.01 Understand Digital Raster Graphics
Guilford County SciVis V106.01
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.
Image Compression CSC CSC Computing with Images2 How do we use fewer bytes to encode the same or similar information? Reduce redundancy Take.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
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.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Photoshop Software Rasterized, file formats, and printing choices.
Digital Image: Representation & Processing (2/2) Lecture-3
Multimedia and The Web.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
Files, File Format Folders Paths, URL Absolute Addresses Relative Addresses © Ms. Masihi.
Information Processes and Technology Multimedia: Graphics.
CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.
By Millie and Ellece. D IFFERENT T YPES OF G RAPHICS Bitmap Formats JPEG GIF PNG PSD TIFF.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
D IGITAL G RAPHICS By Katy Nicholson. W HAT ARE DIGITAL GRAPHICS ? Digital graphics are any images that are produced using software or a computer program.
Image Compression CSC CSC Computing with Images2 Image Compression Goal: reduce redundancy –Encode the same information using fewer bits.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
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
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
HTTP transaction with Graphics HTML file + two graphics files.
Part 1 File Formats Definition: A file format is a way to write the code of information for storage of an electronic file on a computer. Different software.
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
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Web Graphics By Chris Harding.
2.01 Understand Digital Raster Graphics
Image Formats.
Sci Vis I Exam Review Unit 6 File Formats.
2.01 Investigate graphic image design.
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.
A computer display is made up of small squares, called pixels.
Digital Images.
1.01 Investigate graphic types and file formats.
3.01F Publishing Animated Videos
Graphics Basic Concepts.
File Formats V
Web Design and Development
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Graphic File Format Skill Area
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Creating Digital Graphics
Presentation transcript:

V Obtained from a Guildford County workshop-Summer, 2014

 Every time you create a document or a graphic on a computer, the item is saved with a particular file format.  Example: Yourname.doc has a.doc file format, which identifies it a MS word file.  Just like different software programs are designed to perform particular functions, different file formats are good at performing different tasks.

 When you save a file using a particular program, that program assigns its own individual format that is known as a native file format. Examples: 3Ds Max =.3ds Photoshop =.psd MS Excel =.xls Corel Draw =.cdr

 The native file format has advantages when you are working with the assigning program. For example, layers are retained when you save a Photoshop image with its native.psd file, but the layers are not available if you save the image with some other formats.  Some companies design all of their products to work together, but you can have problems when you attempt to go from one company's product to another company's product.

 The type of files that a program will “open” or “save as” (other than its native format) vary with the individual program that you are using. Examples include bmp, jpeg, and txt files.  Some software application programs will import (open) a wide range of other file formats, some will not.

 Compressed files are files that have been altered to produce a smaller file size ( uses less memory).  Algorithms are programs that are written into software for file compression.  There are two types of file compression, lossy and lossless.

 Lossy compression results in a loss of data, and in turn, a loss of image quality. A picture saved with lossy compression may not look as good as the original image.  Lossy compression removes bits of color information in order to reduce file size.  Once compressed, the image is permanently altered.  Each compression change reduces image quality

 Lossless compression reduces the size of the image but results in an image that looks exactly the same as the original.  LZW (Lempel, Ziv, and Welch) is a popular lossless compression algorithm.

TIFF (Tagged Image File Format)  TIFF is the best format for files that must go cross-platform such as from a Windows system to a Macintosh computer.  TIFF image are widely used and accepted within professional printing operations since it is of high quality.  A TIFF Image can be a bitmapped image.  TIFF images can be compressed using the lossless LZW compression system. MAC PC

JPEG (Joint Photographic Experts Group)  JPEG is actually a compression algorithm for static images, not a file format.  JPEG’s are popular for photographs, artistic, and other complex images because they permit you to have 24 bit (16.7 million) color.  The JPEG compression algorithm produces lossy compression. The algorithm exploits limitations of the human eye such as our inability to perceive small color details or details of light and dark.

 Most programs that create JPEG compression allow you to vary how much compression occurs so that you can trade off file size for image quality. The more compression that you use, the smaller the file size, but the greater the loss in image quality.  A loss of quality might be acceptable for images that are used for electronic purposes but not for images that are going to be printed.  JPEG’s distort and blur color graphics.

GIF (Graphical Interchange Format)  GIF's are compressed graphic images that are platform independent for use in any computer.  It is a lossless format that uses LZW compression. It compresses at a ratio between 3:1 and 5:1.  A GIF will support a maximum of 256 (8-bit) colors and is better suited for less complex images such as cartoons, simple clips art, or text.  GIF images support transparency. Transparency refers to not displaying pixels of a certain color, which allows the background to appear under the image. with With out

GIF cont’d  Because CompuServe created GIF for use on the web, most have a resolution of 72 ppi, which does not make them very good for professional printing.  GIF compression is very good for use on images that contain lots of solid color.  GIF’s can be animated. The animation involves having additional image frames overlaying the main frame in a timed sequence.

BMP (bitmap)  BMP files are used for bitmap images within the windows operating systems.  Most often used for certain screen backgrounds for Windows operating system.  Can be compressed and other controls applied, but it is seldom used by third party software.

AVI (Audio Visual Interleaved)  AVI’s are sound and motion picture files that were developed by Microsoft for storing audio and video data.  AVI is a popular and widely distributed format because is can be displayed using the Windows Media Player that comes with Microsoft operating system

MAKE SURE YOU KNOW the file extensions/file formats—you WILL HAVE A QUIZ TOMORROW on this!