Membuat Animasi GIF Untuk Tampilan WEB

24 Agustus 2011 20 Komentar

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 . . . !

Baca Artikel Lain :

About these ads

Disimpan dalam Tutorial Dikaitkatakan dengan , , ,

Perihal onesetia82
Blog sederhana ini berisi tentang berbagai informasi yang hubungannya dengan Software dan Aplikasi Komputer, Tips dan Tricks, Tutorial, serta Info menarik lainnya. Ma'af jika dalam pembenahan bahasa dan susunan kata pada setiap artikel kurang layak dibaca, karena hanya Sekedar Menuruti Kata Hati . . . Selengkapnya ==>

20 Tanggapan untuk Membuat Animasi GIF Untuk Tampilan WEB

← Komentar terdahulu

  1. Ping-balik: Bacaan Menarik « SUPRIYANTO Blog

  2. Ping-balik: TUTORIAL | MULTIMEDIA DESIGN

  3. Adraya mengatakan:
    21 Januari 2013 pada 23:47

    Wah, mantab nih…

    Balas
← Komentar terdahulu

Beri Komentar Seikhlasnya Saja ==>

Fill in your details below or click an icon to log in:

Gravatar
WordPress.com Logo

You are commenting using your WordPress.com account. ( Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. ( Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. ( Log Out / Ubah )

Batal

Connecting to %s

%d bloggers like this: