Rabu, 11 April 2012

Cara Membuat Gambar Animasi Berputar atau Baling Baling Animasi

Cara Membuat Animasi Bergerak – Prolog

Seringkali kita melihat gambar bergerak pada animasi di film kartun terlihat hidup layaknya benda hidup. Tetapi jika kita perhatikan dengan baik gambar tersebut hanyalah berupa gabungan dari gambar-gambar yang sangat banyak dan berurutan. Sebelum diciptakannya teknologi animasi komputer film kartun dibuat dari ratusan hingga ribuan lembar gambar yang berurutan, gambar tersebut di sorot satu per satu sehingga menjadi seperti sebuah gerakan yang terlihat hidup. Prinsip kerjanya adalah semakin banyak gambar yang dibuat maka semakin halus gerakan yang akan tercipta.
Prinsip dasar animasi tersebut masih sering digunakan sampai sekarang, seperti yang ditampilkan dari teknik animasi stop motion. Dalam stop motion setiap gerakan akan tercipta dari beberapa foto yang ditangkap kamera. Foto-foto tersebut lalu digabungkan dan di slideshow dalam waktu yang sangat cepat sehingga akan menampilkan gerakan yang juga mirip gerakan animasi.

Jenis Animasi File GIF

Ada banyak jenis animasi sederhana yang lainnya. Jika Anda sering melihat sebuah ikon atau avatar seseorang pada sebuah forum di internet terlihat bergerak layaknya animasi atau video, itu adalah salah satu jenis animasi sederhana. Animasi tersebut sekilas terlihat seperti sebuah file video padahal pada dasarnya file tersebut hanyalah berupa gambar yang dibuat dengan teknik animasi GIF yang sederhana.
Animasi GIF merupakan teknik animasi sederhana yang menggunakan prinsip animasi dasar berupa gambar-gambar yang saling dihubungkan. Bagaimana cara membuat animasi GIF?. Berikut ini adalah contoh sederhana bagaimana membuat animasi GIF dengan software Adobe Photoshop, pada dasarnya animasi yang akan dibuat berikut ini adalah beberapa gambar yang digabungkan dan dimainkan secara bergantian seperti halnya slideshow.

Cara Membuat Animasi Bergerak GIF

Untuk lebih memudahkan Anda, berikut adalah langkah-langkahnya membuat animasi bergerak GIF  :
1. Buka software Adobe Photoshop dan buat halaman baru. Buat gambar pertama yang akan muncul pada frame pertama.
Cara Membuat Animasi Bergerak 1

2. Lalu selanjutnya buat gambar untuk frame-frame berikutnya secara berurutan sesuai dengan urutan animasinya nanti. Setiap gambar diletakan pada layer yang terpisah. Sebaiknya setiap gambar pada tiap frame dibuat dalam satu layar sehingga jika Anda membuat gambar yang berjumlah 6 frame animasi, maka usahakan juga hanya terdapat enam buah layer gambar. Jadi satu frame = satu layer. Seperti yang terlihat pada gambar berikut.
Cara Membuat Animasi Bergerak 2
3. Selanjutnya pilih panel Animasi yang terletak pada toolbar Windows -> Animation lalu pada panel animasi buat frame baru dengan menekan tombol “duplicates selected frames”. Perintah tersebut akan berfungsi seperti halnya duplicate layer, hanya saja pada hal ini bukan berupa layer melainkan frame.
Cara Membuat Animasi Bergerak 3
Cara Membuat Animasi Bergerak 3
4. Setelah membuat frame dengan cara menduplicatenya maka sekarang akan ada dua frame, tetapi masih berupa gambar yang sama. Untuk merubahnya pertama-tama Anda harus mengklik frame kedua sehingga frame no.2 menjadi terseleksi. Lalu non aktifkan layer visibility pada semua layer kecuali layer yang akan ditampilkan dalam hal ini berarti layer bernama “hold” harus aktif. Aturan tersebut berlaku untuk frame lainnya, jadi pada frame 1 berarti layer yang diaktifkan hanyalah layer “bendra”, frame no 3 layer yang diaktifkan adalah layer “3” begitu seterusnya.
Cara Membuat Animasi GIF 4

Cara Membuat Animasi GIF 5
5. Jika semua frame telah dibuat berdasarkan urutan layer yang Anda inginkan maka Anda tinggal mengklik tombol play untuk memainkan animasi tersebut. Untuk mengatur timing tiap frame Anda cukup menggantinya pada tiap frame. Timeng tiap frame dapat diatur berbeda-beda atau sama.
Cara Membuat Animasi GIF 6
6. Setelah jadi Anda tinggal mensave dengan format gif. Sebaiknya gunakan perintah Save for Web & Devices atau dengan shortkey Alt+Shift+Ctrl+S pada menu save for web and devices pilih format gif dan tekan tombol save. File animasi GIF Anda telah selesai dan siap untuk digunakan.

Cara Membuat Animasi Bergerak – Prolog

Demikian tutorial singkat untuk membuat animasi bergerak yang dapat Anda ikuti. Selamat mencoba dan semoga bermanfaat.

Membahas masalah gambar animasi adalah suatu hal yang sangat menarik, karena seiring dengan perkembangan teknologi yang semakin maju, sehingga dengan semakin banyaknya software pendukung yang bermunculan, secara langsung akan berpengaruh dengan keanekaragaman bentuk gambar animasi yang akan dihasilkan.
Masih pada Macromedia Flash Professional 8, kali ini saya akan berbagi tutorial dasar animasi ringan yaitu mengenai cara membuat gambar animasi berputar yang menyerupai baling-baling atau kipas angin, dengan arah dan kecepatan putaran yang bisa kita atur/tentukan sendiri.
Apakah anda berminat mencobanya?? Silahkan ikuti langkah-langkah dibawah.
1.     Buka aplikasi Macromedia anda, kemudian klik Flash Document pada bagian Create New.
Cara Membuat Gambar Animasi Berputar atau Baling Baling Animasi
Gambar.1
2. Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard netbook/computer anda, sehingga muncul halaman seperti gambar dibawah.
Cara Membuat Gambar Animasi Berputar
Gambar.2
Pada halaman Document Properties seperti gambar no.2 diatas, silahkan isi form yang terdapat disana (contoh 200×200 px). Selanjutnya klik OK.
Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.
3.     Selanjutnya klik Rectangle Tool (R)kemudian pilih PolyStar Tool.
Cara Membuat Gambar Animasi Berputar
Gambar.3
Klik Ctrl+F3 pada keyboard kemudian klik Option… pada halaman properties hingga muncul halaman Tool Settings seperti dibawah.
Cara Membuat Gambar Animasi Berputar
Gambar.4
Ganti ukuran default Number of sides dengan angka 3
Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.
4.     Buatlah 2 buah segitiga seperti gambar dibawah.
Cara Membuat Gambar Animasi Berputar
Gambar.5
5.     Selanjutnya klik Oval Tool (O) kemudian buatlah 1 buah lingkaran kecil seperti gambar no.5 diatas.
4.     Langkah selanjutnya, aturlah posisi ketiga gambar tersebut hingga menjadi seperti gambar dibawah.
Cara Membuat Gambar Animasi Berputar
Gambar.6
Selanjutnya klik dibawah angka frame 30 kemudian klik F6 pada keyboard anda.
7.     Langkah berikutnya, klik dibawah angka frame 15 kemudian klik kanan, selanjutnya pilih Created Motion Tween
Cara Membuat Gambar Animasi Berputar
Gambar.7
8.      Selanjutnya klik Ctrl+F3 pada keyboard hingga muncul halaman seperti gambar dibawah.
Cara Membuat Gambar Animasi Berputar
Gambar.8
Pada bagian Rotate pilih CW dengan 5 times.
9.     Tekan Ctrl+ENTER untuk melihat hasilnya.
  • Untuk menghasilkan putaran yang bagus, silahkan edit pada angka frame(langkah no.6) dan angka frame rate (Langkah no.3). Contoh : Letakkan/geser Keyframe dibawah angka 70 dengan frame rate 50).
CW adalah putaran kekanan yang searah dengan jarum jam, dan CCW adalah putaran kekiri.
10.     Untuk menyimpan gambar animasi tersebut, silahkan klik File–>Export–>Export Movie
Simpan dengan type Animated GIF(*.gif) atau Flash Movie(*.swf).
SELESAI

Tidak ada komentar:

Posting Komentar