Bab 1:

Pengenalan
Semester Pertama
Sesi 2020/2021

1
 2

Topik
 Membuat animasi mudah
 Pendedahan ke atas media baru dalam
menghasilkan karya grafik dan
multimedia
 Pengurusan fail multimedia
 3

Pengenalan kepada Multimedia

 Multimedia berasal daripada kata ‘multi’ dan ‘media’.
 Multi bererti banyak, dan media bererti tempat, atau alat yang
digunakan untuk menyampaikan informasi.
 Jadi berdasarkan perkataan ‘multimedia’ dapat dirumuskan
sebagai penyatuan beberapa media yang kemudian didefinisikan
sebagai elemen-elemen pembentukan multimedia.
 Elemen-elemen tersebut seperti teks, gambar, suara, animasi,
dan video.
 Multimedia merupakan suatu konsep dan teknologi baru bidang
teknologi informasi, di mana informasi dalam bentuk teks,
gambar, suara, animasi, dan video disatukan dalam komputer
untuk di simpan, diproses dan disajikan baik secara liner
mahupun interaktif.
 4

 Oleh itu, dengan menggabungkan seluruh elemen

multimedia tersebut menjadikan informasi dalam
bentuk multimedia yang dapat diterima oleh indera
penglihatan dan pendengaran, lebih mendekati
bentuk aslinya dalam dunia sebenarnya.
 Multimedia interaktif adalah apabila suatu aplikasi
terdapat seluruh elemen multimedia yang ada dan
pengguna diberi keputusan atau kemampuan untuk
mengawal dan menghidupkan elemen-elemen
tersebut.
 5

Ciri-ciri multimedia
 Multimedia mempunyai lima ciri untuk
menghasilkan sesuatu yang baik.
 Lima ciri tersebut adalah :
 Teks
 Gambar
 Audio
 Animasi
 Video
 6

Teks
 Teks merupakan bentuk data multimedia yang paling mudah
disimpan dan dikendalikan.
 Kebiasaannya, teks paling hampir dengan kita kerana kita
sering kali menggunakan teks untuk menyampaikan maklumat.
 Teks berfungsi dalam memberi maksud cerita. Seterusnya, teks
juga dikatakan sebagai kunci komunikasi idea.
 Teks merangkumi pelbagai jenis iaitu teks bercetak, teks
imbasan, teks elektronik dan hiperteks.
 Teks juga dibantu oleh beberapa komponen seperti reka letak
teks, jenis dan fon untuk menyampaikan sesuatu maksud atau
maklumat berkaitan dengan tema aplikasi media.
 Kebiasaannya audien mudah bosan dengan teks jika
dibandingkan dengan  gambar.
 7

Gambar
 Grafik sering kali muncul sebagai latar belakang
sesuatu teks untuk menghadirkan kerangka yang indah.
 Gambar sering dikatakan sebagai bahasa sebuah
gambar yang mampu menjelaskan seribu kata. Imej
yang ditonjolkan mesti bertepatan dengan tema atau
tajuk yang hendak disampaikan.
 Imej grafik terdiri daripada pelbagai jenis iaitu imej
vector, gambar digital, gambar hiper dan gambar
bitmap.
 Kesesuaian dalam saiz imej mestilah bersesuaian agar
tidak menganggu teks yang hendak disampaikan.
 8

Audio
 Bunyi dikatakan sebagai pemankin seri dalam persembahan
multimedia jika paparan teks hanya memuatkan grafik dan teks
tidak dapat menarik minat seseorang.
 Bunyi dapat ditambahkan dalam produk multimedia melalui
suara, muzik dan kesan suara.
 Bunyi mempunyai beberapa objek bunyi yang biasa digunakan
dalam produk multimedia iaitu waterform audio, compact disk,
audio, MIDI soundtrack dan mp3.
 Bunyi juga berfungsi untuk meneguhkan mesej, menentukan
keadaan fikran atau perasaan sesorang dan berperanan untuk
menarik perhatian atau menghidupkan suasana penonton.
 Bunyi ini perlu mempunyai kesesuaian.
 Bunyi audio yang bising akan menyebabkan gangguan timbul
dan menggangu matlamat yang hendak disampaikan.
 Buntu yang disampaikan bersifat fleksibel (boleh diubah-ubah).
 9

Animasi
 Animasi merupakan penggunaan komputer
yang menciptakan gerak pada layar animasi
diibaratkan nadi utama dalam sesuatu imej.
 Animasi membolehkan imej yang diambil
dan diubah suai seperti memasukkan
pergerakan ke dalam imej boleh berlaku.
 Animasi mensimulasikan tingkah laku
sebenar, menarik perhatian isi kandungan
pada skrin dan member maklum balas
kepada impak visual.
 10

Video
 Video adalah rakaman gambar hidup atau gambar bergerak yang
saling berurutan.
 Video dikatakan sebagai elemen yang paling mudah untuk menarik
perhatian penonton dalam persembahan aplikasi multimedia.
 Video boleh dibahagikan keapada dua jenis iaitu video analog dan
video digital.
 Video analog dibentuk daripada deretan gelombang iaitu analog
yang yang dirakam oleh kamera dan dipancar luaskan melalui
gelombang udara.
 Video digital pula dibentuk daripada sederhana gelombang iaitu
digital yang digambarkan menerusi titik sebagai rangkaian nilai
minimum atau maksimum.
 Video ini boleh dimuat turun melalui pelbagai aspek atau cara seperti
melalui sumber televisyen, pita vedio, cakera video dank lip video
digital.
 11

Sejarah Animasi
   Animasi GIF (Animated GIF)
 Merupakan teknologi animasi yang terawal  dan agak mudah untuk
dihasilkan.
 Animasi gif sebenarnya merujuk kepada siri imej-imej statik
berformatkan gif dan ianya disusun berturutan dengan
menggunakan perisian-perisian animasi gif.
 Apabila dimainkan menggunakan pelayar web, imej-imej statik tadi
akan kelihatan bergerak mengikut susunan yang telah ditetapkan
tadi (konsep yang digunakan di dalam pembangunan animasi jenis
sel).
 Animasi gif ini amat popular digunakan terutamanya bagi tujuan
penghasilan papan pengiklanan menerusi halaman web atau lebih
popular dikenali sebagai “banner”.
 12

 Ia juga boleh digunakan bagi memaparkan logo

atau sekadar membentuk ikon-ikon yang
senantiasa berputar atau berkerlipan di halaman
web.
 Antara perisian-perisian yang sering digunakan
bagi tujuan pembangunan animasi gif ialah Ulead
Gif Animator dan Gif Construction Set.
 Kelebihan animasi  jenis gif ialah ianya boleh
dimainkan di mana-mana komputer yang
menggunakan pelayar web tanpa memerlukan
perisian tambahan atau plug-in.
 13

 Shockwave (Flash dan Director)

 Shockwave merupakan suatu piawaian yang amat popular dan mendapat
sambutan ramai bagi tujuan persembahan multimedia menerusi internet.
 Ia bukan sahaja mampu memaparkan animasi malah juga berupaya
menghasilkan interktiviti peringkat tinggi.
 Shockwave telah diterima ramai sebagai pelopor teknologi animasi
menerusi internet. Ini kerana kebanyakan animasi berformatkan Shockwave
menggunakan teknologi “Streaming” dan bukannya “Downloading”.
 Ini bermakna sesebuah animasi tersebut tidak perlu ditunggu sehingga
selesai dipindahterima sebelum boleh dimainkan sebaliknya ia boleh terus
dimainkan di skrin komputer disepanjang proses pemindahan terima.
 Bagi membolehkan sesebuah sistem komputer memaparkan animasi
berformatkan Shockwave ini, perisian pelayar web perlulah dibantu oleh
perisian tambahan (plug-in) yang dinamakan Shockwave Player dan ianya
boleh didapati secara percuma.
 14

Kepentingan animasi
kepada Multimedia
 Animasi menyediakan visual yang lebih dinamik kepada
penonton
 Animasi meningkatkan daya tarikan sesebuah program
atau perisian multimedia
 Animasi yang dihasilkan adalah sekadar simulasi
terhadap pengalaman dunia sebenar
 Animasi lebih mudah dan hanya dibatasi oleh tahap
kekreatifan seseorang.
 Menjadikan kandungan sesuatu pelajaran itu lebih hidup
dan ceria serta mampu meransang kecenderungan
minat pelajar.
 Menggalakkan penglibatan pelajar dalam proses P&P
 15

Perisian Animasi
 Animasi sering dikaitkan dengan sesuatu
yang dinamik dan menarik serta mampu
memberi impak yang signifikan terhadap
keberkesanan sesebuah persembahan.
 Jenis-jenis animasi digunakan di dalam
sesebuah aplikasi multimedia iaitu :
- Animasi 2 Dimensi (2D)
- Animasi 3 Dimensi (3D)
- Animasi kesan khas
 16

Animasi 2D
 Perisianyang popular bagi animasi ini
ialah Adobe Flash dan Toon Boom
Studio.
 Digunakan bagi tujuan menghasilkan
animasi 2D bagi sesebuah aplikasi
multimedia ataupun laman web.
 Digunakan juga di dalam menghasilkan
animasi bagi tujuan siaran televisyen
khususnya iklan dan juga kartun.
 17

Toon Boom Studio

Adobe Flash
 18

Perisian 3D- 3D Studio Max

 Perisian ini merupakan model / pakej animasi
yang telah dibangunkan dengan bijaksana.
 Melalui perisian ini, kita dapat mengetahui
bahawa seni bina untuk perisian 3D studio max
ini mempunyai banyak penambahan dari segi
ciri-ciri program akibat daripada sifat perisian ini
yang terbuka. Perisian 3D ini merupakan salah
satu yang digunakan untuk menghasilkan
animasi berbentuk 3D, model dan imej. Perisian
ini juga biasanya akan digunakan untuk
menghasilkan permainan komputer.
 19

 Perisian ini wujud telah memberi kesan yang

mendalam dalam pembangunan permainan
video, TV komersial, dan studio visualisasi seni
bina. Perisian ini digunakan secara terbuka
dan meluas oleh artis, animator serta orang-
orang yang terlibat di dalam dunia perfileman.
 Ciri-ciri yang ada dalam perisian ini telah
menjadikannya sebuah perisian yang
mempunyai penanda aras bagi prestasi
sistem.
 20

 WatchVideo At: https://

youtu.be/wnyCkw6p5qk
 21

Autodesk Maya
 Perisian ini telah berjaya mengubah dunia perniagaan
komputer grafik.
 Perisian ini telah membawa kuasa yang pernah berlaku
sebelum ini ke dekstop dan seterusnya untuk
mewujudkan state of the art CGI (Computer-generated
imagery)
 Pembelajaran bidang personal edition adalah bertujuan
untuk mendapatkan kepakaran dalam bidang maya.
 Ciri-ciri perisian maya ini mempunyai ciri-ciri yang
mendalam dan kaya yang boleh memungkinkan kita
untuk tidak tahu segala-gala tentangnya.
 Contoh filem yang meggunakan perisian ini ialah The Lord
of The Rings, The Mummy, Ice Age, and The Matrix.
 22

Blender
 Blender adalah satu perisian komputer yang
terbuka untuk penghasilan animasi 3D.
 Perisian ini juga dapat mewujudkan filem animasi,
kesan visual, interaktif aplikasi 3D atau sebarang
jenis permainan video.
 Ciri-ciri blender ini termasuk model 3D dalam
proses membuka UV, penteksturan, stimulasi
zarah, menghidupkan, pergerakan, pengesanan
kamera, rendering, pengeditan video dan
komposisi.
Watch Video At: https://youtu.be/YUyu50EyjrI
 23

Cinema 4D
 Perisian ini merupakan aplikasi dalam bidang
permodelan, animasi yang boleh menjadikan
3D .
 Perisian ini telah dibangunkan oleh MAXON
Komputer GmbH Friedrichsdorf, Jerman. ianya
mampu untuk menghasilkan animasi, lampu,
penteksturan dengan ciri-ciri yang biasa kita
temui dalam aplikasi permodelan 3D.
 Watch Video At: https://youtu.be/PVACuP2iSlU
 24

Modo
 Perisian modo merupakan model berbentuk
poligon dengan pembahagian permukaan,
sculpting, lukisan 3D, animasi dan pakej
rendering yang telah dibangunkan oleh
LUXOLOGY, LLC.
 Modo juga telah menggabungkan ciri-ciri
seperti n-gons dan mempunyai kelebihan
dari segi pemberat. perisian ini juga berjalan
pada Mac OS dan Microsoft Windows
platform.
 25

Light Wave 3D
 Perisian light wave ini merupakan salah satu
software 3D yang popular keluaran Network Inc,
di mana perisian ini merupakan perisian 3D
merupakan pakej lengkap model, animate dan
render.
 Perisian ini digunakan untuk Print Ad,web content
dengan flash, serial TV, filem layar, visualisasi
rekabntuk produk dan game 3D komputer.
 Light wave merupakan perisian yang terpisah
antara 2 modul iaitu Light Wave Modeler dan
Light Wave Layout.
 26

Houdini
 Perisian ini adalah satu pakej animasi
yang mewah dengan animasi 3D.
 Perisian ini dikesan beribu pejabat di
Toronto, Kanada.
 Perisian ini telah direka sebagai
persekitaran yang hanya tertumpu
kepada prosedur semata-mata.
 27

Perisian animasi yang lain

 UleadGif Animator, Adobe
Image Ready, Swishmax,
Sothink Glanda dan Gif
Construction Set pula
boleh digunakan bagi
menghasilkan animasi
khas bagi tujuan
Adobe Image Ready
pembangunan laman web.
 28

Fail Animasi
 Format fail animasi yang paling popular
antaranya ialah format daripada AutoDesk
3D Studio dan Animator (.FLI, .FLC) dan
Adobe Director (.DIR).
 Animasi juga sering disimpan sebagai video
klip yang mempunyai format fail Quick Time
(mov) atau Video for Windows (avi).
 29

Format Fail Animasi Piawai

Elemen Format fail
Teks Format teks yang meliputi jenis,
ukuran, style font, dan langkau baris
kata.Manakala sesuatu file teks boleh
dikenali melalui simbol atau file :  txt, doc,
rtf (rich text format), pdf(portable document
format) dan ps (post script).
Gambar jpeg,bmp,psd,psd,png,gif
Audio MP3,
Animasi gif (graphic interchance format), flc ,swf,fls,
Video avi, mpeg , MP4,
 30

Format fail
Forma Huraian
t
JPEG JPEG adalah yang terbaik untuk gambar apabila anda
perlu menyimpan saiz fail kecil dan tidak besar
memberi beberapa kualiti untuk pengurangan yang
ketara dalam saiz. JPEGtidak sesuai untuk imej
dengan teks, blok warna besar , atau bentuk
ringkas,
kerana ia akan kabur dan warna boleh beralih.
TIFF TIFF baik untuk mana-mana imej jenis bitmap
(berasaskan piksel).TIFF menghasilkan fail
besar, tetapi tidak ada kerosakan dalam kualiti.
PSD PSD dan PDD adalah format asli Photoshop.
dan
PDD
 31

Forma Huraian
t
BMP Penggunaan BMP untuk mana-mana jenis imej bitmap
(berasaskan piksel) . BMPS adalah fail yang besar, tetapi
tidak ada kerugian dalam kualiti.
PNG Gunakan PNG apabila anda memerlukan saiz fail yang
lebih kecil dengan tiada kerosakan dalam kualiti.
GIF Gunakan GIF untuk grafik web yang mudah dan
mempunyai warna yang terhad. Fail GIF sentiasa
dikurangkan kepada 256 warna yang unik atau kurang
dan sangat kecil, mempercepat-loading grafik untuk
Web. GIF adalah baik untuk web buttons, carta atau
gambar rajah, lukisan seperti kartun, banner, dan tajuk
teks. GIF juga digunakan untuk animasi, web kecil yang
padat. GIF
jarang digunakan untuk gambar.
 32

Soalan Latihan
1. Kenalpasti dan jelaskan ciri-ciri multimedia.
2. Bincangkan kepentingan animasi kepada
multimedia.
3. Berikan perbezaan untuk setiap format fail
multimedia berikut:
a) .gif
b) .png
c) . 3gp
d) .wmv
e) .flv