multimedia part edited

Upload: abdul-hakim-abdullah

Post on 06-Apr-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/2/2019 Multimedia Part Edited

    1/39

  • 8/2/2019 Multimedia Part Edited

    2/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

  • 8/2/2019 Multimedia Part Edited

    3/39

    Define multimedia

    Describe the elements of multimedia

    5.0 FUNDAMENTAL OF MULTIMEDIA

  • 8/2/2019 Multimedia Part Edited

    4/39

    Multimedia is any combination of text,

    graphic, animation, sound, and videodelivered to you by computer or other

    electronic or digitally manipulated means.

    5.0 FUNDAMENTAL OF MULTIMEDIA

  • 8/2/2019 Multimedia Part Edited

    5/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    Graphic

    Animation

    Audio

    Video

  • 8/2/2019 Multimedia Part Edited

    6/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    TextMost basic elements of multimedia. Text can contribute

    to the presentations overall look and feel.

    Texts in the form of words, sentences and paragraphs isused to communicate thoughts, ideas and facts in nearlyevery aspect of our lives.

  • 8/2/2019 Multimedia Part Edited

    7/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    Text elements can be categories into:Alphabet characters : A Z

    Numbers : 0 9

    Special characters : Punctuation[. , ; ] , Sign or

    Symbols [* & ^ % $ ! /\~ # @ .] also known asCharacter Sets

    May also include special icon or drawing symbols,

    mathematical symbols, Greek Letter etc. [ ]

  • 8/2/2019 Multimedia Part Edited

    8/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    The text elements used in multimedia are:

    Menus for navigation

    Interactive buttons

    Fields for reading

    HTML documents Symbols and icons

  • 8/2/2019 Multimedia Part Edited

    9/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

  • 8/2/2019 Multimedia Part Edited

    10/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    Typeface Font

    A family of graphiccharacters thatincludes different

    sizes and styles.Eg: Arial, Times

    New Roman

    A set of characters ofa single size andstyle belonging to a

    particular typefacefamily.Eg:

    Arial 18-point italic

  • 8/2/2019 Multimedia Part Edited

    11/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    The study of fonts and typefaces includes the following:

    Font styles

    Cases

    Serif & Sans serif

    Font sizes

  • 8/2/2019 Multimedia Part Edited

    12/39

    Font styles

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    Font styles include:

    Boldface ( Multimedia )

    Italic ( Multimedia )

    Underlining ( Multimedia ) Outlining ( )

  • 8/2/2019 Multimedia Part Edited

    13/39

    Font sizes

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    Font size is measured in points.Kerning is the spacing between characterpairs (letter spacing)

    Leading is the space between lines (linespacing)

    Reading Line 1

    Reading Line 2Line spacing: 0.5

  • 8/2/2019 Multimedia Part Edited

    14/39

    Cases

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    A capitalized letter is referred to as UPPERCASE, while a

    small letter is referred to as lowercase.

    Studies have shown that words and sentences with mixed

    upper and lowercase letters are easier to read than words

    or sentences in all caps(uppercase).

  • 8/2/2019 Multimedia Part Edited

    15/39

    Serif & Sans serif

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Text

    Different typefaces can convey widely different feelings

    and impressions

    SERIF TYPEFACES SANS SERIF TYPEFACES

    Aserifis the littledecoration at the end of a

    letter stroke.

    More readable, used forlarge bodies of text

    Eg: Century Schoolbook

    Sans seriffonts do not havea serif at the end of a letter

    stroke.

    Used for titles, headings,Web page banners

    Eg: Arial

  • 8/2/2019 Multimedia Part Edited

    16/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Graphic

    Digital representations of photographs, drawings,

    charts, and other visual images.

    Used to present information

    more attractively and

    effectively

  • 8/2/2019 Multimedia Part Edited

    17/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Graphic

    Graphics are used in multimedia applications as:

    Complementary element

    - used as background and

    texture

    Main focus

    - Logos, images, paintings,

    figures and photographs

    Object

  • 8/2/2019 Multimedia Part Edited

    18/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Graphic

    Bitmap graphic vector-drawn graphic

    Images that are made upof set of bits or pixels.

    Can include images thatcome from a scanner,photograph or imagesfrom camera.

    Consists of line drawing.

    Can include lines, shapessuch as rectangles, elipses,arcs and typeset text.

  • 8/2/2019 Multimedia Part Edited

    19/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Graphic

    Bitmap graphics

    Bitmaps are an image formatsuited for creation of:

    Photo-realistic images

    Complex drawings Images that require fine

    detail

  • 8/2/2019 Multimedia Part Edited

    20/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Graphic

    vector-drawn graphics

    Vector-drawn images are usedin the following areas:

    Computer-aided design (CAD)programs

    Graphic artists designing for theprint media

    3-D animation programs Applications requiring drawing of

    graphic shapes

  • 8/2/2019 Multimedia Part Edited

    21/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Graphic

    vector-drawn graphic Bitmap graphics

    VS Vector images use less

    memory space andhave a smaller file size

    For the Web, pages that

    use vector graphicsin plug-ins downloadfaster.

    Bitmap images requiremore memory spaceand have a bigger filesize

    Bitmap images file sizeis bigger and slower todownload through webpages.

  • 8/2/2019 Multimedia Part Edited

    22/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Graphic

    Use Format Extension

    Graphical elements such as buttons BMP .bmp

    High-resolution scanned imagesand digital photos

    TIFF .tiff

    Photographic or scanned images JPEG .jpeg, .jpg

    Popular for Web graphics GIF .gif

    Alternative to GIF PNG .png

  • 8/2/2019 Multimedia Part Edited

    23/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Animation

    The act of making something alive.

    Animation is a sequence of still graphics that are setin motion

    A series of images are rapidly changed to create anillusion of movement.

  • 8/2/2019 Multimedia Part Edited

    24/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Animation

    Animations create visually powerful effects on thescreen.

    Animations are effective in the communicationprocess to enhance the emotional impact of themessage and break up the intensity of too much

    textual information.

  • 8/2/2019 Multimedia Part Edited

    25/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Animation

    Usage of animation in multimedia presentation:Artistic purposes

    Storytelling

    Displaying data (scientific visualization)

    Instructional purposes

  • 8/2/2019 Multimedia Part Edited

    26/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Animation

    Animation can be rendered in:

    2-D space - 2-D animations are very simple andstatic.

    2-1/2D space - An illusion of depth is createdthrough shadowing, highlighting, and forced

    perspective, though in reality the image rests in twodimensions.

    3-D space - Complicated and realistic animations aredone in 3-D space.

  • 8/2/2019 Multimedia Part Edited

    27/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Animation

    2-D animation 2 -1/2 -D animation 3-D animation

  • 8/2/2019 Multimedia Part Edited

    28/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Animation

    Animation type Format Extension

    Animated gif (GraphicInterchange Format)

    GIF .gif

    Flash & Shockwaveanimation

    SWF .swf

    2-D and 3-D animation MOV or AVI .mov or .avi

  • 8/2/2019 Multimedia Part Edited

    29/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Audio

    All types of sound including music,spoken voice, sound effects.

    Audio adds an exciting dimension to a presentation.

    Audio can capture attention and complements the

    graphics on the screen.

    Audio can increase the associations the end-user makeswith the information in their minds thus increasing theirretention rate.

  • 8/2/2019 Multimedia Part Edited

    30/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    AudioThere are several ways to add audio to the presentation:

    Background Music Sound Effect Narration

    Will set the mood of

    ambience for the

    presentation.

    Can create anenvironment of

    excitement and

    anticipation.

    Serve to punctuate

    an event so that

    audience is alerted to

    the action. Eg:

    clicking a button Sound effect for the

    transition to

    accentuate the

    changing of the

    screen

    Built-in narration can

    eliminates the need

    to have speaker

    standing at the fronttalking for the

    presentation

    It is recommended

    that narrations be

    kept at minimum

  • 8/2/2019 Multimedia Part Edited

    31/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Audio

    Sound that you hear everyday

    It takes the form of signals

    that travel in continouswaves.

    Eg: music from the radio

    The actual representation ofsound, stored in the form ofsamples (digitized sound)

    Digital audio is created whenthe characteristics of a

    sound wave is representingin binary format (1,0) foruse in digital devices.

    Eg: music clips playing in acomputer

    Analogue audio Digital audio

  • 8/2/2019 Multimedia Part Edited

    32/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Audio

    Audio Format Extension

    AAC (Advance Audio Coding) .aac, .m4p, .mp4

    AIFF (Audi Interchang File Format) .aif

    MP3 (MPEG-1 Layer 3) .mp3

    RealAudio .ra, .ram

    Wave .wav

    WMA (Windows Media Audio) .wma

  • 8/2/2019 Multimedia Part Edited

    33/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Video

    Video is a series of frames containing pictures and

    sound played back at a fast rate.

  • 8/2/2019 Multimedia Part Edited

    34/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Video

    A single frame is a picture with a specific action. When

    several frames of the same picture but with slightvariation in the action, are grouped together and playedback within a specific time, the picture will give animpression of movement.

    Video can captivate our attention and helps us retain

    more information in our memory than with just textand graphics.

  • 8/2/2019 Multimedia Part Edited

    35/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Video

    Video is recorded ontomagnetic tapes.

    Video frames are interlaced.

    Eg: movies on VCRs andlaser disc

    The output is digitized by thecamera into a sequence ofsingle frames.

    The video and audio data are

    compressed before beingwritten to a tape or digitallystored.

    Eg: video clips playing in acomputer

    Analogue video Digital video

  • 8/2/2019 Multimedia Part Edited

    36/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Video

    Analogue video must be converted into digital formatbefore it can be added to the multimediapresentation.

    The process ofconvertingthe video signal to digital

    information is calleddigitising video.

  • 8/2/2019 Multimedia Part Edited

    37/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Video

    Video files are huge because they contain bothaudio and video data. To control the size of videofor the presentation, video compression is a must.

    Video compression allows digital video to beplayed in a computer. Codec

    (compressor/decompressor) is used to compressand decompress video data.

  • 8/2/2019 Multimedia Part Edited

    38/39

    5.0 FUNDAMENTAL OF MULTIMEDIA

    Video

    Video Format Extension

    AVI(Audio Video Interleave) .avi

    Quick Time Movie .mov

    MPEG(Moving Picture Expert Group) .mpg or .mpeg

    Flash Video .flv

    ASF(Advance System Format) .asf or .wmv

    RealMedia .rm

  • 8/2/2019 Multimedia Part Edited

    39/39