Digital Multimedia.

Slides:



Advertisements
Similar presentations
The Keys to Speed. File Extensions Definition A tag of three or four letters, preceded by a period, which identifies a data file's format or the application.
Advertisements

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
Time to wake up. ChitChat Talk with the person sitting next to you –Ask him/her Name (if you do not know already) What have you done during this morning.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
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.
Text. Graphics Images – photos Animation Video Audio Text Copyright issues.
Digital Data Patrice Koehl Computer Science UC Davis.
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
Graphics and Multimedia Foundation Computing The beatings will continue until morale improves.
1 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB PC Graphics - From Megabytes To Modest Bytes By Murray Niman G6JYB.
© Keith Vander Linden, 2005 Jeremy D. Frens, Open up the box of a computer, and you won't find any numbers in there. You'll find electromagnetic.
Module Code: CU0001NI Technical Information on Digital Images Week – 2 - Extra.
1.1 What is Multimedia Multimedia
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
M404 Multimedia Elements Form 4.
The human eye. What you see l L H Cross Section through the Retina.
Image formats. Basic terminologies… Pixels: Pixels are the building blocks of every digital image. a pixel is a single point in a graphic image. Resolutions:
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
File Analysis Dr. John P. Abraham Professor UTPA.
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.
Media Types Information Systems can contain the following types of media: Sound, graphics, video & text.
Chapter 10. The Role of Video in Multimedia  Any presentation or application that uses sound and graphics qualifies as multimedia  Clip A segment of.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Vocabulary Worksheet Answers
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Marketing the product By Ryan Porter. Graphics cards (video card) A graphics card is an expansion card which puts out images to a display. They’re made.
Information Systems Design and Development Media Types Computing Science.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
Part A Multimedia Production
Video Formats. 1.Students will understand what the difference is between analog and digital video. 2. Students will learn the advantages of digital video.
Binary Numbers. Base 10 and Base 2  We normally work with numbers in base 10.  In base 10 we use the digits 0, 1, 2, 3, 4, 5, 6, 7, 8 and 9.  Everything.
CC111 Lec#2 The System Unit The System Unit: Processing and Memory Lecture 2 Binary System.
Marketing the product By Ryan Porter. Graphics cards (video card) A graphics card is an expansion card which puts out images to a display. They’re made.
National 4 and National 5 Computer Science. National 4 Computing Science 2 units: Software Design and Development Information System Design and Development.
2.01 Understand Digital Raster Graphics
Multimedia Subject: Informatics of Technology II year
2.01 Understand Digital Raster Graphics
DIGITAL MEDIA FOUNDATIONS
Vector (Shapes) vs. Raster (Pixels)
Pixel, Resolution, Image Size
2.01 Understand Digital Raster Graphics
Image Formats.
Memory Parts of a computer
What is Binary? Binary is a two-digit (Base-2) numerical system, which computers use to process and store data. The reason computers use the binary system.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
CMPE 101 Introduction to Information Technologies Chapter 5: Application Software: Tools for Productivity Copyright © 2012 Pearson Education, Inc. Publishing.
Image File Size and File Compression
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
2.01 Understand Digital Raster Graphics
الوسائط المتعددة Multimedia.
Summer Term Year 10 Slides
ИНФОРМАТИКА И РАЧУНАРСТВО Наставна тема: РАЧУНАРСКА ГРАФИКА
Storyboarding MS Powerpoint.
File Extension Mini-Lesson
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
Lesson 5: Multimedia on the Web
File Compression and Formats
(c) V/2-Com (Verhaart) Multimedia Elements & standards 4/15/2019 (c) V/2-Com (Verhaart)
Narrative inserted in Speaker notes:
301 Asset Manipulation AO1.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Movie Maker This presentation will get you started with using Windows Movie Maker - Your very own movie studio. It provides step by step instructions for.
Presentation transcript:

Digital Multimedia

Text Files File Formats and Respective Software TXT – Text Document - Notepad, TextEdit DOC – Document - Microsoft Word DOCX – Document XML – Microsoft Word 2007, 2010 PDF – Portable Document Format - Adobe Acrobat RTF – Rich Text Format – WordPad, TextEdit ODF – Open Document Format – OpenOffice, LibreOffice

Bits and Bytes Digital  everything is ONES (1) and ZEROS (0) Only 2 different numbers  Binary Base 2 number system binary digit  bit (b) How many bits are there? 01011001 8 bits = 1 Byte (B)

Big Bytes Kilobyte (KB) = 103 = 1000 bytes Megabyte (MB) = 106 = 1000000 bytes Gigabyte (GB) = 109 bytes Terabyte (TB) = 1012 bytes Petabyte (PB) = 1015 bytes Exabyte (EB) = 1018 bytes Zettabyte (ZB) = 1021 bytes Yottabyte (YB) = 1024 bytes Kibibyte (KiB) = 210 = 1024 bytes Mebibyte (MiB) = 220 = 1048576 bytes Gibibyte (GiB) = 230 bytes … Why? Read more.

Data Compression Compress / shrink size of files How file compression work? Read more… Compression can sometimes affect the quality But is it something that you will notice? Examples: mp3 vs. wav (3 MB vs. 30 MB) jpg vs. bmp (100 KB vs. 1 MB) Why would we ever want to compress data? Give specific scenarios.

Lossy vs. Loss-less compression Lossy compression original quality CANNOT be reconstructed when decompressed (mp3, jpg) JPEG Example How do mp3s work? Read more… Loss-less compression original quality CAN be reconstructed when decompressed (zip)

Graphics & Images File Formats? Image Software? GIF JPEG, JPG - compressed BMP PSD PNG TIFF Image Software? Adobe Photoshop Microsoft Paint GIMP Paint.Net

Graphics Terms pixel ~ picture element resolution ~ number of total pixels (could be dimensions too) DPI ~ dots per inch (pixel density) pixel depth ~ color depth ~ bit depth Number of bits used in a single pixel More bits  more colors What is the tradeoff for a high quality pixel depth?

Why do pixels matter? Digital Cameras High Definition images Is getting a higher mega-pixel camera worth it? High Definition images Quality vs. Quantity Mr. Bui’s Picture Example What is its resolution? How many bytes is it? Resizing Changing quality

Audio File Formats? Audio Software? mid mp3 m4a wav ogg flac wma Audacity GarageBand FLStudio

Video File Formats? Video Software? avi wmv – Windows Media Video? mp4 divx mpeg Video Software? Adobe Premiere Windows Movie Maker Apple iMovie Apple Final Cut Pro Sony Vegas

Lab Assignment Create the following: GIF, JPG, and BMP images of yourself MP3, M4A, and WAV sounds of your voice Create a video of yourself presenting the differences between your GIF, JPG, and BMP images. Also present the differences between MP3, M4A, and WAV. This will be the most time-consuming portion of the assignment because you will need to create a movie using iMovie that has transitions and sound. Be sure your video has title screen(s) and still shots of the pictures. If possible, try to illustrate the loss of quality by recording something as MP3. (this may be difficult, but try it out)