Animasi dan Video

Maret
2021
Definisi

• Animasi adalah urutan frame yang, ketika diputar dalam kecepatan yang cukup,
menyajikan gambar dengan bergerak seperti film atau video.

2
Animasi 2D

• Animasi 2D adalah penciptaan gambar bergerak dalam lingkungan

dua dimensi. Hal ini dilakukan dengan sekuensing/mengurutkan
gambar berturut-turut, atau "frame", yang mensimulasikan gerak oleh
masing-masing gambar yang menunjukkan dalam perkembangan
berikutnya secara bertahap.

• Dua jenis animasi 2D:

• Cel animasi : Berdasarkan perubahan yang terjadi dari satu
frame ke yang berikutnya
• Path animasi : Menggerakkan sebuah objek di sepanjang
jalan/path yang telah ditentukan di layar
3
Cel Animation

4
Cel Animation

5
Path Animasi

6
Animasi 3D
• Animasi 3D adalah menggerakkan objek yang muncul dalam
ruang tiga dimensi. Mereka bisa diputar dan bergerak seperti
benda nyata.

• Proses menciptakan komputer grafis 3D dapat berurutan

dibagi menjadi tiga tahap dasar:

• Modeling : Proses pembentukan bentuk objek dengan menciptakan

kontur yang luas dan struktur 3-D benda dan adegan.
• Animasi : Mendefinisikan gerak benda
• Rendering : Proses menghasilkan gambar dari model dengan
memberikan benda-benda atribut seperti warna, tekstur permukaan,
dan jumlah transparansi.
7
Modeling

8
Modeling dan Rendering

9
Modeling dan Rendering

10
Rendering

11
Rendering

12
Rendering

13
Rendering

14
Rendering

15
Efek Khusus animasi

• Perubahan/Morphing
• Mencampurkan bersama-sama dua gambar menjadi serangkaian
gambar

• Warping
• Mendistorsi satu gambar

• Virtual Reality
• Menciptakan lingkungan yang mengelilingi pengguna sehingga ia
menjadi bagian dari pengalaman 16
Perubahan/Morphing

17
Perubahan/Morphing

18
Warping

19
Animasi
• Animasi teks
• Menggunakan HTML <blink> menyebabkan
perintah teks berkedip-kedip.
• Gif animasi
• Menggunakan program perangkat lunak untuk
membuat serangkaian file gif seperti GIF builder
• Film
• Animasi dimainkan menggunakan shockwave
plug-in
• Lingkungan 3d
• Bahasa komputer digunakan untuk membuat
gambar 3D

20
Keuntungan dan Kerugian dari menggunakan Animasi

• Animasi menangkap imajinasi seperti tidak ada

alat lain, menggambarkan tindakan dan
hubungan spasial yang tidak mudah terlihat
dalam kenyataan atau yang mungkin tidak ada
sama sekali.

• Keuntungan
• Menarik perhatian
• Menampilkan tindakan yang tak terlihat atau juga
proses fisik 21

• Meningkatkan retensi
Jenis yang berbeda dari film

Film dari roll film

Analog Video

Digital Video
22
Film Dari Roll Film

• Frame gambar berurutan yang

dicatat pada film
menggunakan teknologi peka
cahaya mirip dengan fotografi.
• Film harus dikembangkan
secara ilmiah

23
Film Dari Film
• Editing membutuhkan memotong fisik film

24
 Video Analog

• Informasi video yang disimpan menggunakan sinyal video televisi, film, rekaman video atau media
non-komputer lainnya

• Setiap frame diwakili oleh sinyal tegangan berfluktuasi dikenal sebagai bentuk gelombang analog
atau video komposit.

• Video analog komposit memiliki semua komponen video yang: kecerahan, warna dan sinkronisasi

• Kemudian, digabungkan menjadi satu sinyal untuk delivery

• Penggunaan: televisi
25

• Masalah: pencampuran warna, kejelasan rendah, ada bagian yang hilang, sulit untuk mengedit
Editing Video Analog

• Pita analog editing merupakan

proses linear
o Untuk menemukan bagian yang
Anda inginkan, Anda mungkin
harus meneruskan atau
memundurkan video tape
o Untuk memindahkan bagian untuk
tempat lain dalam urutan Anda
harus merekam kembali bagian ke
tape lain atau secara fisik
memotong video tape
26
Digital Video

• Video digital adalah digitalisasi sinyal video analog ke dalam format numerik

• Ini menciptakan ilusi gerak penuh dengan menampilkan urutan cepat mengubah gambar
pada perangkat layar.

• Konversi dari analog ke format digital memerlukan penggunaan ADC (Analog to Digital
Converter)

• Sebuah Digital Analog Converter (DAC) dapat digunakan untuk output video digital
pada peralatan analog

27
Editing Video Digital
• Editing video digital bisa berupa proses non-
linear
o Anda dapat memindahkan bagian video diaplikasi
video dan memutar bagian itu kembali diurutan
apapun

28
Ukuran File Pertimbangan
• Frame rate
o Jumlah gambar yang ditampilkan dalam jumlah waktu tertentu
untuk menyampaikan sense of motion
o Biasanya diukur dalam frame per detik
o Film video standar  30 fps
o Film Film  24 fps
o Video  digital setidaknya 15 fps

o Komputer?

29
Ukuran File Pertimbangan
• Frame atau ukuran gambar

o Lebar dan tinggi dari setiap frame

atau gambar
o Menentukan kualitas gambar
yang ditampilkan dan
pengolahan yang terlibat untuk
menampilkan gambar
o Standar resolusi layar penuh
640x480 piksel
o Tampilan layar video seperempat
ukuran layar jendela penuh
30
(320x240)
Pertimbangan Ukuran File
• Kedalaman warna / Resolusi
o Jumlah warna yang ditampilkan pada layar pada satu waktu
o Mulai dari 1 bit untuk 8 bit, 16 atau 24 bit per pixel

31
Pertimbangan Ukuran File
• Kualitas langsung berhubungan dengan ukuran frame dan kedalaman warna.

• Kualitas juga tergantung pada konten. Film misalnya membutuhkan frame rate yang lebih tinggi

• Ukuran file tergantung pada kualitas dan durasi

Frame Size
Quality Color Depth
File Size Frame Rate
Duration 32
Perhitungan Ukuran File

Ukuran file = Ukuran Frame x Frame Rate x Kedalaman Warna x Waktu

• Dimana:
o Bingkai size = ukuran gambar (lebar x tinggi dalam piksel)
o Frame rate = frame per detik
o kedalaman warna = diukur dalam byte
o Waktu = waktu dalam detik

Ini tidak termasuk data suara!

33
 Teknik Kompresi

• Karena ukuran video digital mentah begitu besar kita perlu beberapa cara untuk kompresi informasi

• Kompresi video dan Program dekompresi, yang dikenal sebagai Codec

• Teknik kompresi lossy menyebabkan beberapa informasi akan hilang dari gambar asli
 Informasi yang berlebihan
 Contoh: Gambar dan video
o JPEG dan MPEG
o Intraframe dan Interframe

• Teknik kompresi lossless tidak kehilangan informasi selama proses kompresi dan dekompresi
 Penggunaan contoh di gambar teks
o Tepat yang sama sebelum dan setelah kompresi
o Teknik ini mengidentifikasi mengulangi kata-kata dan menetapkan mereka sebagai kode.
34
o Dekompresi, kode akan diubah kembali ke kata yang sebenarnya.
Interlaced
Video

35
36
Standar Broadcast Video

• SECAM
• NTSC
o Prancis, Rusia Utara, Amerika
o Amerika
o 625 baris resolusi
Selatan, interlaced
Jepang
o 25 frame
o 525
pergaris
detikresolusi
(fps)
interlaced
o 30 frame per detik (fps)
• HDTV
o Enam format yang berbeda
• PAL
o Aspek (Phase
rasio 16: 9 Alternate
Line)
o Australia, Afrika Selatan,
37
Eropa
o 625 baris resolusi
Overscan

38
 Format File Digital Video

• .MOV menandakan Quicktime, standar Apple. Dapat diputar pada

Macintosh dan Windows.
• .AVI adalah standar Microsoft yang dimainkan di komputer Windows
dan Macintosh.
• .MPEG (MPG) dimainkan pada Unix dan Windows. Macintosh bisa
memainkan MPEG, tetapi mungkin memiliki masalah dengan track
audio.
• .Rm file yang digunakan oleh RealNetworks streaming. Mereka
dimainkan pada komputer Windows, MacOS, dan Unix.
• .ASF file format Microsoft streaming, dan dapat diputar di Windows,
MacOS, dan Solaris.
• .WMV file format Microsoft yang digunakan di Microsoft MovieMaker 39
Video MPEG

• Dinamakan oleh Moving Picture Experts Group yang merancang kompresi dan format file
• Ada beberapa format MPEG:
MPEG-2 digunakan untuk siaran TV digital dan DVD
MPEG-1 adalah format yang digunakan untuk video kualitas rendah (umumnya
ditampilkan pada komputer)
o MPEG-1 Layer 3 adalah mekanisme pengkodean populer untuk file audio MP3
o MPEG-4 adalah format baru untuk presentasi multimedia
• Dapat memerlukan perangkat keras yang terpisah untuk memecahkan kode data yang
MPEG video berkualitas tinggi

40
Contoh Kompresi MPEG

Sebuah adegan sederhana yang

menunjukkan mobil yang bergerak
melintasi lanskap gurun

Hanya perbedaan
antara frame saat ini
dan berikutnya perlu
disimpan

41
Hal ini disebut interframe coding
 QuickTime

• Dikembangkan oleh Apple, Inc.

• Terutama untuk pemutaran

tanpa bantuan hardware

• Dapat mencapai rasio kompresi

25 sampai 200: 1

• Format QuickTime juga dapat 42

menyimpan audio, grafis, 3D

dan teks sehingga lebih banyak
Microsoft AVI

• Format Audio Video Interleave

• Interleaving adalah teknik yang digunakan untuk menanamkan
dua atau lebih hal-hal ke dalam aliran informasi yang sama
• Dalam setiap potongan informasi yang Anda akan menemukan
beberapa data video dan beberapa data audio
001001010010010101010011110101 ...
8, 16 001001010010010101010011110101 ... Video
atau ... informasi
24 bit 001001010010010101010011110101 ...
Audio
001001010010010101010011110101 ...
informasi
43
Consumer Desktop Video

• Ditandai oleh komputer Apple iMac DV

• IEEE 1394 atau antarmuka FireWire
• camcorder digital

44
Bagaimana Video Dapat Digunakan Secara Efektif

• Menampilkan prosedur fisik. Beberapa penggunaan adalah:

o Instalasi motherboard di PC
o Menyesuaikan mesin waktu

• Menarik dan menahan perhatian. Beberapa penggunaan adalah:

o Produk dan layanan iklan
o Mengajarkan keterampilan baru kepada karyawan

• Menyajikan skenario. Beberapa penggunaan adalah:

o Pelatihan teknisi untuk menanggapi kerusakan peralatan
o Menunjukkan kemungkinan penggunaan produk

• Menganalisis gerak. Beberapa penggunaan adalah: 45

o Gerak tubuh untuk meningkatkan kinerja atletik

o Pola lalu lintas untuk perencanaan transportasi
 Keuntungan Dan Kerugian Menggunakan Video

• Hati-hati direncanakan, klip video dengan eksekusi yang baik dapat membuat perbedaan dramatis dalam proyek
multimedia

• Menggunakan video hanya ketika semua metode lainnya (teks, gambar diam) tidak cukup; jangan
menggunakannya hanya karena itu mungkin membantu.

• Video menambahkan dampak visual ke aplikasi multimedia:

• Keuntungan
o Menangkap minat
o Meningkatkan retensi
o Menjelaskan tindakan fisik yang kompleks dan berhubungan
o Dapat menggabungkan media lainnya
• Kekurangan
o Mahal untuk dihasilkan
46
o Membutuhkan memori penyimpanan yang luas
o Memerlukan peralatan khusus
o Tidak efektif menggambarkan konsep-konsep abstrak dan situasi statis
Sesi Praktikum

• Penjelasan singkat mengenai aplikasi editing video.

• Edit video sesuai kebutuhan anda.

47
THANK YOU!