Tutorial ini memberikan panduan langkah-demi-langkah untuk membuat animasi kartun sederhana menggunakan aplikasi animasi gratis, termasuk contoh proyek animasi pendek dan cara mempublikasikan hasil animasi ke berbagai perangkat.

1. 7/22/2016
Fajar Baskoro | www.indie-school.com
TUTORIAL WORKSHOP ANIMASI KARTUN

2. 1
Daftar Isi
1 Proyek Animasi Pertama.......................................................................................................................2
2 Membuat Animasi Kartun Finding Dory................................................................................................7
3 Membuat Animasi Kartun The Good Dinosaur...................................................................................16
4 Teknik Perekaman Gambar Animasi...................................................................................................27
5 Mempublikasikan Animasi..................................................................................................................32

3. 2
1 Proyek Animasi Pertama
Pada contoh yang pertama ini kita akan membuat animasi pendek berupa tarian binatang yang
mengikuti suara drum. Sebagai binatangnya kita pilih kucing. Kucing akan menari menggerakkan kakinya
mengikuti suara drum yang dipukul.
Langkah-langkahnya adalah:
No Tahapan Gambar
1 Buat proyek baru
dengan klik menu Baru
2 Upload beberapa
gambar gerakan kucing
dari Sprite yang telah
disediakan

4. 3
Semakin banyak gambar,
hasil animasinya akan
semakin bagus
3 Pilih Backdrop sebagai
latar belakang. Misalkan
kita memilih suasana
pantai.

5. 4
4 Untuk membuat gerakan
langkah kucing, atur
perubahan kostum
gambar kucing.
5 Untuk membuat kucing
bergerak terus menerus
tanpa henti, pilih kontrol
kemudian drag dan drop
blok
“selamanya”
6 Lalu , kita akan
menambahkan sedikit
modifikasi. Untuk
mengiringi suara langkah
kucing mainkan suara
drum.
7 Kemudian klik Tampilan,
tambahkan “ ubah
warna efek sebesar 25 “.

6. 5
8 Terakhir, jika semua
script dijalankan dengan
menekan tombol “ green
flag “ maka tampilan
yang muncul
adalah kucing berjalan.
Warna bulu kucing akan
berubah
jika tombol spasi
ditekan.

7. 6

8. 7
2 Membuat Animasi Kartun Finding Dory
Pernahkah melihat film animasi Finding Dory, sebuah film yang memperlihatkan kisah petualangan ikan
Dory. Dory adalah bermata lebar, biru ikan tang yang menderita kehilangan memori setiap 10 detik atau
lebih. Satu hal yang dia ingat adalah bahwa dia entah bagaimana menjadi terpisah dari orang tuanya
sebagai seorang anak. Dengan bantuan dari teman-temannya Nemo dan Marlin, Dory menjalani sebuah
petualangan epik untuk menemukan mereka. perjalanannya membawa dia ke Marine Life Institute,
Konservatorium yang merumahkan spesies laut yang beragam. Dory sekarang tahu bahwa reuni
keluarganya hanya akan terjadi jika dia bisa menyelamatkan ibu dan ayah dari penangkaran.
Gambar 2-1 Poster film animasi The Good Dinosaurus

9. 8
Untuk membuat animasi The Good Dinosaurus langkah-langkahnya adalah:
No Urutan Langkah Gambar
1 Pilih menu File Baru ,
New
2 Pilih Sprite dari “Upload
sprite dari file”
3 Tentukan lokasi File
tempat gambar/ sprite
Dory berada

10. 9
No Urutan Langkah Gambar
4 Hingga di layar muncul
gambar Dinosaurus
5 Untuk mengatur gerakan
tarian klik Script dan
geser blok kode seperti
ini

11. 10
No Urutan Langkah Gambar
6 Lengkapi dengan gerakan
ikan berenang.
7 Tambahkan backdrop
lautan under water
8 Pilih backdrop Under-
water

12. 11
No Urutan Langkah Gambar
9 Hingga backdrop dan
ikan Dory nya menyatu
10 Klik Upload sprite dari
file baru untuk ikan lain.
Contoh ikan Marlin.
11 Pilih File ikan Marlin,
atau ikan Nemo

13. 12
No Urutan Langkah Gambar
12 Klik Tab Kostum di
sebelah kanan
13 Ikan Dory dan Marlin jadi
berteman di dalam laut

14. 13
No Urutan Langkah Gambar
14 Klik Tab Skrip untuk
mengisikan kodenya
15 Klik Upload sprite dari
file gambar kepiting.
16 Klik File crab-a, file
gambar kepiting merah.

15. 14
No Urutan Langkah Gambar
17 Klik Tab Kostum dan
upload file crab-b
18 Klik Tab Skrip, kemudian
tuliskan kode untuk
gerakan kepiting

16. 15
No Urutan Langkah Gambar
19 Mainkan dengan klik
bendera hijau-Run

17. 16
3 Membuat Animasi Kartun The Good Dinosaur
Pernahkah melihat film animasi The Good Dinosaurus, sebuah film yang memperlihatkan kisah
Dinosaurus kecil yang bernama Arlo dan seorang anak yang bernama Spot.
Gambar 3-1 Poster film animasi The Good Dinosaurus
Untuk membuat animasi The Good Dinosaurus langkah-langkahnya adalah:

18. 17
No Urutan Langkah Gambar
1 Pilih menu File Baru ,
New atau Nouveau
2 Pilih Sprite dari “Upload
sprite dari file”
3 Tentukan lokasi File
tempat gambar/ sprite
Dinosaurus berada

19. 18
No Urutan Langkah Gambar
4 Hingga di layar muncul
gambar Dinosaurus
5 Klik Tab Kostum
6 Pilih Upload kostum dari
file untuk menentukan
gerakan Dinosaurus

20. 19
No Urutan Langkah Gambar
7 Kemudian select/ pilih
Dinoa-g2
8 Lakukan hal yang sama
langkah 5-7 untuk
Kostum gambar Dinoa-
g2 sampai Dinoag5

21. 20
No Urutan Langkah Gambar
9 Siapkan musik pengiring
suara background
dengan menge-klik Tab
Suara
10 Klik Upload suara dari file

22. 21
No Urutan Langkah Gambar
11 Pilih lagu pengiring
“Sound-Back” yang
berekstensi WAV
12 Hingga pada bagian suara
terlihat seperti ini

23. 22
No Urutan Langkah Gambar
13 Untuk mengatur gerakan
tarian klik Script dan
geser blok kode seperti
ini
14 Lengkapi dengan gerakan
perubahan kostum dan
suara musik pengiring
15 Tambahkan backdrop
hutan

24. 23
No Urutan Langkah Gambar
16 Pilih backdrop woods1
17 Klik Tabs Backdrops,
tambahkan latar
belakang yang lain

25. 24
No Urutan Langkah Gambar
18 Pilih File Woods2
19 Lengkapi dengan
Background yang lain
20 Klik Tabs Script dan
tambahkan kode
perpindahan backdrops

26. 25
No Urutan Langkah Gambar
21 Klik bagian Backdrops
22 Tuliskan Script untuk
backdropsnya

27. 26
No Urutan Langkah Gambar
23 Mainkan dengan klik
bendera hijau-Run

28. 27
4 Teknik Perekaman Gambar Animasi
Proses perekaman gambar dalam pembuatan animasi dilakukan dengan menggunakan aplikasi
CamStudio. Aplikasi ini bisa digunakan untuk merekam gambar adegan demi adegan dalam animasi yang
telah kita buat.
Gambar 4-1Aplikasi CamStudio
Ada tiga tombol utama di CamStudio, yang bisa digunakan untuk mengatur proses perekaman gambar.
Gambar 4-2 Tombol perekaman gambar
Tombol-tombol itu adalah:
1. Tombol bulat berwarna merah adalah tombol untuk memulai merekam desktop recording.
Setelah mulai merekam, minimize CamStudio dan aplikasi ini akan minimize ke sistem tray.
2. Tomboll hitam gari berjejer adalah tombol pause. Tombol yang berguna untuk menghentikan
sejenak proses perekaman.
3. Tombol biru kotak adalah tombol stop merekam. Tombol untuk menyelesaikan rekaman dan
menghasilkan output video berekstensi AVI (Audio Video Interleave).

29. 28
Sedangkan langkah-langkah untuk memulai perekaman menggunakan CamStudio adalah:
No Urutan Langkah Gambar
1 Menentukan ukuran area
perekaman
Region kita dapat menentukan ukuran dinamis sesuai dengan
kebutuhan. Kursor akan berubah menjadi pena cross , yang dapat
digeser dengan klik-seret tombol kiri mouse untuk menentukan
wilayah perekaman.
Sedangkan Fixed Region ukurannya ditentukan dari awal. Biasanya
digunakan jika ukuran resolusi output sudah ditentukan.

30. 29
No Urutan Langkah Gambar
Pilihan Full Screen, jika ingin merekam seluruh layar komputer diambil.
2 Tentukan sumber audio
yang ikut direkam
apakah dari suara user
komputer atau suara
musik yang dimainkan
komputer. Jika suara
orang aktifkan Record
audio from microphone.
Jika berasal dari suara
musik yang dimainkan
komputer pilih Record
audio from speakers.
3 Klik tombol Recording
untuk memulai
perekaman
4 Jika ingin berhenti
sejenak tekan tombol
Pause
5 Kalau sudah selesai tekan
tombol Stop kemudian
beri nama file hasil
rekamannya dengan
ekstensi AVI

31. 30
No Urutan Langkah Gambar
Ketika kita merekam film animasi meggunakan CamStudio, sebenarnya kita sedang menyimpan
urutan file gambar bitmaps, yang ketika ditampilkan dengan cepat dan berturut-turut
menimbulkan kesan sebuah gambar yang bergerak.
Dalam proses perekaman, CamStudio memungkinkan user menentukan tingkat input dan
output rate. Pengaturan itu bisa dilakukan melalui :
1. Tingkat input memberitahu komputer berapa fram yang akan direkam per detik.
2. Ouput rate, memberitahu komputer seberapa cepat untuk memainkan hasil perekaman
kembali. Biasanya besaran kedua angka sama, sehingga waktu pemutaran sama dengan
waktu yang digunakan dalam proses perekaman.
3. Keyframe
Ketika sebuah frame disimpan dalam file AVI, maka frame dapat disipan sebagai penuh
frame atau hanya sebagai perbedaan frame sebelumnya. Keyframe ini menentukan
seberapa sering frame penuh ditulis ke file AVI. Nilai tinggi berarti kita dapat dengan cepat
menggeser maju/ mundur ke frame tertentu.

32. 31
Gambar 4-3 Menu Video Option untuk menentukan kualitas perekaman
Gambar 4-4 Pengaturan Keyframe perekaman gambar

33. 32
5 Mempublikasikan Animasi
Mempublikasikan hasil perekaman animasi ada dua macam. Mempublikasikan ke berbagai macam
peralatan seperti VCD Player, handphone, tablet dan juga mempublikasikan ke situs-situs yang tersedia
di internet seperti Youtube.
5.1 Mempublikasikan ke berbagai macam peralatan
Format video animasi seringkli menjadi masalah ketika membuka atau memutar sebuah video animasi.
Sebagai misal kita mainkan video hasil perekaman CamStudio yang bereksetensi AVI di handphone lalu
muncul tulisan “vido format is not supported”. Atau dalam kasus lain, video player kita bermasalah
dengan codec, maka solusinya adalah melakukan proses konversi format video.
Sebelum mengkonversi format video, terlebih dahulu kita mengenal berbagai macam istilah dalam video
:
1. Video Format adalah hasil dari teknik kompresi video yang tipe filenya meliputi AVI, FLV, MKV,
MP4, 3GP, MOV dan sebagainya.
2. Codec adalah kependekan dari coder-decoder atau compressor-decompressor. Dalam hal ini
codec diartikan sebagai perangkat aplikasi komputer yang memiliki kemampuan
menerjemahkan / mengcoding data audio dan video ke dalam bentuk visual yang bisa kita
lihat.
3. Frame Size adalah ukuran tinggi dan lebar video dalam satuan pixel yang lebih dikenal sebagai
resolusi video.
4. Aspect Ratio adalah perbandingan antara lebar dengan tinggi sebuah gambar di video dalam
satuan pixel.
5. Bitrate atau Bit Rate adalah ukuran kecepatan bit suatu data yang menentukan jumlah data
yang ditampilkan saat video maupun audio dimainkan dalam satuan bps (bit per second). Jadi
semakin besar ukuran bitrate semakin bagus hasilnya.
6. Frame Rate adalah pergerakan halus/ motion gambar pada video yang ditampilkan setiap
detik (fps, frame per second). Sederhananya, Frame Rate menunjukkan jumlah gambar di
video yang terlihat setiap detik.

34. 33
7. Sample Rate atau Sampling Frequency adalah tolak ukur kualitas audio dalam satuan hertz
(Hz), jadi semakin besar angkanya semakin bagus dan mulus kualitasnya.
8. Audio Channels adalah pengolahan saluran sinyal audio pada sound system. Secara umum
dibagi menjadi mono dan stereo. Kualitas suara stereo lebih bagus daripada mono, namun
ukuran file yang dihasilkan juga lebih besar.
Untuk mengkonversi format file video yang sesuai dengan peralatan yang kita punyai kita menggunakan
aplikasi Format Factory. Mengkonversi video dengan menggunakan Format Factory sangat mudah dan
cepat. Program converter ini mendukung berbagai macam formt file video. Prosesnya cepat, 1:0.5
artinya 1 jam video memerlukan waktu kurang lebih 30 menit. Kadang bisa lebih cepat lagi.
Gambar 5-1 Bentuk icon aplikasi Format Factory
Pertama-tama, download aplikasi dari http://www.formatoz.com/index.html. Selesai mendownload,
install dan buka programnya. Tampilan awal dari aplikasi Format Factory seperti di bawah ini:

35. 34
Gambar 5-2 Tampilan Format Factory pertama kali dibuka
Untuk merubah format file video sesuai dengan yang diinginkan langkah selengkapnya adalah :
No Urutan Langkah Gambar
1 Klik tab Video, kemudia
tentukan output format
file pilih MP4

36. 35
No Urutan Langkah Gambar
2 Tentukan Output Setting
3 Menentukan kualitas
resolusi gambar

37. 36
No Urutan Langkah Gambar
4 Pilih File yang akan
dikonversi
5 Tunggu sampai keluar
nama file yang akan
dikonversi
6 Klik OK

38. 37
No Urutan Langkah Gambar
7 Klik Start untuk memulai
konversi
8 Tunggu sampai statusnya
100%
9 Setelah statusnya
“Completed ” bukalah
file output hasil konversi
10 File yang terbentuk siap
di-copy dan dipindahkan
ke peralatan player atau
mobile phone.

39. 38
TENTANG PENULIS:
Fajar Baskoro lahir di Blitar 3 April 1974. Sampai sekarang sehari-hari
bekerja sebagai dosen teknik Informatika ITS Surabaya sejak tahun 1999.
Selain sebagai dosen ia juga bergerak di bidang 3E, Educator memberikan
traingin-training teknologi informasi terutama pengembangan bakat
digital anak-anak, Engineer sebagai konsultan teknologi informasi untuk
Pemda maupun Industri, juga seorang Enterpreneur mendirikan Indie-
School studio wadah pembuatan konten digital edukasi.
Ia menyelesaikan pendidikan formalnya di S1-ITS Surabaya tahun 1997,
S2-ITB bidang software engineering tahun 2003, dan melanjutkan studinya di University Of Malaya
Malaysia di bidang Computer Science.
Selain pendidikan formal, ia pernah mengikuti kursus pembuatan konten pendidikan di lembaga
penerima Nobel Abdussalam di Trieste Italy pada tahun 2004.
Sebagai educator ia mengisi training-training pembuatan animasi dan pembuatan game untuk anak SD-
SMP di kota-kota Jawa Timur, Surabaya, Sidoarjo, Bondowoso, Tuban, dll.
Sampai sekarang sudah 10 tahun sebagai konsultan Dinas Pendidikan di Surabaya dan Sidoarjo untuk
pengembangan software penerimaan siswa baru. Selain itu bekerjasama dengan Indosat dan PT Telkom
menyelenggarakan konten kuis pendidikan dalam bentuk aplikasi SMS.
Buku Animasi Kartun ini merupakan rangkuman materi-materi yang diberikan selama workshop edukasi
di beberapa kota selama tiga tahun. Materinya sudah dipraktekkan dan bisa dipahami oleh anak-anak
yang berminat di dalam bidang animasi kartun, maupun animasi game.
Untuk melihat profil lebih lengkap beserta tulisan-tulisan mengenai teknologi informasi, silakan klik di
www.indie-school.com