Skip to main content

Cara Membuat Animasi Bergerak


Membuat animasi adalah sesuatu yang tidak sulit. Yang paling mudah adalah membuat animasi GIF. Yang bisa dibuat menggunakan Photoshop.
Langkah pertama yang paling penting adalah mengeluarkan tool animasi di photoshop, caranya klik menu “window” di photoshop, lalu pilih “animation”
windows
Sampai muncul window kayak gini:
animation
Animasi warna
Kita akan mebuat animasi warna sederhana, yaitu perubahan warna merah, kuning dan hijau
Di photoshop, pilih file » new masukkan ukuran sesuai selera, kalau saya pakai 200 x 200 pixel, lalu oke
Selanjutnya, buat 3 buah lingkaran dengan layer yang berbeda. Buat sebuah lingkaran dulu, selanjutnya pada jendela layer, kita klik kanan layer lingkaran tersebut, lalu pilih “duplicate layer…”.
Atur sedemikian rupa sesuai selera. Ini lingkaran yang saya buat:
bulatan
ini tampilan dalam jendela layer:
layer
dan ini tampilan dalam jendela animation:
animationduplicate
Sekarang tinggal kita mainkan layer-layernya untuk membentuk sebuah animasi.
Wokey, buat 3 buah frame dalam jendela animation, dengan mengklik icon “duplicates selected frames” (tanda lingkaran merah pada gambar diatas!) hingga jadi seperti ini:
animationduplicate3
Yup, seperti rencana kita, kita akan mebuat lingkaran tadi menjadi animasi seperti lampu traffic light, untuk menampilkan warna merah dahulu, klik frame pertama pada jendela animation, lalu pada jendela layer, nonaktifkan icon mata (indicates layer visibility) pada layer warna kuning dan hijau, sehingga hanya layer warna merah yang terdapat icon mata, seperti gambar di bawah :
visibility
Kemudian kembali lagi ke jendela animation, klik frame kedua, aktifkan icon mata pada layer kuning. Sedangkan pada frame ketiga, aktifkan icon mata pada layer hijau. Oh iya jika ingin animasi kita nanti transparan, tinggal nonaktifkan icon mata pada layer background di semua frame animasi.
Dalam jendela animation akan terlihat seperti berikut:
frame
klik tombol play untuk memainkan animasi, kita bisa mensetting timming animasi sehingga animasi tidak bergerak terlalu cepat. Setting waktunya dengan meng-klik tanda panah segitiga di samping kanan tulisan 0 sec.
time
pilih waktu sesuai keinginan, begitu pula di frame-frame berikutnya.
Oh iya, agar animasi bergerak terus tanpa henti, maka animasi harus di setting “forever”, tetapi jika ingin bergerak satu kali, setting dengan “once”, seperti gambar di bawah:
timing
kira-kira hasilnya seperti ini…
bangjo
Untuk menyimpan gambarnya, kita gunakan “save for web & device” nya photoshop. Caranya klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S.
Semoga berguna!

Sumber :

Comments

Post a Comment

Popular posts from this blog

7 Hal Menarik di Film Pacific Rim

Setelah kemunculan Transformer, pesona robot dalam film semakin menggila. Munculnya Pacific Rim semakin memanjakan penikmat film bertema serupa. Apalagi bila Anda berasal dari generasi yang akrab dengan film-film Jepang yang selalu memunculkan robot lawan monster. Nah, Pacific Rim akan menjawab kerinduan untuk bernostalgia, tapi dengan imajinasi lebih memukau. Kali ini Apa Kabar Dunia tak akan membahas sinopsis Pacific Rim. Sebaliknya ada 7 hal menarik yang mungkin belum diketahui. Lihat langsung di bawah ini. 1. Jaeger vs Kaiju Robot raksasa yang–entah apa alasannya–dinamai menggunakan istilah bahasa Jerman dan dikendalikan dari dalam. Kemudian, para musuh yang dihadapi terkesan sangat Jepang (bahkan dari namanya); berwujud ala monster Tokusatsu yang dengan mudahnya mengingatkan kita pada serial Ultraman, Power Rangers dan sejenisnya.   2. Pilot Ganda Beban yang harus ditanggung oleh seorang pilot untuk mengoperasikan Jaeger terlalu berat. Di b...
Post a Comment
Read more

Cara Membuat Link untuk Download

Secara sederhana saya jabarkan cara kerjanya, pertama tentu saja kita harus mempunyai account pada situs tersebut, kemudian setelah mempunyai account, baru kita upload data yang ingin kita simpan, lalu setelah proses upload berhasil kita akan di beri URL address file yang kita upload. Nah langkah terakhir agar pengunjung dari blog kita bisa mendownload file tersebut adalah memasang tulisan yang mempunyai link terhadap URL address file yang kita upload tadi, jadi tentu saja orang lain bisa mendownload file yang kita pasang melalui blog kita. Kira-kira begitu bos . Agar tidak terlalu bingung, penyedia layanan ini salah satunya adalah www.SnapDrive.net. dengan menggunakan situs ini kita bisa upload file kemudian file tersebut bisa di download lagi oleh orang lain. Untuk caranya silahkan ikuti langkah-langkah berikut ini : 1. Silahkan klik di sini untuk menuju www.SnapDrive.net 2. Klik tulisan Register 3. Isi formulir yang disediakan dengan data diri sobat * Username –> is...
Post a Comment
Read more

Cara Membuat Slideshow Postingan di Blog

Cara Memasang Slideshows Postingan di Blog   Sebenarnya saya sebelumnya sudah memposting mengenai cara memasang slideshow ini di permathic blog. namun belakangan script slideshownya tidak berfungsi lagi yang mungkin dikarenakan url pada google code ada yang tidak bisa di akses lagi. hal ini membuat saya tertantang untuk mencoba memperbaikinya. saya utak  atik sampai cenat cenut scriptnya, akhirnya saya mendapat script kode slideshow yang lebih simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar ada tidak penasaran , berikut langkah2nya. 1. Login Ke Blog Anda 2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru) 3. Kemudian  Klik Tambah Gadget 4. Pilih HTML/javascript 5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save. <style type="text/css"> #rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14...
Post a Comment
Read more