Multimedia Comunity

Cara Membuat Gambar Animasi dengan Berbagai Macam Gerak

Setelah sebelumnya kita mencoba membuat gambar kipas angin atau baling-baling animasi dan gambar animasi lingkaran berputar yang menyerupai gambar loading, maka kali ini saya akan mencoba menjelaskan cara membuat gambar animasi dengan pergerakan gambar menuju kedalam dan keluar media seperti pada contoh gambar animasi diatas.

Apakah anda tertarik untuk mencoba membuat sendiri gambar animasi seperti diatas??

Silahkan ikuti langkah-langkah dibawah :

1. Persiapkan sebuah gambar pada netbook/computer anda yang akan dijadikan gambar animasi. Dalam hal ini, anda bisa memakai gambar dengan pola lingkaran seperti pada gambar yang saya pakai, atau gambar persegi empat (terserah anda).

Gbr.1

2. Crop/potong gambar tersebut menjadi 4 bagian seperti pada gambar dibawah.

Gbr.2

Untuk meng-crop/memotong gambar tersebut, anda bisa memanfaatkan Microsoft Office Picture Manager, software bawaan netbook/computer anda. Atau anda juga bisa menggunakan software lain yang biasa anda gunakan untuk mengedit photo.

3. Setelah langkah no.2 selesai anda lakukan, selanjutnya buka aplikasi Macromedia Flash anda. Pada halaman yang muncul, klik Flash Document pada bagian Create New.

Gbr.3

4. Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard netbook/computer anda, sehingga muncul halaman seperti gambar dibawah. Selanjutnya klik kolom ukuran default.

Gbr.4

Pada halaman Document Properties seperti gambar no.4 diatas, ganti ukuran default sesuai dengan ukuran gambar yang telah anda persiapkan pada langkah no.1 diatas.(contoh 130×130 px). Selanjutnya klik OK.

Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.

5. Tambahkan 3 Layer baru dengan mengklik tanda yang terletak disudut kiri bawah halaman Layer, sehingga jumlah Layer menjadi 4.

Gbr.5

6. Selanjutnya, klik kanan pada Layer 1 dan pada Layer Properties ganti nama Layer 1 menjadi potongan 1.

Gbr.6

Lakukan hal yang sama terhadap 3 Layer lainnya.

7. Setelah langkah no.6 diatas selesai anda lakukan, selanjutnya klik pada Layer potongan 1, kemudian masukkan gambar potongan 1 yang telah anda persiapkan pada langkah no.2 diatas. Caranya klik Menu File–>Import–>Import to Stage.. atau tekan Ctrl+R pada keyboard anda. Geser/letakkan gambar tersebut seperti pada gambar dibawah.

Gbr.7

Selanjutnya, klik pada Layer potongan 2, kemudian masukkan gambar potongan 2.

Lakukan langkah seperti diatas terhadap Layer potongan 3 dan 4dengan letak gambar masing-masing potongan seperti pada gambar dibawah.

Gbr.8

8. Langkah berikutnya, klik dibawah angka Frame 20 pada Layer potongan 1 kemudian tekan F6 pada keyboard anda. Selanjutnya klik kanan dibawah angka frame 10 kemudian pilih Create Motion Tween.

Klik dibawah angka Frame 20 lagi, kemudian geser gambar potongan 1keatas media. (Untuk penggeseran sempurna, tekan tombol arah panan à sambil menekan tombol huruf V pada keyboard)

Gbr.9

9. Lakukan hal yang sama seperti langkah diatas terhadap ke-3 Layer lainnya yaitu Layer potongan 2 pada angka Frame 40

Layer potongan 3 pada angka Frame 60

Layer potongan 4 pada angka Frame 80

Sehingga hasilnya akan tampak seperti gambar dibawah.

Gbr.10

10. Langkah selanjutnya, klik dibawah angka frame 1 pada Layer potongan 2, kemudian tarik/geser garis tersebut dan letakkan sejajar dengan angka frame 20 Layer potongan 1.

Gbr.11

Lakukan hal yang sama terhadap Layer potongan 3 dan 4. (Perhatikan gambar 12 dibawah).

Gbr.12

11. Selanjutnya klik dibawah angka frame 85 pada Layer potongan 4,kemudian tekan F6 pada keyboard.

Lakukan hal yang sama terhadap Layer potongan 3, 2, dan 1.

Tekan Ctrl+ENTER untuk melihat hasilnya. Untuk membuat Gambar Animasi bergerak yang lainnya, silahkan gunakan imajinasi anda dengan memperhatikan animasi-animasi pada blog atau pada situs animasi yang telah anda kunjungi.

12. Untuk menyimpan gambar animasi tersebut, silahkan klik File–>Export–>Export Movie

Simpan dengan type Animated GIF(*.gif) atau Flash Movie(*.swf).

SELAMAT BERIMAJINASI.

Tutorial Cara buat Animasi (gif) Dengan CorelDRAW

Sebenarnya Corel Draw tidak bisa untuk membuat Animasi, tapi biar keren saya buat judul seperti diatas. dan aplikasi yang kita gunakan adalah Corel Photo Paint (merupakan bagian Corel Draw Graphics Suite) adalah aplikasi yang akan kita gunakan untuk membuat gambar animasi yang bergerak (penulis menggunakan Corel Photo Paint X5). Biasanya di komputer kita Corel Photo Paint ini sudah tersedia karena aplikasi ini merupakan standar yang paling popular disamping Adobe Photoshop, jadi gak perlu lagi download. Tapi kalau belum punya, cobalah cari aplikasinya di Google. kalau sudah ketemu instal semua Corel Draw Graphics Suite maka Corel Photo Paint otomatis akan ikut terinstal.

Pertama siapkan beberapa gambar yang kita buat di Corel Draw yang nantinya akan digabungkan menjadi satu atau sampeyan bisa Setting desain langsung di Corel Photo Paint atau CorelDRAW

Sebagai contoh kita buat gambar seperti dibawah ini;

Untuk mempermudah proses belajar dan agar tidak merepotkan. sampeyan bisa copy contoh beberapa gambar yang belum di gabungkan di link berikut ini:

[Gambar 1], [Gambar 2], [Gambar 3], [Gambar 4], [Gambar 5]

Setelah itu, buka aplikasi Corel PHOTO-PAINT X5. (atau versi lain yang ada di komputer sampeyan)

Pilih New dan akan muncul tampilan seperti ini:

Keterangan:

Size (ukuran gambar) = pilih Custom, kalau Anda menginginkan ukuran yang sesuai. Untuk width = 200

dan untuk height = 195. Ukuran ini adalah ukuran yang sesuai dengan ukuran gambar yang saya siapkan.

Satuan size (satuan ukuran gambar) = pilih pixels

Resolution = pilih 72 (untuk meminimalisir besarnya size)

Background color (warna latar) = pilih warna putih

Color mode = 24-bit RGB

Number of frames = ketik 5 (jumlah gambar yang akan di gabungkan).

Setelah itu klik OK.

Kemudian akan muncul tampilan seperti ini:

Lalu isi setiap halaman dengan gambar yang telah di sediakan atau sampeyan bisa membuat langsung gambarnya di halaman tersebut. Untuk menempel (Paste) gambar yang telah disediakan harus berhati-hati. Karena kalau terjadi kesalahan semua halaman akan menjadi gambar sama.

Cara meletakkan gambar:

Copy gambar yang ingin di tempel Lalu klik menu Edit --> Paste

Paste memiliki beberapa pilihan yaitu:

Paste As New Object (itu berarti sampeyan menempel gambar pada setiap halaman, yang ini harus dihindari).

Paste As New Selection (itu berarti sampeyan menempel gambar pada satu halaman saja, dan inilah yang

harus Anda pilih).

New From Clipboard (menempel dan merubah halaman menjadi satu halaman saja. Ini juga harus dihindari). Penting ! setelah sampeyan mem-paste dengan Paste As New Selection, sampeyan harus mengklik bagian luar dari halaman (bagian luar gambar) agar gambar tidak muncul pada semua halaman. Area yang berwarna abu-abu adalah area diluar halaman. Klik (lakukan dengan sengaja) pada area tersebut agar gambar yang sama nantinya tidak muncul pada semua halaman. Lakukan beberapa kali agar tidak terjadi kesalahan. Karena kalau hanya sekali saja mengklik, ada kemungkinan gambar akan muncul di semua halaman.

Setelah sampeyan yakin sudah meng-klik dengan benar, barulah dapat dilanjutkan ke halaman berikutnya dengan klik tab seperti gambar dibawah ini yang dilingkar merah.

Setelah semua gambar dimasukkan, save file tersebut dengan save as type GIFAnimation, lalu klik Save.

Kemudian akan muncul window seperti ini:

Keterangan:

Palette = pilih optimized (agar kualitas gambar bagus)

Lalu klik OK.

Setelah itu akan muncul lagi sebuah jendela Animasi Options. Beri centang "Loop Frame", kemudian pilih "Forever" untuk fitur animasi terus bergerak.

Klik OK, selesai…!!!

File akan muncul dengan nama Untitled-1 di tempat sampeyan menyimpannya.

Contoh hasil Animasi akan seperti ini;

REFRENSI :

http://asmabintang12.blogspot.com/2012/05/tutorial-cara-buat-animasi-gif-dengan.html

CARA MEMBUAT ANIMASI DENGAN ADOBE FLASH

Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player.
Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5. Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama......

FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.

Disini saya berikan beberapa Konsep-konsep dan contoh Animasi Untuk latihan yang dapat anda Download ...

Frame By Frame

2. Motion Guide

3. Motion Tween

4. Shape Tween

Sumber : http://tkjriki.blogspot.com/2009/03/cara-membuat-animasi-dengan-adobe-flash.html

5 Tutorial Cara Membuat Animasi 3D

Animasi 3D menjadi semakin populer sebagai subjek untuk seniman digital, sebagian besar disebabkan oleh fasilitas yang semakin mudah untuk menciptakan karya animasi 3D kemudian ditambah kebutuhan publik akan animasi 3D semakin hari semakin meningkat. Adapun software yang paling dikenal saat ini untuk mengolah animasi 3D seperti 3D Studio Max, Blender, After Effect Cinema 4D dan Maya. Berikut ada 5 Tutorial Animasi 3D yang telah kami kumpulkan. selamat menikmati
1. Young Rodeo Tutorial > Lihat tutorial