cara instan membuat animasi gif

1

CARA INSTAN MEMBUAT ANIMASI GIF

Belajar ngebacklink :

http://bandarbacklink.blogspot.com

2013

CARA MEMBUAT

ANIMASI GIF

Bersama Diar Seonubi

https://www.facebook.com/diar.seonubi

2




2013

KATA PENGANTAR

Supaya blog kita keren dikit, enaknya kalo header dipasang banner. Nah, biar blog terkesan

‘ada orangnya’ maka sebaiknya menggunakan slider. Tapinggak semua blog ada fitur

slidernya, atau kalaupun dipasang bakalan repot karena harus pasang kode, siap kopi,

kacang kulit, kue-kue buat selingan selama ngoprek kode slider. Kok banyakan sesajennya

ya? :D

Nah, alternatifnya adalah menggunakan animasi gif. Animasi gif ini bukan cuma buat di

header banner doang, tapi juga bisa buat taro di sidebar blog. Kalo di sidebar blog biasanya

buat iklan biar menarik. Kalo mau liat contohnya, cari aja tuh blog iklan baris, sidebar-nya

kelap-kelip kayak pasar malem :D

Pokoknya, disini akan dibahas sedikit tentang cara bikin animasi gif buat banner di header

blog. Kalo suka silakan dipraktekkan, tapi kalo yang udah jago pake slider mending tidur aja

diatas pohon :D maksudnya jangan godain yang nyubi ...

Salam kenal

Diar Seonubi

Diar Seonubi

3




2013

BAB 1

MEMBUAT BANNER DENGAN MS PAINT

1. Sayangnya, nggak semua orang bisa menggunakan program desain grafis kayak

photoshop, Freehand, Corel, dan lain-lain untuk membuat banner. Apa trus nggak usah

aja bikin banner? Hus! Nggak bisa bukan berarti berhenti. Think .. think .. think ...

Gimana kalo coba pake MS Paint? Hmm .. cupu? Ah, biarin! Yang penting hasil bro! ..

setidaknya kita belajar membuat konsep untuk slide itu bagusnya gambar pertama apa,

gambar kedua apa, dan seterusnya. Ms Paint rata-rata ada di semua komputer. Caranya

klik Start pilih Ms Paint. Kalo nggak ada, biasanya ada di folder asesories ..

4




2013

2. Ini adalah tampilam Ms Paint. Sederhana kan?

3. Mula-mula kita siapkan dulu nih gambar yang akan menjadi slide pertama. Di menu kiri

atas, klik lalu pilih Open

5




2013

4. Pilih deh gambar dari komputer kamu.

5. Ini akan jadi slide pertama kita

6




2013

6. Nah misalkan di slide pertama kita mau bikin tulisan: “Anda butuh backlink?” Caranya

klik ikon huruf A lalu arahkan mouse ke halaman, klik tahan lalu seret kira-kira sebesar

ruang yang cukup untuk teks.

7. Nah, klik mouse pada area yang dikelilingi garis putus-putus. Ketik deh teks yang anda

inginkan. Atur warna dan ukuran huruf. Uuran huruf terbesar adalah 72. Kalau kurang

besar, ketik saja angka misalkan 200.

7




2013

8. Kira-kira ini hasilnya

9. Selanjutnya simpan deh dengan cara klik menu di kiri ata, pilih Save As lalu pilih

formatnya misalnya JPEG

8




2013

10. Simpan di komputer anda dengan nama misalnya slide 1, lalu klik Save di kanan bawah.

11. Kita sudah punya 1 slide, ulangi membuat slide berikutnya dengan langkah yang sama

seperti di atas.

9




2013

BAB 2

RESIZE

1. Nah, kalo resize itu untuk mengubah ukuran gambar. Masih di Microsoft Picture Editor,

pilih menu Picture lalu pilih Resize

2. Sekarang liat di panel sebelah kanan, disini ada petunjuknya. Klik panah naik turun

dengan pengaturan prosentase gambar sampai mendapatkan ukuran yang sesuai. Kalau

misalnya kita hanya mendapatkan ukuran 500 x 165 padahal kita pengen pake ukuran

500 x 150 nah Crop aja, kan tadi sudah dijelaskan cara croping gambar. Okeh? ;)

10




2013

3. Lanjut lagi, setelah Resize, klik tombol OK lalu klik tombol bergambar disket buat Save

alias menyimpan file.

11




2013

BAB 3

CARA CROP GAMBAR

Crop dengan resize itu beda. Crop itu memotong area pada suatu foto atau gambar. Kalo

resize ya mengubah ukuran foto, jadi jangan ketuker ya?

1. Pilih dulu foto yang mau dicrop dari komputer kamu

2. Pada gambar, klik kanan mouse pilih Open With -> Microsoft Picture Manager

12




2013

3. Lihat menu bar Picture di bagian atas, pilih Crop

4. Nanti di sudut-sudut gambar akan muncul tanda siku L kayak gitulah .. lihat gambar di

bawah ini :

5. Nah, tanda siku itu jika di drag (klik tahan seret) maka bisa untuk Croping gambar :

13




2013

6. Terus drag sambil melihat perubahan ukuran gambar di kanan bawah.

7. Kalo udah, klik Ok lalu Save

14




2013

BAB 4

MEMBUAT ANIMASI

Kalau gugling, rata-rata blog membahas cara membuat animasi dengan menggunakan

sofware anu, itu, dan sebagainya. Hmm ... sebetulnya ada cara gratisan yang nggak perlu

nginstall lagi ..

1. Ketik myspacegens.com

2. Klik tulisan Animated GIF Maker

3. Kita akan masuk ke halaman untuk mengatur ukuran hasil animasi, mengatur kecepatan

dan untuk melihat gambar mana saja yang sudah kita upload. Disini ada Select a Size,

Select a Speed, Upload Pictures.

15




2013

4. Klik panah di bawah Select a Size selanjutnya akan muncul beberapa pilihan ukuran

hasil animasi anda. Ukuran disini adalah panjang x lebar. Jadi misalnya anda pilih Avatar

(100 x 75) maka hasil animasi anda akan dibuat menjadi ukuran dengan panjang ke

samping 100 pixel dan tinggi 75 pixel. Saya biasa menggunakan Leave original sizes

dimana ukuran gambar yang saya upload akan sama dengan ukuran hasil animasi

nantinya.

5. Animasi adalah gambar berkelap-kelip. Nah lama waktu perpindahan antara gambar

satu ke gambar berikutnya diatur dalam Select a Speed. Disini satuan kecepatan

animasi dalam ms yaitu mili second. Semakin kecil angka speed maka semakin cepat

kelap-kelipnya. Anda bisa mencoba pilih Normal (500ms) dulu, nanti bisa diedit jika

kurang cepat atau kurang lambat. Atau kalau speed yang dibutuhkan kurang cepat atau

kurang lambat tapi tidak tersedia, klik Custom

6. Setelah klik Custom maka akan muncul box dimana anda bisa masukkan speed yang

anda butuhkan. Disini saya akan membuat animasi gif yang menyerupai slider, agar

sangat lambat maka saya masukkan speed 2000 ms.

16




2013

7. Pada menu Upload Pictures anda bisa mengupload gambar dengan cara klik pada

tombol Add

8. Pilih file dari folder di komputer anda. Jika sudah, klik tombol Open.

17




2013

9. Selanjutnya akan muncul nama gambar yang sudah anda pilih dari komputer anda. Jika

gambar yang anda pilih bukan gambar yang anda inginkan, klik Remove. Tapi jika

gambar yang anda pilih aadalah benar maka klik tombol Upload

10. Tunggu sampai uploading selesai. Untuk file berukuran besar membutuhkan waktu

lebih lama. Jika anda berubah pikiran dan ingin membatalkan uploading gambar, klik

tanda X.

18




2013

11. Jika file anda sudah ter-upload maka akan keluar tulisan Upload successful. Klik saja

tombol OK.

12. Gambar yang anda upload selanjutnya akan muncul di bagian bawah

19




2013

13. Gambar animasi membutuhkan minimal 2 buah gambar. Jadi ulangi upload sebanyak

jumlah gambar yang anda butuhkan.

14. Pada setiap gambar yang sudah diupload ada nomor urutnya. Nomor urut ini adalah

untuk urutan pergantian gambar. Angka kecil berada di depan, jadi misalnya gambar

dengan nomor urut 3 akan muncul sebelum gambar dengan nomor urut 4. Selain

nomor urut, pada tiap gambar juga ada tanda jangkar untuk memindahkan nomor urut

gambar ke nomor urut lain. Misalnya nomor urut gambar 7 ingin dipindahkan ke nomor

4. caranya cuma tinggal klik tahan saja pada gambar jangkar, lalu seret ke gambar yang

akan ditukar posisinya. Disebelah tanda jangkar ada tanda silang yang gunanya untuk

menghapus gambar yang tidak akan dimasukkan ke dalam urutan animasi. Untuk

memindahkan atau menghapus gambar, coba saja, jangan takut salah.

20




2013

15. Jika urutan gambar sudah sesuai, klik tombol Submit dibawahnya. Tombol Reset adalah

jika anda ingin membatalkan semua gambar yang sudah anda upload. Nah, klik saja

tombol Submit.

16. Di bawah tulisan Your Gif adalah preview yaitu tampilan animasi gif anda.

17. Misalkan animasi yang anda buat kurang cepat atau kurang lambat, atau ada gambar

yang ingin anda hilangkan dari urutan animasi, klik tulisan Edit This Gif.

18. Saya merasa animasi yang saya buat kurang cepat, jadi saya turunkan speed yang

tadinya 2000ms menjadi 1700ms

21




2013

19. Kalau sudah, klik lagi tombol Submit untuk kembali ke halaman Preview

20. Cek lagi apakah speed dan urutan gambar sudah sesuai yang kita inginkan? Kalau sudah,

klik tulisan Download Gif

21. Nah sekarang kita akan lihat file yang sudah didownload. Klik Start pada windows lalu

pilih folder Download

22




2013

22. Buka folder download di komputer anda. Nah, misalkan file anda ada banyak, tentu

susah mencarinya. Ada cara mudah untuk mencari file GIF anda. Klik panel opsi di pojok

kanan atas

23. Pilih Details untuk menampilkan rincian tiap file yang ada di folder Download

23




2013

24. Nah tinggal cari file yang berekstensi GIF. Biasanya nama filenya hanya berupa angka

saja.

25. Supaya mudah dicari, saya akan mengganti nama file. Klik kanan mouse pada file lalu

pilih Rename. Ganti dengan nama yang anda inginkan. Saya sendiri akan mengganti

dengan nama Jual Buku.

24




2013

26. Saya sudah menganti nama file saya menjadi Jual buku. Nah untuk melihat tampilan

animasi, klik pada gambar lalu klik kanan mouse dan pilih Open with lalu pilih browser

yang tersedia di komputer anda misalnya Google Chrome atau Mozilla Firefox atau

Internet Explorer.

27. Ini adalah tampilan animasi pada browser

25




2013

BAB 5

MENGUBAH UKURAN GAMBAR

Apakah gambar animasi bisa diubah ukurannya? Tidak. Kalau diubah ukurannya maka efek

kelap-kelapnya hilang karena layernya dihitung menjadi satu. Jadi, sebelum membuat

animasi gif, pastikan dulu berapa ukuran yang dibutuhkan.

Okeh sekian dulu tutorial kali ini .. selamat mencoba!

26




2013

PENUTUP

Tadi kita udah ngebahas soal cara bikin animasi gif buat banner di blog kamu biar keren dikit

.. .dikit aja, jangan banyak-banyak ntar keselek :D

Nah sekarang supaya blog kamu bisa serp alias muncul di halaman 1 gugel kan butuh

backlink. Di sekitar kita buanyaak banget sumber backlink. Buat yang masih belum tau

caranya, bisa mampir ke blog saya, alamatnya ada di footer ebook ini. Nantinya web saya

ada di http://seonubi.com tapi kebetulan web saya belum siap karena susah bagi waktunya.

Saat ini saya masih bekerja di suatu perusahaan wisata, saya bagian bikin isi web dari

dokumentasi foto, wawancara di lapangan buat ngumpulin data, nulis artikel, permak foto

pake sotosop .. eh, photoshop, selanjutnya optimasi deh. Semuanya saya kerjakan sendirian,

ciyus ... sendirian.

Loh kok jadi curhat? ... yah, pokoknya ke tekapeh aja gan ..

cara instan membuat animasi gif

Documents