Mechanics of Transforming Materials for Online Lesson 10.

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

Multimedia Mr. Sanchez.

Chapter 11: Multimedia/Presentation Tools

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.

Digital Still Images ETT June Multimedia Assets Still Images Audio Video.

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,

Introduction to Computer Graphics

Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

Application Software.  Topics Covered:  Software Categories  Desktop vs. Mobile Software  Installed vs. Web-Based Software.

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.

Working with lesson 21 Images. This lesson includes the following sections: Computer Platforms Used for Graphics Types of Graphics Files Getting Images.

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.

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.

Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:

Graphic Images 101. Painted on a grid Drawn mathematically.

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.

It is helpful to break up the word ‘multimedia’ in order to gain a better understanding of its meaning. “Multi” means more than one e.g. a multi storey.

Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.

MULTIMEDIA What is Multimedia? The word MULTIMEDIA is made up from two words, MULTI meaning more than one and MEDIA meaning a way of displaying or passing.

Lecture 4 - Introduction to Computer Graphics

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.

2.01D Investigate graphic image design. Image Resolution.

Graphics and Images Communicating Information : Documents and Publications.

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.

Multimedia ITGS. Multimedia Multimedia: Documents that contain information in more than one form: Text Sound Images Video Hypertext: A document or set.

Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.

GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.

Multimedia Elements –Graphics. Graphics in Multimedia Applications.

CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.

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

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

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.

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

Graphics Concepts Presentation

Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall 1 Committed to Shaping the Next Generation of IT Experts. Chapter 4: Enhancing with.

Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.

WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.

1 Multimedia Literacy Taxonomy of Multimedia Objects.

Section 8.1 Section 8.2 Create a custom theme Design a color scheme

Digital Imaging 101 Ann Ware.

Understanding Web Graphics

Exploring Computer Science - Lesson 3-4

4 Importing Graphics Desktop Publishing: Chapter 4

Exploring Computer Science - Lesson 3-4

Lesson 21 Working with Images.

2.01 Investigate graphic image design.

Graphics Basics Ellen Eyth.

Exploring Computer Science - Lesson 3-4

Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.

LET’S LEARN ABOUT GRAPHICS!

Graphics and Animation

1.01 Investigate graphic types and file formats.

Introduction to Computer Graphics

Graphics Basic Concepts.

2.01 Investigate graphic image design.

Final Study Guide Arts & Communications.

Lesson 21 Working with Images.

2.01 Investigate graphic image design.

Lecture 4 - Introduction to Computer Graphics

Graphics and Animation

2.01 Investigate graphic image design.

Presentation transcript:

Mechanics of Transforming Materials for Online Lesson 10

Getting Help IT Personnel Library Science Personnel Faculty Cohorts Instructional Designers Videos & CDs

IT Personnel IT department Library science people Faculty cohorts Instructional designers

Library science people Multimedia Rooms Flatbed scanners 35 mm slide scanners Digital cameras Video capture equipment Voice recording equipment PC & Mac software

Instructional Designers Learn about Pedagogy Art and Science of Instruction

Instructional Designers They support encoding audio (mp3) and visual files (Flash) Work with images Slideshows Translation of text to web (to html)

Doing It Yourself Text (Lectures & Notes) Graphics & Charts Figures (Images) Audio Films – Electronic Archives, Digitizing Animations for the Web

Graphics & Charts Issues –copyright “adapted from” –quality reproduction (need Web-ready quality) GIF, JPEG or PNG –Use PowerPoint –Excel for Charts & Graphs

Figures (Images) Vector –Art (drawing of heart, p. 10.7) –Scalable –Lines, curves, thickness, color, fill – Raster (bitmapped) –Photo (pixels) –Dpi (dots per inch) Screen = 72 dpi Printed = 300 dpi

Figures (Images) Intropolation (process) –Resizing a pixel image, lose image quality, become lossy –Image is 400 x 300 pixels, enlarge it to 400%, it becomes 1600 x 1200 pixels. This means that from a mere 120,000 pixels in the original, you go to almost 2 million pixels in the enlargement. So your computer software has to "guess" what all those new pixels are going to be, based only on those 120,000 original values.

Places to go

Audio Sound (bonk, ding, clang) Voice (clear, clear, clear) no background noise) Noise (anything that detracts rather than supports online learning) Music to 30 SECONDS Spiders Last Moments; DANCE; Paper; GridSpiders Last MomentsDANCEPaperGrid ReadPlease CrazyTalk

Films – Electronic Archives, Digitizing Use in four ways –Introduce yourself –Feature guest lecturers –Give demos –Show difficult concept How to Shoot Video for the Web Stock video clips or Waugh

Animations for Web Add interest Provide HUMOR Direct attention to a particular action or section

Animations for Web

Animations for Web Guidelines Make it small for load easibility (Under 150 K animations; 50 K for stills & graphics) Rule of thumb is one per page To create one see p

Prepared Course Materials from Publishers Pearson-Prentice Hall McGraw-Hill Houghton-Mifflin Cogito

Check Sheet Introduction (START HERE) Bio (photo and audio) Course description Course policies Grading Scale Navigation Lectures Way to submit assignments Technology use Multimedia, Slide shows, video, etc.