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 :
[email protected] 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
mengagumkan. Hampir setiap semua
Agama Islam terdapat konsep yang
bidang pekerjaan di dunia telah
bersifat
dikendalikan
membayangkannya.
oleh
komputer.
adalah
abstrak
Pendidikan
sehingga
sukar
Pekerjaan – pekerjaan yang dahulu
Penggunaan komputer sebagai sarana
memerlukan banyak tenaga manusia,
pengembangan Pendidikan Agama
sekarang
Islam
telah
tergantikan
oleh
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
mesin,
Sama
yang
seperti
bidang
dengan
dibuatnya
lain,
aktif dalam memahami materi. Dalam
komputer juga amat erat kaitannya
Pendidikan Agama Islam ada dua
dengan dunia pendidikan. Bahkan
gejala
komputer
mata
divisualisasikan, yaitu yang pertama
pelajaran wajib di sekolah – sekolah.
berkaitan dengan sholat, wudhu, haji,
Banyak
telah
menjadi
pekerjaan
pendidikan
yang
pekerjaanya
yang
adalah
masalah
yang
dapat
di
dunia
dan sebagainya. Yang kedua yang
dapat
dibantu
tidak berkaitan dengan gerak seperti
oleh
komputer.
Mengetik, berhitung, mencari materi pelajaran
melalui
internet,
pekerjaan
lainnya,
telah
puasa, zakat, dan sebagainya. Dari pembahasan tersebut di atas
dan
maka penulis akan membuat sebuah
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
bahwa
Pendidikan
Agama
umum Islam
merupakan salah satu pelajaran yang
yang sedang belajar tentang materi gerak
dalam
memahami
sholat
bagaimana
lebih
dapat
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 Multimedia diambil dari kata multi
LANDASAN TEORI 2.1.1 Tema
dan media. Multi berarti banyak
Penulis mengangkat tema tentang
dan media berarti media atau
media selain buku yang akan
perantara.
digunakan
gabungan dari beberapa unsur yaitu
dalam
pembelajaran.
penyampaian
Penulis
akan
teks,
Multimedia
grafik,
membuat sebuah video edukasi
animasi
berbasis animasi 3D tentang salah
presentasi
satu
Multimedia
pembelajaran
tentang
suara,
yang yang juga
adalah
video
dan
menghasilkan menakjubkan. mempunyai
Pendidikan Agama Islam yaitu
komunikasi interaktif yang tinggi.
tentang gerakan dan bacaan sholat
Bagi
yang baik dan benar. Tujuan dari
multimedia dapat diartikan sebagai
pembuatan
ini
informasi komputer yang dapat
lebih
disajikan melalui audio atau video,
memahami tentang bagian – bagian
teks, grafik dan animasi. , film,
yang
konferensi,
supaya
video
anak-anak
tidak
terdapat mereka.
animasi dapat
begitu
pada
jelas
buku
Melalui
yang
pelajaran
video
pengguna
katalog
komputer
dan
lain
sebagainya. Definisi atau pengertian
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
mengerti akan tata cara melakukan
mendistribusikan suatu informasi.
gerakan yang baik dalam sholat.
Multimedia
mendistribusikan
adalah
atau
penggunaan
komputer
untuk
informasi
menampilkan
yang
merupakan
2. Unsur Multimedia
gabungan audio, video, teks dan
Unsur
grafik sehingga pengguna dapat
menjadi :
bernavigasi berekreasi dengan
,
berinteraksi,
dan
berkomunikasi
computer[3].
kombinasi
dari
1.
sudah terbiasa dengan teks. Teks merupakan dasar dari pengolahan kata dan informasi
yaitu:
berbasis komputer
yang
4.
Dalam
multimedia
mengatur apa yang akan dilihat
menyajikan informasi kepada
dan didengar, dan apa yang
audiens dengan cepat, karena
akan
tidak
berinteraksi
dengan
Adanya
diperlukan
membaca
secara rinci dan teliti. Menurut
link-link
menghubungkan
3.
multimedia.
kenyataannya
penggunanya. 2.
Teks
biasa menggunakan komputer
objek-objek
komponen yang penting lainnya,
Adanya
terbagi
Hampir semua orang yang
Selain
multimedia tersebut, terdapat juga 4
1.
multimedia[4]
yang
Hofstetter (adalah kebanyakan
informasi-
system multimedia dirancang
informasi yang tersedia.
dengan
Adanya tool-tool navigasi bagi
karena teks merupakan sarana
pengguna
yang
agar
dapat
menggunakan
efektif
menggunakan informasi yang
mengemukakan
tersedia.
menyediakan
Adanya
prosedur
pengguna mengumpulkan,
bagi untuk
memproses
dan menyampaikan informasi dan ide-idenya
instruksi
teks
untuk
ide-ide
dan
instruksikepada
user
(pengguna). 2.
Image Secara umum image atau grafik berarti still image seperti foto
3.
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
digital.
Animasi
dengan
gerakan
animasi
tersebut
atau
animasi
merupakan penayangan frameframe gambar secara cepat menghasilkan
kesan
gerakan. 4.
produknya
Waveform (wav) merupakan
atau objek yang divariasikan
efek, juga suara yang selaras
Kualitas
berbentuk
(banyaknya sampel per detik).
gerakan dari berbagai media
dengan gerakan transisi, efek-
yang
bergantung pada sampling rate
Animasi adalah pembentukan
untuk
audio
standar untuk Windows PC.
2.1.2 Animasi Animasi adalah illusion of motion yang dibuat dari image statis yang ditampilkan
secara
berurutan.
Animasi sendiri berasal dari bahasa latin yaitu “anima” yang berarti jiwa, hidup, semangat. Sedangkan
Audio
karakter
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
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
suatu gambar, misalnya musik
ditampilkan. Objek dalam gambar
dan suara efek (sound effect).
bisa berupa tulisan, bentuk benda,
adalah
secara
orang,
dapat
dan
hewan
diartikan
bergantian
warna dan spesial efek. Dahulu
merupakan
pembuatan
yang membentuk animasi tunggal.
animasi
dikerjakan
lembaran-lembaran
dengan membuat sketsa gambar
Masing-masing
pergerakan animasi satu per satu.
bagian yang terpisah, misalnya
Untuk membuat satu durasi animasi
antara
membutuhkan
jumlah
frame
belakangnya, sehingga dapat saling
(gambar)
cukup
banyak.
bergerak mandiri. Misalnya seorang
Jumlah frame per detik (frame per
animator akan membuat animasi
second/fps) merupakan satuan yang
orang
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
yang
Animasi 2 Dimensi (Animasi Cel)
dan
merupakan
bentuk
animasi yang paling popular. Kata
a.
merupakan
materi
gambar bergerak pada tahun-tahun
b.
Biasanya
dengan
menggunakan tangan (hand-drawn animation). Animasi cel biasanya
beberapa
Menyiapkan storyboard sketsa
dan
tulisan
Voice Recording
soundtrack
efek
musik, dan
suara
karakter animasi yang dibuat. c.
Animatics Dibuat setelah soundtrackefek dan suara karakteranimasi yang
dari asetat (acetate). digambar
langkah
Mempersiapkan
awal animasi. Sekarang material dibuat
maka
latar
diserahkan ke director animasi.
yang
digunakan untuk membuat film
film
berjalan,
Yaitu
cel berasal dari kata “celluloid” yang
dengan
langkah pembuatannya:
Animasi cel merupakan animasi tertua
obyek
merupakan
bersamaan.Berikut
1. Jenis Animasi 1.
sel
dibuat. d.
Desain and Timing Setelah animatics selesai, akan dikerjakan
dibagian desaign
departmentyang
melibatkan
yang paling sederhana, dimana
character designers,background
e.
h.
i.
didapatkan
dari
director.
ditunjukan, pergantian gambar ini
Layout
diukur dalam satuan fps (frame per sudut
penataan
second). Contoh animasi ini adalah
kamera, lighting dan shading
ketika kita membuat rangkaian
Animation
gambar yang berbeda pada tepian dengan
pensil
sebuah buku, kemudian kita buka
berwarna di banyak kertas,
buku
diperhatikan
menggunakan
juga
detail
tersebut
sedemikian jempol,
rupa maka
gerakan, penyesuaian waktu
gambar
dangerakan mimik muka serta
Dalam Macromedia Flash, animasi
mulut.
ini dibuat dengan teknik animasi
Background
keyframe,
teknik
Digambar dengan water color,
digunakan
untuk
oil paint atau crayon.
animasi objek yang tidak bisa
Traditional
ink
and
paint
akan
terlihat
bergerak.
ini
sering
mendapatkan
didapatkan dengan teknik animasi
camera
tween, teknik animasi path dan
Pentransferan gambar diatas
teknik animasi script.
bahan yang disebut cel
3.
dan
Animasi Sprite
akan difoto.
Metode
Digital ink paint
menjadikan objek “sprite” yang
Pada digunakan
2.
animasinya
rangkaian gambar yang bergantian
Digambar
g.
stylis,
art director, color stylist,timing
Meliputi
f.
Animasi frame merupakan animasi
jaman
sekarang
scanner
dan
animasi
ini
yang
dapat bergerak secara individual dimana objek yang lainnya hanya
komputer.
sebagai background atau
latar
Animasi Frame
belakang
tidak
yang
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
tertinggi, kemudian ditempatkan
animasi
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
Animasi sprite memiliki perbedaan
sebagai lintasan gerakan objek.
dengan animasi cell dan animasi
5.
frame, setiap objek dalam animasi
Spline
sprite bergerak tidak dalam waktu
matematis
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
dilakukan
memungkinkan
untuk
animasi
dengan
objek
pada
sprite
masing-masing
tersebut.
Contoh
animasi,
terus
sehingga
berulang
yang
hingga
didefinisikan
Animasi Spline adalah
representasi
dari
kurva.
animasi
spline
Objek
komputer membuat lintasan
animasi dengan tipe objek sprite ini
gerak berbentuk kurva.
adalah membuat simulasi tata surya
6.
dimana latar belakangnya tidak
Animasi vektor adalah animasi
bergerak. Hanya planet-planet saja
yang
yang bergerak.
matematika untuk menggambarkan
4.
objeknya.
Animasi Path
Animasi Vektor
menggunakan
Setiap
objek
rumus
dalam
Animasi path adalah animasi dari
animasi vektor bergerak secara
objek yang gerakannya mengikuti
mandiri dengan latar belakang yang
garis
diam
lintasan
yang
sudah
ditentukan. Contoh animasi jenis ini
(hampir
animasi sprite).
sama
dengan
7.
Animasi Character ( Animasi 3
yang menggunakan alam nyata
Dimensi )
sebagai latar cerita animasi tersebut.
Animasi
karakter
digunakan
dalam
biasanya film
kartun
berbasis 3 dimensi, oleh karena itu ada juga yang menyebutnya sebagai animasi 3D. Pada animasi ini setiap karakter memiliki ciri dan gerakan
3
METODE
PENCIPTAAN
KARYA 3.1 Pemilihan Alat dan bahan 1. Identifikasi Perangkat Keras a. Komputer
yang berbeda tetapi bergerak secara bersamaan. Dalam pengerjaannya,
Komputer yang digunakan untuk
animasi
sangat
pembuatan
hanya
memiliki spesifikasi sebagai berikut
jenis
mengandalkan
ini
komputer,
pada permulaan saja menggunakan teknik manual, yaitu pada saat pembuatan sketsa model atau model patung
yang
nantinya
di-scan
dengan scanner biasa atau 3D Scanner.
Setelah
pembuatan
objek
itu
proses
dilakukan
di
komputer menggunakan perangkat lunak 3D modelling and animation, seperti Maya Unlimited, 3ds max
ptoyek
akhir
ini
• Computer Name
: dew
• Operating System
: Windows
Xp SP 2 • Language
: English
• Processor
: Intel Core
2 Duo • Memory
: 2048 MB
RAM • DirectX Version
: 9.0
dan lain sebagainya. Setelah itu dilakukan
editting
video,
penambahan spesial efek dan sulih suara
menggunakan
lunak
terpisah.
perangkat
Bahkan
ada
beberapa animasi dengan teknik ini
2. Identifikasi Perangkat Lunak a. 3D Max 2010 Proyek
akhir
ini
dibuat
menggunakan aplikasi 3D max 2010. Aplikasi ini digunakan untuk
pembuatan
video,
animasi,
menggunakan
environment, dan gerakan karakter
proyek
akhir
ini
adobe
primere pro, pembuatan karakter dan dubbing suara menggunakan
b. Adobe Primere Pro CS3 Pada
software
software cool edit pro.
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
pembuatan
digunakan
karakter
yang
untuk
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
edukasi animasi 3D
karya
software
pembuatan
karya
video
ini, penulis
menggunakan software 3D max sebagai
Gambar 2 Salah satu adegan dalam
video
utama
dalam
ini.
Untuk
penggabungan video hasil render dari software 3D max, penulis
5.
KESIMPULAN DAN SARAN 5.1 KESIMPULAN
Kesimpulan dari
penyusunan laporan
proyek akhir ini adalah:
1. Menampilkan media edukasi
ada
yang selama ini dalam bentuk
sampai
menyimpang.
buku menjadi dalam bentuk
2. Dibutuhkan
video animasi. 2. Dengan
jangan
penguasaan
software-software
dibuatnya
video
penguasaan
dan
materi-materi
edukasi ini diharapkan dapat
terkait untuk dapat menunjang
meningkatkan
pembuatan video animasi ini.
keinginan
belajar para siswa. 3. Untuk
lebih
bagaimana bacaan
3. Pemanfaatan
memperjelas gerakan
dalam
software
dan
untuk
melakukan
media
sebaik
menciptakan
dan
mungkin sebuah
video animasi yang menarik.
sholat.
4. Pemanfaatan
efek
video
sebaiknya tidak berlebihan, yang terpenting materi yang
5.2. SARAN Saran
yang
dapat
penulis
ingin kita sampaikan jelas dan
sampaikan pada laporan proyek
sesuai.
akhir ini adalah sebagai berikut : 1. Sebelum
membuat
5. Diharapkan karya ini dapat
video
diperbaiki lagi suatu saat nanti
edukasi ini yang sangat perlu
dengan
diperhatikan
software – software yang lebih
adalah
meteri
menggunakan
atau adegan yang disampaikan
mampu
harus sesuai dengan apa yang
hasilnya lebih bagus.
untuk
membuat
[4]. Ariesto Hadi, Sutopo. (2003).
6. DAFTAR PUSTAKA [1].Afrizal,
Mayub
.(2005).
Pendidikan Agama Islam.
Flash.
Indonesia
Graha Ilmu
[2]. American Heritage Electronic Dictionary (1991))
Multimedia
Literacy.
Third Edition. McGrawHill
International
Edition,New York.
[5].
Fernandes,
Yogyakarta:PT
Ibiz.
Macromedia
[3]. Hofstetter, Fred T. (2001).
Multimedia Interaktif dan
(2002). Flash
Animation & Cartooning. California
