Langkah Mudah Membuat Banner Animasi

1 Bintang2 Bintang3 Bintang4 Bintang5 Bintang (oleh 1 orang, rata-rata 2,00 dari 5)
Follow sejutablog on Twitter
Data Halaman Blog:
» Ditulis hari Selasa, 11 November 2008 oleh romeoarjuna
» Kategori: Tak Berkategori, Tutorial, Tips & Trik
» Telah 8.016 kali dibaca
Topik Sejenis:
Berikan Komentar!
» Sudah ada 17 komentar
» Ayo berikan pendapat Kamu
» Komentar dalam RSS
Mau $125 dalam 24 jam?
Hanya butuh waktu beberapa menit untuk membangun bisnis online Anda sendiri, lakukan sekarang juga!.

E-Mail Anda:

Masukkan Kode:

Salah satu cara untuk membuat orang meng-klik suatu link pada sebuah website adalah dengan memasang banner animasi. Banyak cara dengan menggunakan bantuan software untuk membuat Banner animasi. Bisa dengan Flash maupun gif animator. Yang akan kami sharingkan disini, adalah langkah-langkah membuat ‘Banner Animasi’ mudah dan sederhana dengan bantuan Adobe Photoshop.

Membuat Banner Animasi 468×60 pixel

1. Buka Adobe Photoshop
2. Klik File > New atau (Ctrl+N)

4. Hasilnya adalah sebagai beriku, ukuran kanvas 468 x 60 pixel

3. Langkah Selanjutnya adalah memilih  latar belakang/background. Cara paling mudah adalah memanfaatkan scan dari cover buku, majalah, gambar yang kira-kira cocok dengan yang kita inginkan. Nanti kita lihat hasilnya..
4. Open File > Nama File Hsil Gambar Scan Cover buku/majalah
Contoh yang backgroundnya bagus seperti berikut :

Gambar dikecilkan dari aslinya, perhatikan gradasi warna biru, gambar warna-warni yang nanti bisa kita olah untuk kita jadikan warna latar banner, kita bisa scan macam-macam cover buku yang kita inginkan/sesuai selera kita.

5. Didalam Lembar Kerja kita ada dua image/gambar, kanvas ukuran 468×60 dan ‘gambar hasil scan’ kita.
Selanjutnya, drag/geser ‘gambar hasil scan’ menggunakan Move Tool(V) ke dalam kanvas banner kita.

Latar belakang/background masih kasar dan pecah-pecah dari hasil scan.

6. langkah selanjutnya, kita perhalus background imagenya, dengan jalan kita blur

Hasilnya, gambar latar lebih ’smooth’ dan ‘eye catching’, bisa di rubah-rubah tingkat/parameter blur-nya

. Langkah Selanjutnya mengisi text/tulisannya

8. Langkah selanjutnya, jump to image ready

Tampilan di Image Ready

9. Drag/Geser Frame 1 pada tab Animation ke Duplicate buton, atau bisa juga pastikan Fram 1 tersortir baru kemudian klik Duplicate current Frame, sehingga terdapat Frame 1 dan Frame 2. Banyaknya Frame bisa disesuaikan dengan kebutuhan banyaknya animasi yang dibuat. Terdapat 3 layer , Layer 1 Background gambar; Layer 2 Tulisan Sejutaweb.com (Warna text ‘Sejuta‘ warna Orange) , Layer 3 Tulisan Sejutaweb.com(Warna ‘Sejuta‘ sudah kita rubah menjadi warna Putih)

10. Atur Indicate Layer Visibility dari masing-masing Frame, jika ‘Gambar Mata’ aktif berarti layer aktif/tampil, jika tidak terdapat ‘gambar mata’ berarti gambardi kanvas tidak tampil/off

11. Atur Indicate Masing-masing Frame dengan Layer visibility yang berbeda-beda
untuk Frame 1 Layer Sejutaweb.com copy yang aktif atau sebaliknya

untuk Frame 2 Layer Sejutaweb.com yang aktif atau sebaliknya

Langkah selanjutnya, atur durasi waktu masing-masing frame sesuai dengan keinginan

12. langkah terakhir, test animasi dengan tombol play. Setelah disesuaikan sana-sini sesuai dengan kebutuhan dan selera, Tinggal kita save optimise, dengan extensi .gif

Cukup Mudah bukan, Selamat mencoba dan dengan dikembangkan dengan model-model yang lain.

Dapatkan tiket kesempatan meraih hingga ribuan dollar per-bulan hanya dari berjualan domain!

Baca artikel tentang menjalankan Bisnis Jual Domain bersama Global Domains International untuk penjelasan lebih detail.

Jika kamu suka dengan tulisan ini silakan Berikan Pendapatmu!. Pantau terus perubahan dan lanjutan dari halaman blog ini dengan cara Berlangganan RSS.


17 Komentar pada Langkah Mudah Membuat Banner Animasi

  1. mcprassy mcprassy

    wah bagus infonya

  2. rizal zulfikar rizal zulfikar

    ulasan banner ini sangat membantu sekali dengan apa yg sedang saya kerjakan, pokoknya thank berat yahh….

  3. erwinyustiawan erwinyustiawan

    wah saya ga ngerti potoshop..tp ada ga ya buat banner instan yang bagus??

  4. ricky ricky

    manatap n kren tutorial nya

  5. Apud Apud

    Wah bagus banget blognya, terus artikelnya sangat berguna, thanks ya bos

  6. Hobert Noya Hobert Noya

    Thanks ya Bro.. :)
    Mau dicoba dulu..

  7. jafar jafar

    siip..

    klo mw download software2,
    langsung aja ke my blog..
    da juga informasi tentang komputer,

  8. cahaya cahaya

    asslmkm,,,
    artikel yang bagus,,, thanks ya,,, ini sangat berguna buatku yang lg belajar ngeblog…
    thanks

  9. CORI CORI

    Alhamdulillah,mendapat pencerahan hari ini.terimakasih yah…!!!

  10. pasang iklan murah pasang iklan murah

    kok aku gak berhasil ya? setelah di upload. Gimana sich….

  11. unksenna unksenna

    saya lebih suka dg cara ini, lebih bebas berekspresi drpd menggunakan sofware yang sudah ada.

  12. Master Hipnotis Master Hipnotis

    Terimakasih informasinya. Ini sangat berguna untuk buat banner di website MasterHipnotis kami.

  13. susi sulastri susi sulastri

    untuk hyperling atau link targetnya gi mana neh ?

  14. susi sulastri susi sulastri

    banner saya udah jadi trus saya letakan pada blog saya ekh pas di klik kok link nya ke :

    http://4.bp.blogspot.com/_Jc9niq1J3UA/SvzpBRG7qI/AAAAAAAAAGg/nF5GIQfUftY/s1600-h/banner.gif

    bukanya ke link yang saya tujukan wah in letak kekeliruannya di mana neh?

    hormat saya
    susi

  15. Randy Hawai Randy Hawai

    wah keren neh.. bisa langsung praktek.. thx bro.. keep update yah.. ^_^

  16. mamank mamank

    thanks to nambah ilmu bos

  17. XXX 18 + XXX 18 +

    i like

Dapatkan Domain Gratis .co.cc sekarang juga!.

Berikan Komentar

Web Hosting
Komunitas Blog dan Blogger Indonesia