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
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
2013
4. Pilih deh gambar dari komputer kamu.
5. Ini akan jadi slide pertama kita
6
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
2013
3. Lanjut lagi, setelah Resize, klik tombol OK lalu klik tombol bergambar disket buat Save
alias menyimpan file.
11
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
2013
6. Terus drag sambil melihat perubahan ukuran gambar di kanan bawah.
7. Kalo udah, klik Ok lalu Save
14
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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
CARA INSTAN MEMBUAT ANIMASI GIF
Belajar ngebacklink :
http://bandarbacklink.blogspot.com
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 ..