Chapter 7: Digital Images Section III: Using Visual Learning Tools to Enhance Learning.

Slides:



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

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
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.
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.
Image Editing Basics Resolution Screen resolution Printer resolution.
ETT 429 Spring 2007 Digital Photography/Scanners.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
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.
V Obtained from a summer workshop in Guildford County July, 2014
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.
Images you see on your screen are made up of these things called pixels. A screen will show over 1 million pixels and then a computer has to do what it.
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.
Photographics 10 Introduction to Digital Photography
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Graphics.
DIGITAL GRAPHICS & ANIMATION Complete LESSON 2 Importing and Exporting Graphics.
Research For Both Hardware And Software Required In Digital Graphics. By Joanne Hocking.
Vector vs. Bitmap
Photoshop Software Rasterized, file formats, and printing choices.
Foundations of Web Design I Photoshop CS5 Michael Daniel
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Graphics and Animation Multimedia Projects Part 2.
SAY CHEESE! The Digital Camera By Jean Waldrop ETEC 562 Spring 2004.
Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.
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.
Chapter 14 Working with Graphics. 2Practical PC 5 th Edition Chapter 14 Getting Started In this Chapter, you will learn: − About different graphics you.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Raster Graphics 2.01 Investigate graphic image design.
Choosing and Using a Digital Camera Kevin Amboe Surrey School District 2006.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
Graphics Concepts Presentation
Digital Images and Digital Cameras take notes in your journal.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Understanding Web Graphics
Why Digital? The ability to easily preview pictures and delete any bad shots, and know immediately if a particular photo needs to be re-shot The costs.
Photoshop.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
A computer display is made up of small squares, called pixels.
Digital Images.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
Graphics and Animation
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
Chapter 7: Digital Images
2.01 Investigate graphic image design.
Building an Online Store
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Chapter 7: Digital Images Section III: Using Visual Learning Tools to Enhance Learning

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Frameworks: What we know... Do digital images enhance learning? –If they are related to the text –Assists the learner to understand the purpose –Have a function such as illustrate or emphasize a particular point –Greatly enhances learning for students with special needs

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Frameworks: What we know... Do digital images have learning functions? –Decoration –Representation –Organization –Interpretation –Transformation

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Frameworks: What we know... What function do images used for decoration serve? –Breaks up the text to make it more appealing to the reader. –Example:

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Frameworks: What we know... What function do images used for representation serve? –Assist reader’s understanding of complex or unfamiliar concepts. –Earth’s Core:

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Frameworks: What we know... What function do images used for organizational images serve? –Organizational images relate step-by-step processes and how-to explanations to the reader. –Example: Step-by-step instructions for tying a Windsor knot.

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Frameworks: What we know... What function do images used for interpretational serve? –Provide the reader with assistance in understanding or interpreting abstract or difficult information –Carbon cycle

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Frameworks: What we know... What function do images used for transformation serve? –Images used for transformation aid the reader in transforming the text information by viewing pictures using application of mnemonic (memory enhancing) pictures. –Trichina is a roundworm found in uncooked pork.

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Digital Images What are pixels? (short for picture elements) –Tiny squares that make up a digital image. –A tonal value (black, white, shades of gray or color. –A photo is similar to a mosaic with each tile being a pixel.

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Obtaining Digital Images What can I obtain digital images? –Digital cameras –Scanners –CD/DVD collections –Web collections –Screenshots

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Digital Image Resolution What is resolution and why do I care? –Image created from the number of pixels or dots used. Relates to the sharpness of the image. –Resolution is defined for computer monitors digital cameras printers –Needs vary for electronic files VS. print files.

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: More Digital Image Resolution Consider how the image will be ultimately used. –Electronic? Measured in pixels per inch (ppi) Output on the computer Does not need to be high resolution ppi High resolution photos will appear very large on the computer screen –Print? Measured in dots per inch (dpi) Needs to be high resolution - At least 300 dpi Larger file sizes take up more memory.

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Digital Camera Are there basic parts to a camera that are fundamental to using it effectively? –Power on/off button –Camera modes –Optical viewfinder –LCD screen –Camera lens –Shutter –Flash –Memory sources –Power sources

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Digital Camera Modes Are there different camera modes to use? –Record Mode Take photos Access menu to select settings (resolution) Make adjustments (flash and zoom) –Playback mode Works with LCD viewer View images Erase unwanted images –May have video mode Record brief video (determined by storage capacity

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Viewfinder or LCD? Does it matter whether I use the viewfinder or LCD? –Optical viewfinder Small window located on the back of the camera Uses no power Not part of the lens so not accurate –LCD screen Small screen located at the back of the camera Used for previewing More accurate than viewfinder Drains battery power quickly

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Camera Lenses Are all camera lenses the same? –Camera lenses Made of plastic or glass Differ in quality and ability to takes photos at distances Fixed focus: cannot vary focal length –Digital zoom –Optical zoom

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Shutter and Flash What is the function of the shutter and flash? –Shutter (inside lens) Lets light into lens when pressed Shutter lab –Causes blurry photos –Flash Control on light shown on the photo Avoid red eye by NOT shooting in low light

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Memory Sources Are there different types of memory for a camera? –Fixed memory Limited amount of “onboard” memory –Removable memory Offers more space Can be erased and reused Easy transfer from camera to computer Types –Compact flash(CF), Secure Digital (SD) –Memory Sticks (Sony)

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Connectivity How do I connect the camera to the computer? –USB or Firewire cable/port –Card reader –Dock –Wireless connection

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Scanners Are all scanners the same? –Models Flatbed Sheet-fed Film –Scanner software is needed Special software for scanning text - OCR –Connectivity USB –Resolution Set the resolution for the destination of the file (print or electronic)

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: CD and Web Collections How do I get an image from a CD collection or Web Collection? –CD collection Big Box of Art Export file to flash drive –Web collection Many free sites (see On the Web) Google images: what about copyright? Save the file to the flash drive –Resolution Will be set at electronic resolution unless noted

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Saving Digital Files Are there file types to use when working with digital still images? –JPEG: Joint Photographic Experts Group Support full color Used for photos (digital cameras) Lossy compression Used for web –GIF: Graphics Interchange Format Supports 256 distinct colors Small files Lossless compression Used for web

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: More File Types –PNG: Portable Network Graphics Support full color Small files Lossless compression Used for web Not recognized by older browsers –TIFF: Tagged Image File Format Supports full color Very large files Used for print-based Used for web

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: More About Graphics Can I resize all images and retain the sharpness of the image? –Raster (bit-mapped) –Created with cameras, scanners, camcorders and screen captures –Consists of pixels. –Can be made smaller but not larger without distortion –Vector (objects-based) –Developed in drawing programs –Created by set of mathematical instructions that identify shapes, curves and lines. –Can be stretched without distortion.

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: More About Graphics Can I reduce the size of images? –High quality graphics are very large files and therefore hard to store, , or view on the web. –Compression Reducing the size of the file Too much compression affects image quality –Lossless and Lossy Compression Lossless: no data is lost during compression. GIF Lossy: data is lost each time the image is compressed. JPEG

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Legal and Ethical Use Are there legal and ethical considerations for use of digital images? –Copyright Law Addresses the legal and ethical use of images by others –Fairuse Places stipulations on use so that permission is not required –May use in a face-to-face environment for education

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Basics: Legal and Ethical Use What is the legal and ethical use of –Illustrations and photographs Photo: May use a complete photo from a photographer but not more than 5 from a particular photographer Collection: May use 15 photos for 10% whichever is smallest Take your own photos: none of children without parent permission –Resources from the Web Can be downloaded and used for in-class projects but not republished on the web

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images Voices in the Classroom Using Digital Images in Early Learning Vicki Wells 1st grade teacher Dogwood Elementary in Tennessee In this Voice, Vickie Wells, inner-city teacher, discusses how she uses digital cameras with her 1st grade students. Making books to record classroom activities, finding shapes at the school and identifying the helpers at the school are ways that she integrates digital cameras into language arts, math and social studies.

Section III: Using Visual Learning Tools to Enhance Learning | Chapter 7: Digital Images For more information Go to the textbook companion website: Or