Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness...

58
Graphics, Video, Animation

Transcript of Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness...

Page 1: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics, Video, Animation

Page 2: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Use of good graphics, animation and video impacts on the effectiveness of the multimedia application.

• The creation of good quality computer graphics, animation and video can be both difficult and time consuming.

• Make the most of the graphics capabilities of the host computer and the tools that are available for production of material.

Page 3: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics

• Fundamental to multimedia

• Pictures, drawings, diagrams, charts, graphs, photographs, paintings, cartoons or maps

• Research has proved effectiveness and importance of graphics in teaching and learning

Page 4: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics - negative aspects

• Poor use of graphics can interfere with learning process

• Avoid using graphics gratuitously

• Avoid inclusion of too many graphics

Page 5: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics - How they help

• attracting learner attention

• directing learner action

• illustrating quantifiable constructs

• representing concrete objects

• representing abstract concepts

• simplifying complex information

Page 6: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Pictures are easily remembered

• Remembered better than textual information

Page 7: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics - cultural issues

• Useful for cross-cultural instruction

• E.g. Reduce the size and number of editions of documents by fewer changes of written language

• reduce translation cost

• ease learning by reducing ambiguity and increasing memorability

Page 8: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Be aware that non-verbal information is very much culturally determined

• Don’t assume that graphics mean the same thing or are interpreted in same way across cultures

• Downplay or disguise cultural or national differences

Page 9: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Replace realistic graphics with simplified ones.

• Be wary of using religious or mythological symbols animals national emblems cartoons

Page 10: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics - Types

• Bit-mapped (often called sprites)

• Object based (often called vector graphics)

Page 11: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Bitmaps• excellent for photo-realistic images

• reasonably fast display time

• easily scanned in

• scalable, but definition usually lost unless carried out in editing software

• editable but can be difficult

• highly inefficient in disc storage (large file sizes)

Page 12: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• uncompressed file sizes depends on colour resolution of the image

• e.g. 640x480x16 colours (4 bits) = 150 000 bytes

• 640x480x256 colours (8 bits) = 300 000 bytes

• 640x480x32k colours (16 bits) = 600 000 bytes

Page 13: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• variety of image formats (PCX, TIF, GIF, BMP, JPEG, PICT etc)

Page 14: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Object Based• 2-D/3-D drawings

• poor realistic images

• display time can sometimes be slow – depending on complexity of drawing

• not easily scanned in

• scalable with no loss of definition

• editable

• highly efficient in disc storage

• file size generally independent of colour resolution

Page 15: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

General points• Authorware has its own very simple

and limited object-based graphics editor for use only within Authorware applications.

• Majority of multimedia authoring tools use only bit-mapped images and many support only a limited number of image formats

Page 16: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Not all formats are cross platform It can be a minefield!

• Good bit-map image editing software should be capable of importing & exporting a wide range of bit-map images

Page 17: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Also provide a wide range of image editing/manipulation features (e.g. scaling, rotation, cutting, pasting, colour touching, brightening, darkening, sharpening etc.)

Page 18: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video

• Digital Video- (full motion, digitised images (films tv programmes etc.)

• Video is comparatively expensive and difficult to develop

• Only use when it serves a specific purpose or enhances the likelihood of learning

Page 19: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video - Advantages

• Portrayal of concepts using motion the alteration of space and time the observation of dangerous processes in

a safe environment dramatisation of historical or complex

events demonstration of sequential processes the

viewer can review

Page 20: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video - types of applications

• Clips of video

• Streamed video

• Navigable (virtual reality) video

Page 21: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video - conversion

• Digitising

• reducing colours

• choosing frame rate

• sizing windows

• compression

Page 22: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video - formats

• Audio Visual Interleave/AVI – Microsoft (PC)• QuickTime (QT,MOV) – Apple (MAC/PC)• MPEG – Platform independent /scaleable

/highly compressed• M-JPEG – Platform independent /scaleable

/highly compressed• DVI – Intel/IBM proprietary system

Page 23: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Need specialist hardware/software to create/edit/view files

- video capture boards- file compression software to reduce file sizes- runtime software required to display files

(AVI/QT)- hardware decompression board/software

(MPEG/M-JPEG)

Page 24: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Need acres of disc storage to capture/edit video

• 30 seconds of uncompressed video at 160x120x16-bit colour can occupy 15-30 MB of storage

• 1 minute of compressed video at 160x120x16-bit colour can occupy 10 Mb of storage

Page 25: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Example video editing/splicing software

Adobe Premiere (MAC/PC)Digital Video Producer (PC)Avid Media Suite (MAC)Final Cut Pro (Mac)Final Cut Express (Mac)iMovie (MAC)

Page 26: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Animation

• Animation– Graphics may be simple, static images, simple moving images, or complex animated images

• Can also be achieved by changing the position of an object or sprite on Screen, to create illusion of movement

(e.g. motion icon in Authorware uses this technique)

Page 27: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Use only when it is consistent with the learning task

• The influence of animation on learners is subtle

• Computer-based animation may be used to attract attention as much as it is to provide direct instruction

Page 28: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Formats as for digital video

• Specialist software and hardware also needed

Page 29: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Types of Digital animation

• Frame-based animation - creating a series of individual cells

• Morphing - transforms the form of one object smoothly into another form

• 3-D animation - create objects that are more realistic in form and that appear to move through three dimensional space

Page 30: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics, Video, Animation

Page 31: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Use of good graphics, animation and video impacts on the effectiveness of the multimedia application.

• The creation of good quality computer graphics, animation and video can be both difficult and time consuming.

• Make the most of the graphics capabilities of the host computer and the tools that are available for production of material.

Page 32: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics

• Fundamental to multimedia

• Pictures, drawings, diagrams, charts, graphs, photographs, paintings, cartoons or maps

• Research has proved effectiveness and importance of graphics in teaching and learning

Page 33: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics - negative aspects

• Poor use of graphics can interfere with learning process

• Avoid using graphics gratuitously

• Avoid inclusion of too many graphics

Page 34: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics - How they help

• attracting learner attention

• directing learner action

• illustrating quantifiable constructs

• representing concrete objects

• representing abstract concepts

• simplifying complex information

Page 35: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Pictures are easily remembered

• Remembered better than textual information

Page 36: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics - cultural issues

• Useful for cross-cultural instruction

• E.g. Reduce the size and number of editions of documents by fewer changes of written language

• reduce translation cost

• ease learning by reducing ambiguity and increasing memorability

Page 37: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Be aware that non-verbal information is very much culturally determined

• Don’t assume that graphics mean the same thing or are interpreted in same way across cultures

• Downplay or disguise cultural or national differences

Page 38: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Replace realistic graphics with simplified ones.

• Be wary of using religious or mythological symbols animals national emblems cartoons

Page 39: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Graphics - Types

• Bit-mapped (often called sprites)

• Object based (often called vector graphics)

Page 40: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Bitmaps• excellent for photo-realistic images

• reasonably fast display time

• easily scanned in

• scalable, but definition usually lost unless carried out in editing software

• editable but can be difficult

• highly inefficient in disc storage (large file sizes)

Page 41: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• uncompressed file sizes depends on colour resolution of the image

• e.g. 640x480x16 colours (4 bits) = 150 000 bytes

• 640x480x256 colours (8 bits) = 300 000 bytes

• 640x480x32k colours (16 bits) = 600 000 bytes

Page 42: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• variety of image formats (PCX, TIF, GIF, BMP, JPEG, PICT etc)

Page 43: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Object Based• 2-D/3-D drawings

• poor realistic images

• display time can sometimes be slow – depending on complexity of drawing

• not easily scanned in

• scalable with no loss of definition

• editable

• highly efficient in disc storage

• file size generally independent of colour resolution

Page 44: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

General points• Authorware has its own very simple

and limited object-based graphics editor for use only within Authorware applications.

• Majority of multimedia authoring tools use only bit-mapped images and many support only a limited number of image formats

Page 45: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Not all formats are cross platform It can be a minefield!

• Good bit-map image editing software should be capable of importing & exporting a wide range of bit-map images

Page 46: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Also provide a wide range of image editing/manipulation features (e.g. scaling, rotation, cutting, pasting, colour touching, brightening, darkening, sharpening etc.)

Page 47: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video

• Digital Video- (full motion, digitised images (films tv programmes etc.)

• Video is comparatively expensive and difficult to develop

• Only use when it serves a specific purpose or enhances the likelihood of learning

Page 48: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video - Advantages

• Portrayal of concepts using motion the alteration of space and time the observation of dangerous processes in

a safe environment dramatisation of historical or complex

events demonstration of sequential processes the

viewer can review

Page 49: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video - types of applications

• Clips of video

• Streamed video

• Navigable (virtual reality) video

Page 50: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video - conversion

• Digitising

• reducing colours

• choosing frame rate

• sizing windows

• compression

Page 51: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Video - formats

• Audio Visual Interleave/AVI – Microsoft (PC)• QuickTime (QT,MOV) – Apple (MAC/PC)• MPEG – Platform independent /scaleable

/highly compressed• M-JPEG – Platform independent /scaleable

/highly compressed• DVI – Intel/IBM proprietary system

Page 52: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Need specialist hardware/software to create/edit/view files

- video capture boards- file compression software to reduce file sizes- runtime software required to display files

(AVI/QT)- hardware decompression board/software

(MPEG/M-JPEG)

Page 53: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Need acres of disc storage to capture/edit video

• 30 seconds of uncompressed video at 160x120x16-bit colour can occupy 15-30 MB of storage

• 1 minute of compressed video at 160x120x16-bit colour can occupy 10 Mb of storage

Page 54: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Example video editing/splicing software

Adobe Premiere (MAC/PC)Digital Video Producer (PC)Avid Media Suite (MAC)Final Cut Pro (Mac)Final Cut Express (Mac)iMovie (MAC)

Page 55: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Animation

• Animation– Graphics may be simple, static images, simple moving images, or complex animated images

• Can also be achieved by changing the position of an object or sprite on Screen, to create illusion of movement

(e.g. motion icon in Authorware uses this technique)

Page 56: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Use only when it is consistent with the learning task

• The influence of animation on learners is subtle

• Computer-based animation may be used to attract attention as much as it is to provide direct instruction

Page 57: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

• Formats as for digital video

• Specialist software and hardware also needed

Page 58: Graphics, Video, Animation. Use of good graphics, animation and video impacts on the effectiveness of the multimedia application. The creation of good.

Types of Digital animation

• Frame-based animation - creating a series of individual cells

• Morphing - transforms the form of one object smoothly into another form

• 3-D animation - create objects that are more realistic in form and that appear to move through three dimensional space