T0__BAB III Institutional Repository | Satya Wacana Christian University: Perancangan Animasi Perduli Lingkungan T0 BAB III

BAB III
PERANCANGAN SISTEM

Langkah awal mencari gambaran umum rancangan animasi
yang akan dibuat, dan mengambar alurnya dalam storyboard,
selanjutnya dipindahkan dalam bentuk grafis yang baik dengan
software pendukung hingga menjadi sebuah animasi iklan

layanan masyarakat yang baik, software yang dibutuhkan antara
lain ;

3.1

Software Perancangan
a. Corel Draw X4

Digunakan untuk membuat bentuk, animasi berupa
karakter, vector ataupun grafis yang berhubungan
dengan design. Karena dalam hal ini ketentuan yang
mengharuskan penulis membuat hasil karya dengan
ciptaan sendiri, maka segala bentuk vector , karakter, dan

grafis dikerjakan oleh penulis sesuai dengan kemampuan.
b. Corel Photo Paint

Digunakan

untuk

editing

vector

maupun

memadukapadankan warna.
c. Adobe Flash CS4 Profesional

Digunakan untuk mengatur berjalannya animasi
frame per frame sesuai dengan timing dan komposisi

yang tepat.


d. Adobe Audition

Digunakan untuk mengolah, edit , dan merekam
suara (voice over ), ataupun backsound yang dibuat
sendiri oleh penulis.

3.2

Storyboard
Storyboard

sendiri digunakan penulis untuk

merancang gambaran alur cerita dalam bentuk gambar
sederhana guna membatasi pengerjaan agar sesai dengan
sudut pandang sebelum menuangkan bentuk gambaran
tangan kedalam bentuk grafis.

3.3


Implementasi
Tahapan pengambaran objek dari storyboard
kedalam bentuk grafis yang lebih baik, dibantu dengan
Software Corel Draw X4 , gambar 3.3.1 adalah tampilan
Software Corel Draw X4. Sebelum pembuatan bentuk objek

dimulai, Penulis menjelaskan fungsi dan kegunaan tools
yang ada di Software Corel Draw X4.

a) Penggunan Software Corel Draw.

Gambar 3.3.1 Tampilan awal Softaware CorelDraw.

Dengan tampilan yang sederhana dan mudah
dimengerti penulis memilih software ini untuk membantu
dalam tugas perancangan grafis secara keseluruhan.Seri X4
ini penulis nilai cukup lengkap, hadir dengan tool yang
sangat memadai diharapkan penulis dapat menghadirkan
bentuk grafis yang baik, sesuai dengan kemampuan dari

penulis sendiri, tingkat kreatifitas user akan diuji ketika
mengunakan software ini.
Berikut adalah penjelasan tools dan fungsinya.
Warna box
Merah

Nama
Menu Bar

Kegunaanya
Barisan menu yang menampilkan
perintah – perintah untuk mengatur dan
mengolah objek.

Kuning

Toolbar

Barisan berisi tombol untuk menjalankan


perintah, dan mengolah objek lebih
lanjut.
Hijau

Ruler

Penggaris untuk mengukur lebar panjang
objek.

Biru

Toolbox

Kumpulan tombol untuk membuat dan
modifikasi objek

Ungu

Merahmuda


Document

Informasi/petunjuk halaman kerja yang

Navigator

sedang aktif

Docker

Berisi perangkat tool khusus atau untuk
menjalankan pengaturan.

Orange

Color Pallete

Palet warna

Hitam


DrawingBoard

Sebagai kanvas untuk menggambar
sebuah bentuk grafis.

Gambar 3.3.2 Pembuatan bentuk grafis .(frame pertama)

Frame pertama (gambar 3.3.2) hadir dengan gambaran

tema yang childish, dengan awan – awan, dan bentuk grafis yang
lucu ini, diharapkan dapat menumbuhkan minat penonton
terutama anak – anak untuk meyaksikannya.

Gambar 3.3.3 Pembuatan bentuk grafis .(frame kedua)

Tidak berbeda jauh dengan frame pertama, terdapat
penambahan tema dengan pengimajinasian penulis tentang
suasana daerah perkotaan. Daerah perkotaan sendiri identik
dengan gedung – gedung tinggi, serta kurangnya pepohonan

disekitar semakin menambah gambaran dari hiruk pikuknya
perkotaan itu sendiri.

Gambar 3.3.4 Pembuatan bentuk grafis .(frame ketiga)

Berbeda dengan frame sebelumnya, frame ketiga ini
(Gambar 3.3.4) adalah gambaran dari kondisi di desa yang
dulunya sejuk dan asri, kini terkontaminasi oleh perilaku
buruk orang – orang di perkotaan. Dibantu dengan objek
pendukung berupa pepohonan dan tumbuhan semakin
meperjelas gambaran pedesaan yang ingin penulis hadirkan.

Gambar 3.3.5 Pembuatan bentuk grafis .(frame keempat)

Masih hadir dengan tema yang lucu dan childish,
frame keempat (gambar 3.3.5) digambarkan penulis dengan

konsep texting, penulis berusaha menjelasan jumlah
presentasi sampah yang dihasilkan setiap harinya dikota –
kota besar yang sangat menyedihkan jumahnya, dibantu

dengan objek pendukung berupa sampah dan tong sampah,
diharapkan nantinya animasi ini dapat mewakili narasi
secara bentuk grafis.

Gambar 3.3.6 Pembuatan bentuk grafis .(frame kelima)

Hampir

memiliki

persamaan

dengan

frame

sebelumnya, frame kelima (Gambar 3.3.6) hadir dengan
tema grafis. Pada frame ini penulis berusaha menjelaskan
bahaya yang timbul jika sampah yang dibuang tidak dipilah
terlebih dahulu, penjelasan presentase kandungan sampah

ini dipercantik dengan animasi berbentuk bulatan yang lucu
serta tumpukan yang membuat animasi tampak lebih hidup.

Gambar 3.3.7 Pembuatan bentuk grafis .(frame keenam)

Pembuatan grafis (Gambar 3.3.7) selanjutanya
adalah mengangkat tema yang berhubungan dengan Tempat
Akhir Pembuangan Sampah.Penulis berusaha menampilkan
kondisi keadaan Tempat Akhir Pembuangan Sampah jika
tidak digunakan dan dirawat dengan baik, penumpukan
yang terjadi akan berdampak vital terhadap lingkungan
disekitar TPS, dibantu dengan narasi semakin memperjelas
keadaan grafis yang digambarkan.

Gambar 3.3.8 Pembuatan bentuk grafis .(frame ketujuh)

Gambar 3.3.9 Pembuatan bentuk grafis .(frame kedelapan)

Frame ketujuh dan kedelapan hadir dengan konsep


sederhana, degan kombinasi 2 warna orange dan putih
(Gambar 3.3.8, dan 3.3.9) penulis mencoba mneghadirkan
penekanan dari narasi dengan media grafis, “Bagaimana
Solusinya” adalah kata – kata yang dijadikan jembatan
untuk menuju frame – frame selanjutnya, dimana
penangulangan dan cara meminimalisir dampak sampah
terhadap lingkungan akan dibahas.

Gambar 3.3.10 Pembuatan bentuk grafis .(frame kesembilan)

Pada frame kesembilan, penangulangan sampah
akan dibahas dengan konsep sederhana, dengan
mengumpulkan orang – orang (masyarakat) dalam satu
meja, memperjelas metode penanggulangan yang pertama,
yaitu “mendiskusikan dengan masyarakat cara
penangulangan sampah di lingkungan sekitar”, dengan latar

belakang warna objek yang dominan hijau, diharapkan
penikmat dapat mengerti pesan yang disampaikan.

Gambar 3.3.11 Pembuatan bentuk grafis .(frame kesepuluh)

Sama dengan frame sebelumnya, pada frame
kesepuluh

(Gambar

3.3.11)

menampilkan

cara

penanggulangan sampah yaitu dengan melakukan gerakan
punggut sampah, terdapat satu objek orang yang berperan
utama dalam frame ini, digambarkan objek orang sedang
memunggut sampah yang berserakan.

Gambar 3.3.12 Pembuatan bentuk grafis .(frame kesebelas)

Pada frame kesebelas penulis berusaha menampilkan pesan
moral yaitu, penonton diajak untuk memilah sampah berdasarkan
jenisnya, dibantu dengan media grafis, penulis menghadirkan animasi
yang interaktif , termasuk adanya objek tong sampah, beserta
pengelompokan sampah, mulai dari sampah plastik, kertas, kaca, dan
besi.Didukung dengan effect montion , animasi ini diharapkan membuat
para penonton tidak bosan.

Gambar 3.3.13 Pembuatan bentuk grafis .(frame keduabelas)

Masih dalam pembahasan penanggulangan sampah,
frame kesebelas (Gambar 3.3.13) menampilkan cara

meminimalisir penumpukan sampah dengan cara
mengolahnya menjadi barang yang lebih berguna, tanpa
disadari sampah pun dapat dijadikan penghasilan, tentunya
memalalui proses dan tahapan.

Gambar 3.3.14 Pembuatan bentuk grafis .(frame ketigabelas)

Pada tahapan ini dijadikan penutupan dalam cara
penanggulangan sampah, penulis mengajak para penonton
untuk melakukan kegiatan pungut sampah secara
berkelompok agar lebih efisien, dengan latar background
sederhana, dan menapilkan tiga orang objek orang, dirasa
cukup mewakili narasi dalam bentuk grafis (Gambar 3.3.14).

Gambar 3.3.15 Pembuatan bentuk grafis .(frame keempatbelas)

Dalam pembahasan frame ke empatbelas ini, penulis
mencoba menumbuhkan hasrat penonton untuk bangga
dengan kegiatan positif yang dilakukan, salah satunya
adalah selfie, pada era saat ini selfie menjadi bagian dari
masyarakat, bukan hanya sekedar untuk bergaya, namun
penulis ingin mengajak bahwa tindakan positif patut
didokumentasikan agar yang melihat dapat ikut tertarik
dengan

kegiatan

positif

yang

dilakukan.

Dengan

menghadirkan objek orang setengah badan, dua orang
berekspresi saat kegiatan pungut sampah, dan satu orang
membawa handphone, digambarkan objek orang ini
melakukan selfie. Penegasan keadaan ini dibantu dengan
blitz, yang menunjukan bahwa ketiga objek orang sedang
melakukan selfie.

Gambar 3.3.16 Pembuatan bentuk grafis .(frame kelimabelas)

Pada frame ke limabelas, penulis menghadirkan
bentuk grafis yang lucu, yaitu dengan sebuah tangan yang
sedang memegang sebuah handphone, terlihat pula didalam
layar handphone, foto dari tiga objek orang diunggah
kedalam jejaring sosial.

Gambar 3.3.17 Pembuatan bentuk grafis .(frame keenambelas)

Sebagai penutup frame akhir didesign dengan menampilkan pesan
moral

yang

menjadi

penekanan

perancangan

animasi

ini,

dengan

mengabungkan ketiga objek orang, dengan objek tong sampah, serta teks
perduli lingkungan (Gambar 3.3.17), diharapkan animasi ini dapat mewakili
pesan moral yang ingin disampaikan penulis, tidak dikhususkan bagi anak –
anak namun dapat dinikmati dan dipahami oleh segala usia tanpa batasan.

Gambar 3.3.18 Pengelompokan karakter, background , dan objek lain dan
disimpan dengan format Adobe Illustrator .

Setelah terselesainya perancangan grafis, penulis
melakukan tahapan penyimpanan, dengan format Adobe
Illustrator

(Gambar

3.3.18),

penulis

menuntaskan

perancangan grafis yang nantinya akan dipindahkan dan
disusun menjadi animasi berjalan.
b) Pengunaan Software Adobe Audition

Adalah multitrack digital audio recording , editor
dan mixer yang udah digunakan dan memiliki berbagai

fasilitas pengolahan suara. Dengan Adobe udition Anda
dapat

merekam

suara,

memperbaiki

kualitas

suara,

menambahkan berbagai efek suara, dan menggabungkan
dengan berbagai track suara menjadi satu track, dan
menyimpannya dalam berbagai format. Adobe Audition
banyak digunakan oleh musician recording master , demo
cd, produser atau programing stasiun radio. Secara umum
Adobe Audition memiliki dua lingkungan yaitu Edit View
and Multitrack View. Edit View sesuai namanya ditujukan

terutama untuk menangani editing satu waveform saja pada
satu saat. Sementara Multitrack View dapat menangani
beberapa waveform sekaligus pada beberapa track. Anda
dapat menggunakan kedua lingkungan ini secara bergantian
pada tampilan terpisah. Gambar 3.3.19 merupakan tampilan
awal Adobe Audition.

Gambar 3.3.19 Tampilan awal Software Adobe Audition.

Dengaan tampilan yang sederhana, diharapkan
penulis dapat menggunakan software ini, meskipun dengan
dibantu oleh rekan, sedikit banyak penulis belajar
menggunakan software adobe audition, dan mengerti cara
penggunaan tools yang disediakan. Untuk proses perekaman
dan pemberian effect penulis menggunakan tampilan edit
view.

Berikut adalah penjelasan tools dan fungsinya.

Warna box
Merah

Nama
Menu Bar

Kegunaanya
Barisan menu yang menampilkan
perintah – perintah untuk mengatur dan
mengolah suara.

Kuning

Toolbar

Barisan berisi tombol untuk menjalankan
perintah, dan mengolah suara

Biru

Organizer

Pengelompokan daftar file, dan efek
suara.

Hijau

Transport

Didalamnya terdapat banyak perintah

control

aantarmuka yang hubungannya dengan
pemakai, contohnya; play, loop, forward,
rewaind, pause, stop, record, dll.

Orange

Level Meter

Indikator input, dan output dari suara atau
file.

Ungu

EditViewBox

Media anatrmuka unutk mengolah bentuk
file atau suara dalam bentuk grafik.

Gambar 3.3.20 Proses perekaman suara, dan editing backsound dibantu
dengan Software Adobe Audition 1.5

Dapat dilihat dari gambar 3.3.20, tampilan edit
view berbeda dengan multitrack view, penulis menuju

halaman multitrack view untuk mengabungkan suara yang
telah direkam dengan backsound. Penggunaan yang
simple sangat memudahkan penulis dalam menyelesaikan

tahapan ini.

Pengaturan dan pembentukan animasi agar sesuai
dengan timing dan penempatan framenya , dibantu dengan
Software Software Adobe Flash CS4, berikut penjelasan

langkah – langkah pengerjaannya.

Gambar 3.2.21 Tampilan awal dan pemilihan Action Script animasi.

Gambar 3.2.21 merupakan tampilan awal dari
Software Adobe Flash CS4. Pilih salah satu action script

yang tersedia di tampilan pertama.

Gambar 3.2.22. Pengambilan file dot Ai kedalam library.

Dilanjutakan dengan gambar 3.2.22, bentuk grafis
dan objek yang sudah disave dalam format dot AI,
diimport kedalam library.

Gambar 3.2.23. Penggabungan dan pengolahan frame per frame

Dijelaskan pada gambar 3.2.23 diatas penulis
melakukan tahap penggabungan dan pengolahan frame
per frame, sesuai timing, dengan menambah layer , dan
memberikan perintah montion agar animasi berjalan
dengan baik.

Gambar 3.2.24. Tahap akhir, file diexport kedalam format dot SWF

Setelah animasi berjalan dengan baik, sesuai
dengan timingnya

(Gambar 3.2.21), maka tahapan

pembuatan animasi berakhir disini, agar animasi dapat
dinikmati dan dapat dilihat, maka keseluruhan file
disimpan dengan cara memilih menu file – export – export
movie, format yang penulis pilih adalah dot SWF (Gambar

3.2.24)