Desember 28, 2011

Membuat Animasi GIF Untuk Tampilan WEB


Melanjutkan artikel Cara Mudah Membuat Gambar/Text Animasi 3 Dimensi. Kali ini saya akan uraikan bagaimana membuat animasi format .gif untuk dipasang di blog/WEB dengan menggunakan aplikasi bantu MAGIX 3D Maker. Tapi sebelum pada inti permasalahan saya sarankan anda harus mendownload  dulu aplikasi MAGIX 3D Maker, agar artikel ini dapat langsung kalian praktekkan.
Oke langsung saja pada pokok permasalahan. Pertama jalankan aplikasi MAGIX 3D Maker, tampilannya seperti ini :
Lalu buat sebuah animasi dan saya akan coba uraikan cara membuat animasi yang default aja yaitu dengan cara klik File> Open> Program File> MAGIC> 3D_Maker_Download_Version > Samples> Screensavers>. Saya akan pilih model Alien,  hasilnya seperti ini :
Setelah anda edit seperlunya lalu simpan hasil karya anda dengan format .gif, dengan cara klik File> Export Animation> Tentukan save in untuk penentuan lokasi simpan> Isi Nama File dan Save as Type pilih GIF (*gif) terakhir klik Save.
Langkah pertama selesai, sekarang animasi tersebut tinggal kita upload ke WEB yang menyediakan sharing photo. Kita upload yang free/gratis saja, misalnya Photobucket. Dan anda harus Register/Daftar dulu ke penyedia situs Photobucket. Untuk Register klik disini, nanti anda akan masuk ke halaman seperti ini :

Klik Sign up untuk Register Free, isi data-data yang disediakan dan klik Sign me up! :

Pada tampilan ini klik No, thanks karena itu untuk pilihan yang gratis

Klik Cancel atau Close saja

Sekarang klik Upload now untuk memasukkan animasi yang telah anda buat tadi!

Klik Select photos and videos dan cari animasi yang telah anda buat lalu klik Open

Tunggu beberapa saat. Upload telah sukses lalu klik Save and continue to my album

Selanjutnya sorot animasi yang baru saja di upload maka akan tampil seperti ini :

Disitu ada Email & IM – Direct link – HTML code – IMG code, itu semua merupakan kode-kode penting yang nantinya buat kebutuhan anda untuk dipasang di blog/WEB.
Oke selanjutnya tehnik untuk mengambil kode HTML supaya  animasi yang telah kita buat bisa disimpan pada halaman blog/WEB. Anda hanya membutuhkan kode HTML berikut :
|
<a href=http://onesetia82.wordpress.com/target="_blank"><img
src=http://i1098.photobucket.com/albums/g376/onesetia82/1-2.gif
alt=""width="250"height="100"class="alignleft size-full wp-image-1805"/></a>
|
Keterangan Kode :
|
<a href=[alamat anda]target="_blank"><img
src=[Direct links dari Photobucket]
alt=""width="[lebar]"height="[tinggi]"class="alignleft size-full wp-image-1805"/></a>
|
Terakhir tinggal Copy/Paste kode HTML tersebut pada Page/Halaman HTML Blog/WEB anda. Semoga bermanfaat .


sumber