© C.R. Business Education Creations Digital Interactive Media An Overview.

Slides:



Advertisements
Similar presentations
Multimedia Mr. Sanchez.
Advertisements

Shaun Perry Grey Highlands Secondary.  Digital Photography Basics  The Art of Photography  Hands-On.
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.
Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,
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.
Illustration & Photography- Ch 9 Creating Graphics Illustration- using images that represent or express to make a visual statement Can show something that.
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Welcome to a New Quarter Class Rules and Responsibilities What will be learning? 106-Static and Dynamic Visualization 105-Synthesize Data for SciVis Video-Real.
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.
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Digital Photography. Introduction: The old saying goes, “A picture is worth a thousand words.” Seeing an image can be more exciting then reading a news.
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
Chapter 3 Adding Images in HTML. Agenda Understanding Web Page Images Prepare Your Images for the Web Insert an Image Specify an Image Size Add Alternative.
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.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Benjamin Goliwas’ Photo Analysis. Depth of Field Depth of Field: The breadth of sharpness in an image.  The greater the aperture (small Fstop) the smaller.
Beginning Photography
Digital Photography February 8, aphytips/composition.htm 2 The Rules of Composition Rule of Thirds Simplicity.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Photoshop Software Rasterized, file formats, and printing choices.
File Saving and editing Basic editing using adjustment layers. Week 3 Artd114 Digital Photography.
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.
Digital Images Can show something that cannot be photographed Illustration- using images that represent or express to make a visual statement.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files 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.
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.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Digital Photography Multimedia I. 1)Check to see if the battery is charged. 2)Check to see if memory has space. 3)Check to see if the camera’s date is.
A BCDE.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
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
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Information Systems Design and Development Media Types Computing Science.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Digital Photography Bethany Smith Learning Technologies Bethany Smith Learning Technologies.
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Exploring Computer Science - Lesson 3-4
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
Creating Effective Images
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.
Exploring Computer Science - Lesson 3-4
A computer display is made up of small squares, called pixels.
Digital Photography.
Digital Images.
Graphics and Animation
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
Web Design and Development
Multimedia Graphics.
Presentation transcript:

© C.R. Business Education Creations Digital Interactive Media An Overview

© C.R. Business Education Creations Multimedia and image management communicate a message. The success of a business often depends on the effectiveness of this message.

© C.R. Business Education Creations What is Multimedia? Multimedia is a broad term that applies to the integration of text, graphics, sound, video, and animation into a document, such as a letter, brochure, newsletter, Web page, or presentation.

© C.R. Business Education Creations What is Multimedia? It is not necessary for a document to contain all forms of media in order to be considered multimedia. Use of text and graphics in a flyer is multimedia.

© C.R. Business Education Creations What is Image Management? Image management is a more narrow term that applies to the use of graphics in documents. It encompasses every aspect of graphics from the creation to the final product whether in print or in some other form of medium.

© C.R. Business Education Creations What is Image Management? Image management requires you to make decision such as the size of files, the number and type of colors used, and what format is most appropriate.

© C.R. Business Education Creations What are graphics? Graphics can be defined as everything on the page that is not actual textual content from simple line drawings to fully active images found on the Web.

© C.R. Business Education Creations What are graphics? Graphics can also include elements such as the appearance of the type, including its size, shape, and appearance.

© C.R. Business Education Creations Why do you need to understand the difference in file formats? It is important that you understand the difference between file formats so that you can decide which ones will best meet your needs.

© C.R. Business Education Creations What is Aspect Ratio? The relationship between the width and the height of an image. To avoid distortion this ratio must be kept constant when displaying an image on different screens. The relationship between the width and the height of an image. To avoid distortion this ratio must be kept constant when displaying an image on different screens.

© C.R. Business Education Creations What are file extensions? Each image management program has a file format specific to that program called its default format. Example - All Word Documents default to.doc as a file extension. We’ll explore others later. Each image management program has a file format specific to that program called its default format. Example - All Word Documents default to.doc as a file extension. We’ll explore others later.

© C.R. Business Education Creations Common File Extensions Graphics programs use:.bmp – Bitmap.tif - TIFF (Tagged Image File Format).gif - Graphics Interchange Format.jpg - Joint Photographic Experts Group.png - Portable Network graphics.psd - Photoshop Document Graphics programs use:.bmp – Bitmap.tif - TIFF (Tagged Image File Format).gif - Graphics Interchange Format.jpg - Joint Photographic Experts Group.png - Portable Network graphics.psd - Photoshop Document

© C.R. Business Education Creations Common File Extensions Audio/Video Programs use:.wav - Wave file.wma – Windows Media Audio.mpeg – Motion Picture Experts Group.wmv - Windows Media Video.mp3 - MPEG 3 Audio Stream Audio/Video Programs use:.wav - Wave file.wma – Windows Media Audio.mpeg – Motion Picture Experts Group.wmv - Windows Media Video.mp3 - MPEG 3 Audio Stream

© C.R. Business Education Creations Common File Extensions.doc - Word document.ppt – PowerPoint.xls - Excel.pub – Publisher.mdb – Access.pdf - Adobe Acrobat.doc - Word document.ppt – PowerPoint.xls - Excel.pub – Publisher.mdb – Access.pdf - Adobe Acrobat

© C.R. Business Education Creations Explain compression as it applies to graphics. Compression in graphic files is the process of reducing the size of the image. The reduction in file size allows more images to be stored in a given amount of disk or memory space. It reduces the time required for images to be sent over the Internet or downloaded from Web pages. Compression in graphic files is the process of reducing the size of the image. The reduction in file size allows more images to be stored in a given amount of disk or memory space. It reduces the time required for images to be sent over the Internet or downloaded from Web pages.

© C.R. Business Education Creations Two Kinds of Compression Lossy - The JPEG image file, commonly used for photographs and other complex still images on the Web, is an image that has lossy compression. Using JPEG compression, the creator can decide how much loss to introduce and make a trade-off between file size and image quality.

© C.R. Business Education Creations Two Kinds of Compression Lossless - The Graphics Interchange File (GIF) is an image format used on the Web that provides lossless compression.

© C.R. Business Education Creations Two kinds of compression Lossless compression does not change any pixel data. Lossless compression never discards any information about the original file. This makes the file size larger. Lossless compression does not change any pixel data. Lossless compression never discards any information about the original file. This makes the file size larger.

© C.R. Business Education Creations Two kinds of compression Lossy compression creates smaller files by discarding some information about the original image. It removes details and color changes it deems too small for the human eye to differentiate. Lossy compression reduces the size of the file by removing pixels that are not essential. Lossy compression creates smaller files by discarding some information about the original image. It removes details and color changes it deems too small for the human eye to differentiate. Lossy compression reduces the size of the file by removing pixels that are not essential.

© C.R. Business Education Creations What is resolution? Resolution is the density of pixels in an image. The standard resolution for the internet is 72 ppi (pixels per inch). The higher the resolution, the sharper the image. Resolution is the density of pixels in an image. The standard resolution for the internet is 72 ppi (pixels per inch). The higher the resolution, the sharper the image.

© C.R. Business Education Creations Resolution Resolution is expressed as Dots Per Inch (dpi) when printed, or Pixels Per Inch (ppi) when viewed. The dpi measure indicates the quality of the image The higher the dpi value is, the higher the density of visual information that is available to represent the image. The more visual information there is the sharper and more color rich the image. Resolution is expressed as Dots Per Inch (dpi) when printed, or Pixels Per Inch (ppi) when viewed. The dpi measure indicates the quality of the image The higher the dpi value is, the higher the density of visual information that is available to represent the image. The more visual information there is the sharper and more color rich the image.

© C.R. Business Education Creations Resolution If the image is enlarged, the dpi value decreases If the image is reduced in size, the dpi value or resolution increases. Just remember that the lower the resolution, the fuzzier the image quality appears. The higher the resolution, the sharper the image quality appears. If the image is enlarged, the dpi value decreases If the image is reduced in size, the dpi value or resolution increases. Just remember that the lower the resolution, the fuzzier the image quality appears. The higher the resolution, the sharper the image quality appears.

© C.R. Business Education Creations Photographic Composition This is important for you to understand because you will be taking photos in this class for projects.

© C.R. Business Education Creations Photographic Composition Elements Focus Angle Centering Rule of Thirds Background Framing Lines Motion/Action/Texture Focus Angle Centering Rule of Thirds Background Framing Lines Motion/Action/Texture

© C.R. Business Education Creations Focus Many cameras have auto focus and won’t allow you to take a photo out of focus. Be aware of your focus point so that the main subject of the photo will be sharp. Many cameras have auto focus and won’t allow you to take a photo out of focus. Be aware of your focus point so that the main subject of the photo will be sharp.

© C.R. Business Education Creations Choose the Best Angle Generally, the light should come from behind the photographer unless your intention is to take a photo of a silhouette. Moving to different angles gives new perspective to the photo. Generally, the light should come from behind the photographer unless your intention is to take a photo of a silhouette. Moving to different angles gives new perspective to the photo.

© C.R. Business Education Creations Centering the Subject Only amateurs always place the subject in the center of the photograph.

© C.R. Business Education Creations Rule of Thirds One of the most popular 'rules' in photography is the Rule Of Thirds. It is also popular amongst artists. It works like this: Imaginary lines are drawn dividing the image into thirds both horizontally and vertically.

© C.R. Business Education Creations Rule of Thirds You place important elements of your composition where these lines intersect.

© C.R. Business Education Creations Examples using the Rule of Thirds

© C.R. Business Education Creations Background Be aware of the background Is there a utility pole or a tree that looks like it is growing from the subject's head? Color is important too: Is your subject wearing a white shirt standing against a white wall? Be aware of the background Is there a utility pole or a tree that looks like it is growing from the subject's head? Color is important too: Is your subject wearing a white shirt standing against a white wall?

© C.R. Business Education Creations Framing Fill the frame: The viewfinder may exaggerate what you see. You often perceive things a bit bigger than they actually are and tend not to notice 'slight' distractions. What you end up with is photographs with huge areas of wasted space around the edge and people with things growing out of their heads. Make sure your subject fills the frame. The best way to do this is to move a bit closer.

© C.R. Business Education Creations Drawing the eye into the Photo A line is an effective element of design because it can lead the viewer's eye. To create more effective photographs, actively look for lines and arrange them within your viewfinder to invoke specific feelings.

© C.R. Business Education Creations Be Aware of Motion - Action - Texture

© C.R. Business Education Creations Summary All of the techniques won’t be used in each photograph. The artistic value of photography lies in the creative use of these elements. Realize that this is a simplistic overview – we haven't discusses aperture or depth of field. All of the techniques won’t be used in each photograph. The artistic value of photography lies in the creative use of these elements. Realize that this is a simplistic overview – we haven't discusses aperture or depth of field.

© C.R. Business Education Creations Sources S. Lake, K. Bean. Multimedia and Image Management