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