VIDEO EDUKASI BERBASIS ANIMASI 3D

GERAKAN DAN BACAAN SHOLAT

Hinata Cahya Pitarta

Fakultas Ilmu Komputer Universitas Dian Nuswantoro Semarang

Jl. Nakula I No 5-11 Semarang 50131

Telp : (024) 3517261, Fax : (024) 3520165

E-mail : natha19.milanisti@gmail.com

Abstrak
Dunia entertaiment dan teknologi dewasa ini mengalami perubahan yang begitu pesat,
terutama di bidang multimedia sebab perkembangan teknologi yang semakin pesat akan
mempengaruhi aspek yang lain. Dimana dunia Multimedia terutama pengolahan video
dan animasi dengan memanfaatkan software dalam pembuatan video animasi sangat
berkembang hal itu dapat dilihat dengan banyaknya software – software pembuatan video
animasi. Saat sekarang ini dunia pendidikan pun tidak dapat lepas dari peranan teknologi
multimedia ini. Multimedia digunakan didunia pendidikan untuk memberi warna dalam
menyampaikan materi – materi pengajaran dan untuk menumbuhkan minat untuk mau
belajar para siswa. Karya yang dihasilkan oleh penulis adalah sebuah video edukasi
animasi pendek, dengan mempergunakan software 3D max 2010, Adobe Premiere Pro
CS3, dan Cool Edit pro 2.0. 3D max 2010 sudah sangat terkenal sebagai software untuk
pembuatan bentuk – bentuk 3D dan pembuatan gerakan yang berfungsi untuk pembuatan
animasi, sedangkan Adobe Premier Pro CS3 mempunyai beberapa kegunaan yaitu
mengedit film, membuat Video, membuat Audio Visual, membuat animasi gambar,
mengcapture gambar/memindahkan software Adobe Premiere Pro CS3 dalam pembuatan
Video dan animasi. Selain itu Adobe Premiere Pro CS3 juga mempunyai keunggulan
yaitu dapat menyimpan transisi yang sering dipergunakan sebagai transisi default dengan
transisi default proses pengaplikasian transisi menjadi cepat dan instan. Selain software
dua diatas penulis juga menggunakan software Cool Edit pro 2.0 yang digunakan untuk
perekaman dan pengeditan suara yang akan digunakan dalam video edukasi ini.Sebagai
tampilan pembuka video penulis menggunakan Adobe After Effect CS3 sebagai software
tambahan.

Kata Kunci : video, animasi, software, gambar

 Abstract
The world of entertainment and technology today is changing so rapidly , especially in the
field of multimedia because increasingly rapid technological developments will affect other
aspects . Multimedia world especially where video processing and animation software to
utilize in the manufacture of highly developed animation video that can be seen by the
number of software - the video animation creation software . Nowadays even education can
not be separated from the role of multimedia technology . Multimedia is used to give color
to the world of education in presenting the material - the material of teaching and to enthuse
the students to want to learn . Work produced by the author is a short animated educational
video , using 3D software max 2010, Adobe Premiere Pro CS3 , and Cool Edit Pro 2.0 . 3D
max 2010 is already very well known as software for making 3D shapes and making
movements that serve for making animation , while Adobe Premier Pro CS3 has several
utilities that edit movies , create video , create Audio Visual , create animated images ,
image capture / transfer Adobe software Premiere Pro CS3 in making video and animation
.In addition to the Adobe Premiere Pro CS3 also has the advantage that it can store
frequently used as a transition to the default transition transition transition default
application process to be quick and instant . In addition to the two above software I also use
Cool Edit Pro 2.0 software is used for recording and editing sounds that will be used in this
educational video . As the opening video display authors Adobe After Effects CS3 using
the additional software.

Keyword :  video,animation,software,picture
1. PENDAHULUAN
Perkembangan dunia komputer telah kurang diminati [1]. Salah satu
mencapai perkembangan yang sangat penyebabnya adalah Pendidikan
mengagumkan. Hampir setiap semua Agama Islam terdapat konsep yang
bidang pekerjaan di dunia telah bersifat abstrak sehingga sukar
dikendalikan oleh komputer. membayangkannya.
Pekerjaan – pekerjaan yang dahulu Penggunaan komputer sebagai sarana
memerlukan banyak tenaga manusia, pengembangan Pendidikan Agama
sekarang telah tergantikan oleh Islam adalah dengan dibuatnya
mesin, yang kesemuanya itu sebuah sistem multimedia edukasi
dikendalikan oleh komputer. Semua yang interaktif tentang materi –
yang ingin diketahui oleh manusia, materi Pendidikan Agama Islam,
semua ada didalam komputer. sehingga pengguna dapat bersifat
Sama seperti bidang yang lain, aktif dalam memahami materi. Dalam
komputer juga amat erat kaitannya Pendidikan Agama Islam ada dua
dengan dunia pendidikan. Bahkan gejala masalah yang dapat
komputer telah menjadi mata divisualisasikan, yaitu yang pertama
pelajaran wajib di sekolah – sekolah. berkaitan dengan sholat, wudhu, haji,
Banyak pekerjaan di dunia dan sebagainya. Yang kedua yang
pendidikan yang dapat dibantu tidak berkaitan dengan gerak seperti
pekerjaanya oleh komputer. puasa, zakat, dan sebagainya.
Mengetik, berhitung, mencari materi Dari pembahasan tersebut di atas
pelajaran melalui internet, dan maka penulis akan membuat sebuah
pekerjaan lainnya, telah menjadi video edukasi berbasis animasi 3D
menu rutin komputer di sekolah – berkaitan dengan gerakan dalam sholat.
sekolah. Hal ini dimaksudkan agar para siswa
Sudah menjadi pendapat umum yang sedang belajar tentang materi
bahwa Pendidikan Agama Islam gerak dalam sholat lebih dapat
merupakan salah satu pelajaran yang memahami bagaimana gerakan –
gerakan yang benar dalam melakukan dapat mempermudah para guru dalam
sholat, karena hal itu menjadi salah menjelaskan materinya dalam bentuk
satu syarat keabsahan dalam sholat dan animasi.
2. KONSEP BERKARYA / 1. Multimedia
LANDASAN TEORI Multimedia diambil dari kata multi
2.1.1 Tema dan media. Multi berarti banyak
Penulis mengangkat tema tentang dan media berarti media atau
media selain buku yang akan perantara. Multimedia adalah
digunakan dalam penyampaian gabungan dari beberapa unsur yaitu
pembelajaran. Penulis akan teks, grafik, suara, video dan
membuat sebuah video edukasi animasi yang menghasilkan
berbasis animasi 3D tentang salah presentasi yang menakjubkan.
satu pembelajaran tentang Multimedia juga mempunyai
Pendidikan Agama Islam yaitu komunikasi interaktif yang tinggi.
tentang gerakan dan bacaan sholat Bagi pengguna komputer
yang baik dan benar. Tujuan dari multimedia dapat diartikan sebagai
pembuatan video animasi ini informasi komputer yang dapat
supaya anak-anak dapat lebih disajikan melalui audio atau video,
memahami tentang bagian – bagian teks, grafik dan animasi. , film,
yang tidak begitu jelas yang konferensi, katalog dan lain
terdapat pada buku pelajaran sebagainya. Definisi atau pengertian
mereka. Melalui video ini multimedia menurut bahasa atau
diharapkan dapat menarik perhatian secara etimologi bahwa multimedia
audiens sehingga otomatis akan berasal dari kata multi dan medium,
sering dilihat dan dipraktekkan. multi (bahasa latin, nouns) berarti
Dengan demikian semakin banyak banyak dan medium [2] adalah alat
anak – anak yang lebih bisa untuk mendistribusikan atau
mengerti akan tata cara melakukan mendistribusikan suatu informasi.
gerakan yang baik dalam sholat. Multimedia adalah penggunaan
komputer untuk menampilkan
informasi yang merupakan 2. Unsur Multimedia
gabungan audio, video, teks dan Unsur multimedia[4] terbagi
grafik sehingga pengguna dapat menjadi :
bernavigasi , berinteraksi,
1. Teks
berekreasi dan berkomunikasi
Hampir semua orang yang
dengan computer[3]. Selain
biasa menggunakan komputer
kombinasi dari objek-objek
sudah terbiasa dengan teks.
multimedia tersebut, terdapat juga 4
Teks merupakan dasar dari
komponen yang penting lainnya,
pengolahan kata dan informasi
yaitu:
berbasis multimedia. Dalam
1. Adanya komputer yang kenyataannya multimedia
mengatur apa yang akan dilihat menyajikan informasi kepada
dan didengar, dan apa yang audiens dengan cepat, karena
akan berinteraksi dengan tidak diperlukan membaca
penggunanya. secara rinci dan teliti. Menurut
2. Adanya link-link yang Hofstetter (adalah kebanyakan
menghubungkan informasi- system multimedia dirancang
informasi yang tersedia. dengan menggunakan teks
3. Adanya tool-tool navigasi bagi karena teks merupakan sarana
pengguna agar dapat yang efektif untuk
menggunakan informasi yang mengemukakan ide-ide dan
tersedia. menyediakan instruksi-
4. Adanya prosedur bagi instruksi kepada user
pengguna untuk (pengguna).
mengumpulkan, memproses
2. Image
dan menyampaikan informasi
Secara umum image atau grafik
dan ide-idenya
berarti still image seperti foto
 dan gambar. Manusia sangat Salah satu bentuk bunyi yang
berorientasi pada visual dan bisa digunakan dalam produksi
gambar merupakan sarana yang multimedia adalah Waveform
sangat baik untuk menyajikan Audio yang merupakan format
informasi. file audio yang berbentuk
digital. Kualitas produknya
3. Animasi
bergantung pada sampling rate
Animasi adalah pembentukan
(banyaknya sampel per detik).
gerakan dari berbagai media
Waveform (wav) merupakan
atau objek yang divariasikan
standar untuk Windows PC. 
dengan gerakan transisi, efek-
 
efek, juga suara yang selaras
2.1.2 Animasi
dengan gerakan animasi
Animasi adalah illusion of motion
tersebut atau animasi
yang dibuat dari image statis yang
merupakan penayangan frame-
ditampilkan secara berurutan.
frame gambar secara cepat
Animasi sendiri berasal dari bahasa
untuk menghasilkan kesan
latin yaitu “anima” yang berarti
gerakan.
jiwa, hidup, semangat. Sedangkan
4. Audio karakter adalah orang, hewan
Penyajian audio atau suara maupun objek nyata lainnya yang
merupakan cara lain untuk dituangkan dalam bentuk gambar
lebih memperjelas pengertian 2D maupun 3D. Sehingga karakter
suatu informasi. Contohnya, animasi secara dapat diartikan
narasi merupakan kelengkapan sebagai gambar yang memuat objek
dari penjelasan yang dilihat yang seolah-olah hidup, disebabkan
melalui video. Suara dapat oleh kumpulan gambar itu berubah
lebih menjelaskan karakteristik beraturan dan bergantian
suatu gambar, misalnya musik ditampilkan. Objek dalam gambar
dan suara efek (sound effect). bisa berupa tulisan, bentuk benda,
warna dan spesial efek. Dahulu merupakan lembaran-lembaran
pembuatan animasi dikerjakan yang membentuk animasi tunggal.
dengan membuat sketsa gambar Masing-masing sel merupakan
pergerakan animasi satu per satu. bagian yang terpisah, misalnya
Untuk membuat satu durasi animasi antara obyek dengan latar
membutuhkan jumlah frame belakangnya, sehingga dapat saling
(gambar) yang cukup banyak. bergerak mandiri. Misalnya seorang
Jumlah frame per detik (frame per animator akan membuat animasi
second/fps) merupakan satuan yang orang berjalan, maka langkah
dipergunakan untuk menunjukkan pertama dia akan menggambar latar
kualitas animasi yang akan dibuat. belakang, kemudian karakter yang
Semakin tinggi nilai fps, semakin akan berjalan di lembar berikutnya,
baik kualitas animasi.[5] pada akhirnya gambar akan tampil
bersamaan.Berikut beberapa
1. Jenis Animasi
langkah pembuatannya:
1. Animasi 2 Dimensi (Animasi
a. Menyiapkan storyboard
Cel)
Yaitu sketsa dan tulisan
Animasi cel merupakan animasi
diserahkan ke director animasi.
tertua dan merupakan bentuk
b. Voice Recording
animasi yang paling popular. Kata
Mempersiapkan musik,
cel berasal dari kata “celluloid”
soundtrack efek dan suara
yang merupakan materi yang
karakter animasi yang dibuat.
digunakan untuk membuat film
c. Animatics
gambar bergerak pada tahun-tahun
Dibuat setelah soundtrackefek
awal animasi. Sekarang material
dan suara karakteranimasi yang
film dibuat dari asetat (acetate).
dibuat.
Biasanya digambar dengan
d. Desain and Timing
menggunakan tangan (hand-drawn
Setelah animatics selesai, akan
animation). Animasi cel biasanya
dikerjakan dibagian desaign
 departmentyang melibatkan Animasi frame merupakan animasi
character yang paling sederhana, dimana
designers,background stylis, animasinya didapatkan dari
art director, color stylist,timing rangkaian gambar yang bergantian
director. ditunjukan, pergantian gambar ini
e. Layout diukur dalam satuan fps (frame per
Meliputi sudut penataan second). Contoh animasi ini adalah
kamera, lighting dan shading ketika kita membuat rangkaian
f. Animation gambar yang berbeda pada tepian
Digambar dengan pensil sebuah buku, kemudian kita buka
berwarna di banyak kertas, buku tersebut sedemikian rupa
diperhatikan juga detail menggunakan jempol, maka
gerakan, penyesuaian waktu gambar akan terlihat bergerak.
dangerakan mimik muka serta Dalam Macromedia Flash, animasi
mulut. ini dibuat dengan teknik animasi
g. Background keyframe, teknik ini sering
Digambar dengan water color, digunakan untuk mendapatkan
oil paint atau crayon. animasi objek yang tidak bisa
h. Traditional ink and paint didapatkan dengan teknik animasi
camera tween, teknik animasi path dan
Pentransferan gambar diatas teknik animasi script.
bahan yang disebut cel dan 3. Animasi Sprite
akan difoto. Metode animasi ini yang
i. Digital ink paint menjadikan objek “sprite” yang
Pada jaman sekarang dapat bergerak secara individual
digunakan scanner dan dimana objek yang lainnya hanya
komputer. sebagai background atau latar
2. Animasi Frame belakang yang tidak
bergerak. Prosesnya adalah mebuat
gambar sprite dengan latar belakang adalah animasi kereta api yang
warna hitam, lalu dibuat juga sprite bergerak mengikuti lintasan rel.
yang sama tetapi berwarna hitam Biasanya dalam animasi path diberi
dan latar belakangnya adalah warna perulangan animasi, sehingga
tertinggi, kemudian ditempatkan animasi terus berulang hingga
dengan pertama-tama mencapai kondisi tertentu. Dalam
menyimpan background yang akan Macromedia Flash, animasi jenis ini
ditimpa oleh sprite dan ditempatkan didapatkan dengan teknik animasi
sprite dengan Xor dan ditimpa path, teknik ini menggunakan layer
dengan warna tertinggi secara Xor. tersendiri yang didefinisikan
Animasi sprite memiliki perbedaan sebagai lintasan gerakan objek.
dengan animasi cell dan animasi 5. Animasi Spline
frame, setiap objek dalam animasi Spline adalah representasi
sprite bergerak tidak dalam waktu matematis dari kurva. Objek
bersamaan namun memiliki fpsatau bergerak biasanya tidak mengikuti
frame per detik yang berbeda dan garis lurus, misalnya bentuk kurva,
bila ingin di edit maka harus program animasi komputer
dilakukan pada masing-masing memungkinkan untuk membuat
objek sprite tersebut. Contoh animasi spline dengan lintasan
animasi dengan tipe objek sprite ini gerak berbentuk kurva.
adalah membuat simulasi tata surya 6. Animasi Vektor
dimana latar belakangnya tidak Animasi vektor adalah animasi
bergerak. Hanya planet-planet saja yang menggunakan rumus
yang bergerak. matematika untuk menggambarkan
4. Animasi Path objeknya. Setiap objek dalam
Animasi path adalah animasi dari animasi vektor bergerak secara
objek yang gerakannya mengikuti mandiri dengan latar belakang yang
garis lintasan yang sudah diam (hampir sama dengan
ditentukan. Contoh animasi jenis ini animasi sprite).
7. Animasi Character ( Animasi 3 yang menggunakan alam nyata
Dimensi ) sebagai latar cerita animasi tersebut.
Animasi karakter biasanya
3 METODE PENCIPTAAN
digunakan dalam film kartun
KARYA
berbasis 3 dimensi, oleh karena itu
3.1 Pemilihan Alat dan bahan
ada juga yang menyebutnya sebagai
animasi 3D. Pada animasi ini setiap 1. Identifikasi Perangkat Keras
karakter memiliki ciri dan gerakan
a. Komputer
yang berbeda tetapi bergerak secara
bersamaan. Dalam pengerjaannya, Komputer yang digunakan untuk
animasi jenis ini sangat pembuatan ptoyek akhir ini
mengandalkan komputer, hanya memiliki spesifikasi sebagai berikut
pada permulaan saja menggunakan
• Computer Name : dew
teknik manual, yaitu pada saat
• Operating System : Windows
pembuatan sketsa model atau model
Xp SP 2
patung yang nantinya di-scan
• Language : English
dengan scanner biasa atau 3D
• Processor : Intel Core
Scanner. Setelah itu proses
2 Duo
pembuatan objek dilakukan di
• Memory : 2048 MB
komputer menggunakan perangkat
RAM
lunak 3D modelling and animation,
• DirectX Version : 9.0
seperti Maya Unlimited, 3ds max
dan lain sebagainya. Setelah itu
2. Identifikasi Perangkat Lunak
dilakukan editting video,
a. 3D Max 2010
penambahan spesial efek dan sulih
Proyek akhir ini dibuat
suara menggunakan perangkat
menggunakan aplikasi 3D max
lunak terpisah. Bahkan ada
2010. Aplikasi ini digunakan untuk
beberapa animasi dengan teknik ini
pembuatan video, animasi, menggunakan software adobe
environment, dan gerakan karakter primere pro, pembuatan karakter
dan dubbing suara menggunakan
b. Adobe Primere Pro CS3
software cool edit pro.
Pada proyek akhir ini Adobe
Primere Pro CS 3 dapat dikatakan                                  
sebagai software untuk pengeditan
video hasil dari render 3D max
2010 dan juga pengeditan suara dari
Cool Edit Pro 2.0.

c. Poser
Software ini digunakan untuk  
pembuatan karakter yang akan
Gambar 1 Opening Video
digunakan untuk pembuatan video
animasi edukasi ini.

d. Cool Edit Pro

Software ini merupakan software
pendukung untuk pembuatan suara
yang akan digunakan dalam
pembuatan video ini.

4 PEMBAHASAN
Dalam pembuatan karya video Gambar 2 Salah satu adegan dalam
edukasi animasi 3D ini, penulis video
menggunakan software 3D max
5. KESIMPULAN DAN SARAN
sebagai software utama dalam
5.1 KESIMPULAN
pembuatan karya ini. Untuk
Kesimpulan dari penyusunan laporan
penggabungan video hasil render
proyek akhir ini adalah:
dari software 3D max, penulis
 1. Menampilkan media edukasi ada jangan sampai
yang selama ini dalam bentuk menyimpang.
buku menjadi dalam bentuk 2. Dibutuhkan penguasaan
video animasi. software-software dan
2. Dengan dibuatnya video penguasaan materi-materi
edukasi ini diharapkan dapat terkait untuk dapat menunjang
meningkatkan keinginan pembuatan video animasi ini.
belajar para siswa. 3. Pemanfaatan media dan
3. Untuk lebih memperjelas software sebaik mungkin
bagaimana gerakan dan untuk menciptakan sebuah
bacaan dalam melakukan video animasi yang menarik.
sholat. 4. Pemanfaatan efek video
sebaiknya tidak berlebihan,
5.2. SARAN yang terpenting materi yang
Saran yang dapat penulis ingin kita sampaikan jelas dan
sampaikan pada laporan proyek sesuai.
akhir ini adalah sebagai berikut : 5. Diharapkan karya ini dapat
1. Sebelum membuat video diperbaiki lagi suatu saat nanti
edukasi ini yang sangat perlu dengan menggunakan
diperhatikan adalah meteri software – software yang lebih
atau adegan yang disampaikan mampu untuk membuat
harus sesuai dengan apa yang hasilnya lebih bagus.
 

   

   

   

 
 6. DAFTAR PUSTAKA [4]. Ariesto Hadi, Sutopo. (2003).
[1].Afrizal, Mayub .(2005). Multimedia Interaktif dan
Pendidikan Agama Islam. Flash. Yogyakarta:PT
Indonesia Graha Ilmu

[2]. American Heritage Electronic [5]. Fernandes, Ibiz. (2002).

Dictionary (1991)) Macromedia Flash
Animation & Cartooning.
[3]. Hofstetter, Fred T. (2001).
California
Multimedia Literacy.
Third Edition. McGraw-
Hill International
Edition,New York.