Animasi Dengan Teknik Image
Filed Under :
Selasa, 13 Maret 2012Pengertian
Animasi dapat diartikan sebagai sebuah objek yang bergerak dinamis dan tidak statis. Objek dapat berupa teks maupun bentuk-bentuk yang lainnya. Bentuk-bentuk gerak animasi sangat banyak jenisnya, dan tentu saja tidak dapat dihitung.
Macam-macam teknik
Animasi dapat diartikan sebagai sebuah objek yang bergerak dinamis dan tidak statis. Objek dapat berupa teks maupun bentuk-bentuk yang lainnya. Bentuk-bentuk gerak animasi sangat banyak jenisnya, dan tentu saja tidak dapat dihitung.
Macam-macam teknik
Animasi dengan teknik ini adalah menyimpan image sebagai sebuah sprite dalam memori yang kemudian akan ditampilkan di backgroundnya. Dalam teknik ini animasi yang disimpan harus berlatar belakang sesuai backgroundnya. Animasi dengan teknik ini biasanya sulit dalam pembuatan gambarnya, sebab harus banyak dan melakukan penyamaan dan posisi. Akan tetapi teknik ini mudah dalam hal memainkan animasinya.
Gambar berbentuk animasi menjadi suatu bentuk gambar yang sangat menarik untuk dinikmati. Cara pembuatan gambar animasi dalam bentuk file GIF sebenarnya dapat dibuat dengan cara sederhana dan tidak terlalu rumit. Dibutuhkan ketelatenan dalam merangkai beberapa gambar dengan sedikit perbedaan, baik bentuk ataupun warna untuk dipadukan menjadi sebuah gambar yang bergerak dan/atau berubah warna. Melalui bentuk animasi ini kita bisa mendapatkan bentuk gambar yang indah, menarik dan bahkan lucu.
Bagaimana teknik membuatnya? Sebagai langkah awal untuk memahami teknik pembuatan gambar animasi, yang merupakan dasar dari pembuatan gambar animasi kita akan menggunakan Adobe Photoshop yang dipadukan dengan Adobe ImageReady.
Langkah-langkah memahami teknik dasar pembuatan animasi GIF:
-1. Buka Adob Photoshop.
-2. Buat bujur sangkar dengan ukuran 100pixel dengan background transparan. (File-New-width:100pixel-height:100pixel-background:transparent)
-3. Buat bingkai pada kotak tersebut menggunakan Rectangular Marque Tool (M).
-4. Berikan warna hitam pada kotak . (Set foreground color-pilih warna hitam-oke-Paint Bucket Tool-klik di kotak)
-5. Duplikasi kotak hitam menggunakan Duplicate Layer. (klik tanda panah ujung kanan atas menu layer-oke)
-6. Langsung lanjutkan dengan pilih warna biru dan lakukan juga duplikasi. (Set Foreground Color-pilih warna biru-oke-klik di kotak-duplikasi).
-7. Lanjutkan membuat warna hijau dan kuning. (caranya persis membuat warna hitam dan biru)
-8. Ada 4 kotak dengan 4 warna di layer. (ada 4 layer).
-9. Klik ikon mata pada ke-4 layer. Cari Edit Image Ready (Klik File kemudian klik Edit Image Ready atau tekan Shift+Ctrl+M).
10. Sekarang kita sudah masuk pada Adobe ImageReady.
11. Sekarang kita akan membuat animasi dari ke-4 layer yang telah kita buat di Photoshop sebelumnya. Perlu diketahui, inti dari apa yang akan kita lakukan adalah permainan layer.Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi.
12. Tampilkan layer kotak berwarna hitam pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.
13. Lanjutkan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame (klik tanda panah kecil di kanan atas Window Animation) dan sebuah duplikasi dari frame pertama telah terbuat.
14. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna biru dan nonaktifkan layer berwarna hitam.
15. Lakukan seperti langkah tersebut hingga semua warna masuk dalam Windows animation.
16. Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.
17. Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik ikon Plays/stops animation.
Apabila langkah-langkah dilakukan dengan benar, maka setelah play button di klik maka akan terlihat kotak warna yang bergantian muncul berselang seling dengan tempo sesuai yang kita buat.
Daftar Pustaka
http://bloggerstuars.blogspot.com diunduh Tanggal 9 Maret 2012
Gambar berbentuk animasi menjadi suatu bentuk gambar yang sangat menarik untuk dinikmati. Cara pembuatan gambar animasi dalam bentuk file GIF sebenarnya dapat dibuat dengan cara sederhana dan tidak terlalu rumit. Dibutuhkan ketelatenan dalam merangkai beberapa gambar dengan sedikit perbedaan, baik bentuk ataupun warna untuk dipadukan menjadi sebuah gambar yang bergerak dan/atau berubah warna. Melalui bentuk animasi ini kita bisa mendapatkan bentuk gambar yang indah, menarik dan bahkan lucu.
Bagaimana teknik membuatnya? Sebagai langkah awal untuk memahami teknik pembuatan gambar animasi, yang merupakan dasar dari pembuatan gambar animasi kita akan menggunakan Adobe Photoshop yang dipadukan dengan Adobe ImageReady.
Langkah-langkah memahami teknik dasar pembuatan animasi GIF:
-1. Buka Adob Photoshop.
-2. Buat bujur sangkar dengan ukuran 100pixel dengan background transparan. (File-New-width:100pixel-height:100pixel-background:transparent)
-3. Buat bingkai pada kotak tersebut menggunakan Rectangular Marque Tool (M).
-4. Berikan warna hitam pada kotak . (Set foreground color-pilih warna hitam-oke-Paint Bucket Tool-klik di kotak)
-5. Duplikasi kotak hitam menggunakan Duplicate Layer. (klik tanda panah ujung kanan atas menu layer-oke)
-6. Langsung lanjutkan dengan pilih warna biru dan lakukan juga duplikasi. (Set Foreground Color-pilih warna biru-oke-klik di kotak-duplikasi).
-7. Lanjutkan membuat warna hijau dan kuning. (caranya persis membuat warna hitam dan biru)
-8. Ada 4 kotak dengan 4 warna di layer. (ada 4 layer).
-9. Klik ikon mata pada ke-4 layer. Cari Edit Image Ready (Klik File kemudian klik Edit Image Ready atau tekan Shift+Ctrl+M).
10. Sekarang kita sudah masuk pada Adobe ImageReady.
11. Sekarang kita akan membuat animasi dari ke-4 layer yang telah kita buat di Photoshop sebelumnya. Perlu diketahui, inti dari apa yang akan kita lakukan adalah permainan layer.Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi.
12. Tampilkan layer kotak berwarna hitam pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.
13. Lanjutkan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame (klik tanda panah kecil di kanan atas Window Animation) dan sebuah duplikasi dari frame pertama telah terbuat.
14. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna biru dan nonaktifkan layer berwarna hitam.
15. Lakukan seperti langkah tersebut hingga semua warna masuk dalam Windows animation.
16. Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.
17. Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik ikon Plays/stops animation.
Apabila langkah-langkah dilakukan dengan benar, maka setelah play button di klik maka akan terlihat kotak warna yang bergantian muncul berselang seling dengan tempo sesuai yang kita buat.
Daftar Pustaka
http://bloggerstuars.blogspot.com diunduh Tanggal 9 Maret 2012
Postingan
0 komentar:
Posting Komentar