Presentation is loading. Please wait.

Presentation is loading. Please wait.

© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.

Published byTeresa King Modified over 8 years ago

Similar presentations

Presentation on theme: "© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify."— Presentation transcript:

1

2 © Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA

3 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify text. If you are a visual learner, your mind keys in on the graphics as much or more than it keys in on the text. Learning productivity increases by graphic display of a message. Graphics may be photographs, hand drawn artwork, computer drawn artwork, textures, scanned items, or any thing that is or can be digitized. Graphics must enhance the text.” Sprankle and Johnson Sprankle and Johnson

4 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics can enhance your multimedia application by illustrating concepts and presenting information in uniquely effective ways. As part of a larger media mix, graphics can significantly enhance learning. In fact, some concepts are extremely difficult to teach without visuals. Some graphic images are real representations of actual objects, as in photographs, slides, and digitized images. Others are pictorial or diagrammatic representations of actual objects, which are often created by graphics artists.” (Fenrich, 1997, p. 138)

5 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. GRAPHICS FILE FORMATS

6 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Graphics Files   GIF & JPeG (PNG) (Internet)  BMP & WMF (Windows)  PIC & PCT (Mac)  TIF f, TGA, EPS(Universal). See table at the end of the chapter for additional formats. (Note: “animated” gifs will be covered when we discuss animation).. See table at the end of the chapter for additional formats. (Note: “animated” gifs will be covered when we discuss animation).

7 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Bitmapped (raster) Graphics vs. Object (vector) Graphics

8 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Bitmapped graphic Vector graphic Traditional drawing

9 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. GRAPHICS SOFTWARE

10 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Paint Draw vs.

11 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Graphics Software In my work with graphics software, I have performed these three basic functions: 1. Converting from one file format to another 2. Editing the contrast, brightness, and color or hue 3. Changing the content of the graphic* Note: These are not always found in a single software package.

12 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Paint (Windows) - editor and converter for numerous bitmapped formats such as: BMP, JPG, GIF,PCD, PCX, TIFF, DIB, and TGA. Microsoft Photo Editor (pre-Office 2000 Pro) - editor and converter for numerous bitmapped formats such as: BMP, JPG, GIF,PCD, PCX, TIFF, DIB, and TGA files. Lview Pro (www.lview.com) - editor and converter for numerous bitmapped formats such as: BMP, JPG, GIF, PPM, PCX, TIFF, DIB, and TGA files. (www.lview.com) Paint Shop Pro (www.jasc.com) - for numerous bitmapped formats such as: BMP, JPG, GIF, PPM, PCX, TIFF, DIB, and TGA files.(www.jasc.com) Free Graphics Software

13 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. $$$ Graphics Software Adobe Photoshop ($649) Adobe Illustrator ($499) Corel Draw ($379) Macromedia FreeHand ($399) Autodesk Maya ($1,999)

14 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Scanner Graphics Sources

15 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Digital Camera Scanner /Cell Phone Note: These devices can also be used for recording videos Note: These devices can also be used for recording videos Graphics Sources

16 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Graphics Sources Digital Camera/Cell Scanner

17 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Video Capture Scanner Digital Camera/Cell Phone 160x120 22KB 320x240 108KB 640x480 336KB Note: This device can also be used for recording videos Note: This device can also be used for recording videos Graphics Sources

18 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Video Capture Scanner Digital Camera/Cell Phone 640x4800 181KB Graphics Sources

19 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Video Capture Scanner Digital Camera/Cell 640x480 224KB Graphics Sources

20 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Created } “Borrowed” } Video Capture Screen Capture Photo CD’s Clip Art Internet Print Screen vs. Alt-Print Screen Print Screen vs. Alt-Print Screen Scanner Digital Camera/Cell “right-click” on graphic or drag-and-drop “right-click” on graphic or drag-and-drop Graphics Sources

21 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Color Additive Color light – RGB monitor Subtractive Color paint – CYMK printer Color Mixer Color Mixer

22 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. 1black & white line drawings 2 4 posters 4 16 sketches 8 (1 byte) 256 low-quality photographs 16 (2 bytes) 65,536 high-quality photographs 24 (3 bytes) 16,777,216 professional-quality photographs 32 (4 bytes) 4,294,967,296 ??? File Size Considerations # of bits # of colors uses Color depth (# of bits)

23 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. ColordepthColordepth Also see Figure 6.2 in the MM text. Also see Figure 6.2 in the MM text.

24 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. Early projectors were only capable of displaying 256 colors. 256 – a necessary evil??? This is the maximum color depth for GIFs (one of the main graphics Web file formats). Some users may have their screens set to 256 colors, even if their computers are capable of a greater color depth.

25 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. use an adaptive palette. Some solutions: 256 – a necessary evil???

26 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. use an adaptive palette. Some solutions: 256 – a necessary evil???

27 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. use an adaptive palette. Some solutions: 256 – a necessary evil???

28 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. use an adaptive palette. Some solutions: 256 – a necessary evil???

29 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies 256 – a necessary evil??? use dithering use an adaptive palette. Some solutions: Also see Figure 6.16 in the MM text. Also see Figure 6.16 in the MM text.

30 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. # of bits # of colors uses Color depth (# of bits) Image size (# of pixels) 1black & white line drawings 2 4 posters 4 16 sketches 8 (1 byte) 256 low-quality photographs 16 (2 bytes) 65,536 high-quality photographs 24 (3 bytes) 16,777,216 professional-quality photographs 32 (4 bytes) 4,294,967,296 ??? File Size Considerations

31 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. 640 480 640 x 480 = 307,200 pixels 307,200 x 1 byte = 307,200 bytes 307,200 x 2 bytes = 614,400 bytes 307,200 x 3 bytes = 921,600 bytes Almost a meg of VRAM

32 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. 800 600 800 x 600 = 480,000 pixels 480,000 x 1 byte = 480,000 bytes 480,000 x 2 bytes = 960,000 bytes 480,000 x 3 bytes = 1,440,000 bytes Almost a 1.5 meg of VRAM

33 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. 800 600 480 640

34 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. 1600 1200 600 800 1600 x 1200 x 4 bytes = 7,680,000 bytes More than 7.5 meg of VRAM

35 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. What resolution and color depth do you use? 6 th Edition 640x480 2% 800x60044% 1024x76842% 1280x1024 4% 1152x864 3% Unknown 1% Screen Resolutions Reported in the MM Text 7th Edition 640x4800% 800x600 20% 1024x768 57% Higher 17% Unknown6%

36 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. # of bits # of colors uses Color depth Color depth (# of bits) Image size Image size (# of pixels) compressed vs. uncompressed 1black & white line drawings 2 4 posters 4 16 sketches 8 (1 byte) 256 low-quality photographs 16 (2 bytes) 65,536 high-quality photographs 24 (3 bytes) 16,777,216 professional-quality photographs 32 (4 bytes) 4,294,967,296 ??? File Size Considerations

37 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. pixel x - and and pixel y - pixels x & y - jpeg

38 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D.

39 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D.

40 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. bmpbmp 1096 x 777 x 3 = 2,495 KB

41 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. gifgif 568 KB

42 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. jpegjpeg 193 KB

43 EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. bmpgifjpg

Download ppt "© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify."

Similar presentations

Raster Graphics 2.01 Investigate graphic image design.

Raster Graphics 2.01 Investigate graphic image design.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): 00011011 4 bits pr pixel = 16 combinations(2.

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.

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.

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.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.

Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
ETT 429 Spring 2007 Digital Photography/Scanners.

ETT 429 Spring 2007 Digital Photography/Scanners.
Digital Still Images ETT 555 14 June 2004. Multimedia Assets Still Images Audio Video.

Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,

Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.

The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
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.

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.
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.

Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802

Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
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.

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.

Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:

Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
 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.

Graphic Images 101. Painted on a grid Drawn mathematically.
Graphics.

Graphics.

Similar presentations

Ads by Google