File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

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
Introduction to Computer Graphics
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Raster vs Vector and Image Resolution By Josh Gallagan.
Image and Sound Editing Raed S. Rasheed Image Image. Digital image. – Raster images. – Vector Images. – Stereo Images. – Image File Formats Lossless.
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 Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
Graphic Images 101. Painted on a grid Drawn mathematically.
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.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Graphics and Images Communicating Information : Documents and Publications.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.
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.
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.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Digital Imaging 101 Ann Ware
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
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.
Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.
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
Glencoe Introduction to Web Design Chapter 8 Web Graphics 1 A bitmap file format that is used by scanners and graphics programs for use in print.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Graphics and Multimedia
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
4 Importing Graphics Desktop Publishing: Chapter 4
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
2.01 Investigate graphic image design.
Graphics: Production Methods, software, & Hardware
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.
A computer display is made up of small squares, called pixels.
Digital Images.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
2.01 Investigate graphic image design.
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
Color and Images.
2.01 Investigate graphic image design.
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

File Types

Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations. Graphics- everything on a page that is not text Multimedia and Image Management choices communicate a message and business success depends on the effectiveness of that message.

Image Formats Image programs save graphics with specific extensions indicating the file format. Extensions are 2-4 letters following the. At the end of a file name Ex. Picture.jpg Each program has a native format specific to it. Images should be saved in their native format for later editing. Different file formats are appropriate for different situations so knowing the difference between them is important.

Painting Programs Painting programs create images by using pixels. Pixels(Picture element)- a data representation of a specific color at a specific location on a grid. I.E. small squares with each pixel assigned a color. Painting programs are usually easier to use but do not give as high quality of results as drawing programs. Examples of Painting Programs Microsoft Paint Adobe Photoshop

Painting (cont’d) Painting programs create bitmap graphics made of pixels. Each pixel has a defined color, size and place in the image Sharpness is determined by the density of the pixels and the density determines the resolution. Resolution- Dots per inch or the numbers of pixels in rows and columns The higher the resolution, the better your image will appear or print.

Bitmapped Images Bitmap images(.bmp) are usually used in word processing documents or ones that run Windows. They are limited to 256 colors but are still rather large files. Tagged Image File Format (.tif) files work well in all environments They are also very large and often used in print documents Uncompressed and can show 16 million colors Some scanners and digital cameras produce TIFF files.

Images for the Web The time it takes to download a graphic on the Internet depends on the size of the file. Algorithms have been written to improve download speed by reducing or compressing the file Compression-process of reducing the size of an image 2 types Lossless- reduces file size without losing any pixel information Lossy- changes pixels by removing pixels it considers not essential.

GIF Graphics Interchange Format(GIF) Developed by CompuServe in 1994 Other software companies must pay royalties to them to use file format Only use 256 colors and are very small Used to create line drawings, images with transparent backgrounds an animated figures. Not good for images that require great color depth, like pictures GIF compression is loseless. 2 choices Interlaced- image loads onto Web page in stages until it reaches full resolution Noninterlaced- loads image from top down until image is complete.

Other file types.JPG(jay-peg) Uses 16 million colors Reproduces the quality, color and detail found in photographs. Most digital cameras use to save graphics Compression formula allows you to choose amount of compression to balance quality with size.PNG Uses 16 million colors Not supported by all web browsers

Drawing Programs Drawing programs create images made of mathematically defined lines and curves called vectors. Vector- an image created by using a series of mathematically defined lines and curves rather than pixels. Makes images easier to resize or scale. Unlike bitmap images, quality remains same despite scaling. Scaling-enlarging or reducing image Smoother than a bitmap image

More on Drawing Once graphic is completed, it can be saved as a bitmap(rastor) image, called rasterizing for use on the Internet Are smaller than bitmaps but do not show gradations of color Common vector file formats.cdr- CorelDraw.ai Adobe Illustrator.swf Shockwave Flash

Comparison Activity Create a drawing in Adobe Illustrator Make sure that your drawing has color At least 3 elements Save the file as an.ai file called vector example Then Save for Web and save file under same name but as a.gif or.jpg. Create a similar drawing with the same requirements in Photoshop Save the file as a.psd document called raster example. Then Save for Web and save file under same name but as a.gif or.jpg.

Activity Part 2 After you have created each file, answer the following: What is the size of each file? Which is bigger, why? To determine size, open My Computer and point to the file. Which file is better quality? Which file would be best for the web? Which file would be best for print? Zoom each file to 800%. How does each file change, if it changes? List 2 advantages of vector art. List 2 advantages of raster images. List 3 file types and give 1 pro and 1 con of each. What is the difference between PhotoShop and Illustrator? Which is easier to use, why? Answer in at least 3 sentences. Save the word file with the answers to the questions as vectorvsbit_firstnameli