• Tidak ada hasil yang ditemukan

Teknik Cara Pembuatan Animasi Komputer

Dalam dokumen Kelas 12 SMK Animasi 2D 1 (Halaman 118-126)

Ada banyak cara dan software yang mendukung untuk membuat aimasi komputer. Namun saat ini kita mulai dari yang paling dasar dan sederhana di mana hamper semua orang bisa membuatnya. Yaitu animasi GIF. Berikut ini adalah cara membuat animasi komputer secara sederhana menggunakan sebuah software freeware yaitu GIMP. Kita akan membuat sebuah animasi GIF. animasi GIF berada di balik banyak animasi sederhana yang akan Anda lihat di banyak halaman web dan, sementara mereka jauh kurang canggih dari animasi Flash, namun animasi GIF sangat mudah untuk dibuat oleh siapa saja dengan pemahaman dasar GIMP.

110 | P a g e Langkah-langkah berikut menunjukkan Banner web animasi berukuran sederhana dengan menggunakan beberapa grafis dasar, beberapa teks dan logo.

Langkah 1, membuat dokumen baru

Dalam contoh ini, akan menggunakan GIMP untuk menghasilkan animasi GIF banner web yang sangat dasar. kita pilih template yang telah ditetapkan dari Web Banner 468x60 umum. Untuk animasi, Anda dapat memilih ukuran standar atau mengatur dimensi custom tergantung pada bagaimana Anda akan menggunakan animasi akhir Anda .

Gambar 10.1 Membuat Dokumen Baru

Langkah 2, Set frame 1

Kita mulai animasi dengan ruang kosong sehingga kita tidak membuat perubahan apapun pada layer Background yang sebenarnya yang sudah

putih polos.

Namun kita perlu membuat perubahan ke nama layer di palet Layers. Klik kanan pada layer Background di palet dan pilih Edit Layer Atribut. Dalam dialog Edit Layer Atribut yang terbuka, kita tambahkan (250ms) di akhir nama layer. Ini mengatur jumlah waktu yang frame ini akan ditampilkan dalam animasi. Ms singkatan mili second dan setiap milidetik adalah seperseribu detik. Frame pertama ini akan menampilkan untuk seperempat detik.

111 | P a g e Langkah 3, Set Frame 2

Saya ingin menggunakan grafis/ gambar foot print (nantinya anda bisa menggunakan grafik apapun) untuk frame ini jadi kita masuk ke File> Open as Layers dan pilih file grafik foot print tersebut . Ini menempatkan Footprint pada layer baru yang dapat saya posisikan sesuai kebutuhan dengan menggunakan Move Tool. Seperti dengan layer background, saya harus mengubah nama layer untuk menetapkan waktu tampilan untuk framenya. Dalam hal ini penulis telah memilih 750ms. Catatan: dalam Layers pelette, layer preview yang baru muncul untuk menunjukkan background hitam sekitar grafik, tetapi dalam kenyataannya daerah ini sebenarnya transparan.

112 | P a g e Langkah 4,Set frame 3, 4 dan 5

Tiga frame berikutnya banyak lagi jejak kaki yang akan berjalan di banner. Ini dimasukkan dengan cara yang sama seperti frame dua, menggunakan grafis/ gambar yang sama dan grafis/ gambar lain untuk kaki yang lain. Seperti sebelum waktu ditetapkan sebagai 750ms untuk setiap frame. Masing-masing layer Footprint memerlukan latar belakang putih sehingga hanya satu frame yang akan terlihat - saat ini masing-masing memiliki latar belakang transparan. kita bisa melakukan ini dengan membuat layer baru langsung di bawah layer Footprint, mengisi new layer dengan warna putih dan kemudian mengklik tepat pada layer Footprint dan klik Merge Down.

Gambar 10.3 Set Frame 3,4 dan 5

Langkah 5, Set frame 6

Frame ini hanya frame kosong yang diisi dengan warna putih yang akan memberikan tampilan footprint final menghilang sebelum frame akhir muncul. kita namakan layer ini Interval dan telah memilih kita set display ini hanya 250ms. Anda tidak perlu nama layer, tetapi bisa mempremudah pekerjaan kita

113 | P a g e Gambar 10.4 Setting Frame 6

Langkah 6, Setting frame 7

Sebelum menyimpan animasi GIF, GIMP memiliki pilihan untuk melakukan preview dengan masuk ke Filter> Animation> Playback. Ini akan membuka dialog Preview dengan tombol self explainatory untuk memutar animasi. Jika ada sesuatu yang tidak beres, dapat diubah pada titik ini. Jika tidak dapat disimpan sebagai sebuah animasi GIF.

Gambar 10.5 Setting Frame 7 Langkah 7, Menyimpan animasi GIF

Menyimpan sebuah animasi GIF adalah latihan ke depan cukup lurus. Pertama pergi ke File> Save a Copy dan memberikan file nama yang

114 | P a g e relevan dan pilih di mana Anda ingin menyimpan file Anda. Sebelum menekan Save, klik Select File Type (Dengan Ekstensi) ke arah kiri bawah dan, dari daftar yang terbuka, pilih GIF image. Dalam dialog Export file yang terbuka, klik radio button Save as Animation dan klik tombol Export. Jika Anda mendapatkan peringatan tentang layer extending beyond the actual borders of the image, klik tombol Crop.

Gambar 10.6 Setting Frame 8

c. Rangkuman

Animasi berbasis komputer diproduksi, diedit dan dihasilkan dengan bantuan alat grafis untuk menciptakan efek visual. Alat grafis tersebut bisa berupa software seperti kategori Multimedia API (Application Programming Interface), yaitu:Java3D (membangun dan membuat grafis 3D, Menyediakan satu set dasar object dasar (kubus, splines, ... dll), Sebuah lapisan abstraks yang dibangun di atas DirectX atau OpenGL,DirectX (API Windows yang mendukung video, gambar, audio, dan animasi 3D, Paling banyak digunakan untuk animasi berbasis Windows (video game), OpenGL (Kebanyakan API 3D populer digunakan saat ini dan sangat portabel)

115 | P a g e d. Tugas

Membuat Ringkasan Materi animasi komputer

Sebelum mengerjakan tugas, buatlah kelompok terdiri atas 2-3 orang. Dalam kegiatan ini peserta didik akan membuat ringkasan materi Animasi komputer. Masing-masing kelompok membuat ringkasan tentang animasi komputer, kemudian secara bergantian masing-masing kelompok mempresentasikan hasilnya didepan kelas.

1.1. Bacalah uraian materi diatas dengan teliti dan cermat.

1.2. Buatlah ringkasan materi untuk animasi komputer menggunakan software pengolah presentasi. Topik yang di tulis meliputi 1) definisi dan sejarahnya, 2) Perkembangan animasi komputer 3) Cara kerja animasi komputer.

1.3. Masing-masing kelompok harus mencari materi pengaya di internet atau buku di perpustakaan kemudian presentasikan hasil ringkasan di depan kelas.

e. Test Formatif.

Dalam test ini setiap peserta didik wajib membaca dengan cermat dan teliti setiap butir soal dibawah ini. Kemudian berdasarkan uraian materi diatas tulislah jawabannya pada lembar jawaban test formatif yang telah disediakan.

1. Jelaskan apa yang dimaksud engan animasi komputer. 2. Jelaskan cara kerja pembuatan animasi komputer.

f. Lembar Jawaban Test Formatif (LJ).

LJ- 01 :

Pengertian animasi komputer

... ... ... ... ... ...

116 | P a g e ... ...

LJ- 02 : Cara kerja pembuatan animasi komputer

... ... ... ... ... ...

117 | P a g e 11. Kegiatan Belajar 11 : Gambar Kunci (Key frame)

a. Tujuan Pembelajaran.

Setelah mengikuti kegiatan belajar 11 diharapkan siswa dapat: 9 Memahami konsep gambar kunci animasi.

9 Merencanakan dan melakukan pengolahan gambar kunci animasi.

b. Uraian Materi

Dalam dokumen Kelas 12 SMK Animasi 2D 1 (Halaman 118-126)