Oleh: anurachman | Juli 21, 2009

Membuat Animasi Web Banner

Jika kita sering browsing internet dan membuka situs, kita tentu akan sering menemukan iklan-iklan dalam bentuk banner. Tampilan banner iklan tersebut biasanya cukup menarik. Tidak sedikit pula yang menggunakan model animasi untuk banner tersebut.

Kita bisa membuat sendiri animasi banner untuk website. Hal ini karena pembuatannya relative mudah. Adibe photoshop pun dapat kita gunakan untuk membuatnya. sebab dalam photoshop telah terdapat fitur pembuatan animasi, baik untuk teks maupun gambar, meskipun hanya terbatas pada pembuatan animasi sederhana.

Membuat animasi web banner dengan photoshop cukup mudah. Berikut langkah-langkah yang dapat kita lakukan. Sebagai catatan, saya menggunakan Adobe Photoshop CS4 dalam membuat tutorial ini.

Langkah 1

Buka file baru pada photoshop. Spesifikasi file dapat disesuaikan dengan keinginan. Di sini saya membuat file baru dengan ukuran 400 x 200 pixel dengan resolusi 72 px/inch.

Langkah 2

Berikan warna hitam pada file tersebut dengan menggunakan menu EDIT > Fill.

Langkah 3

Buat tulisan yang anda inginkan dengan menggunakan Type Tool. Jenis dan ukuran Font. Serta warna tulisan dapat anda sesuaikan sendiri.

Langkah 4

Berikan efek blending pada tulisan yang baru kita buat. Efek yang kita berikan adalah Bevel and Emboss, Contour, dan color overlay. Spesifikasi dari efek tersebut terlihat seperti berikut:

Langkah 5

Pada tool box, pilih dan klik icon brush tool. Kemudian pilihlah bentuk bintang serta ukuran brush seperti pada gambar.

Buat layer baru dan letakkan layer tersebut di bawah layer tulisan. Sapukan  brush sehingga terbentuk gambar seperti berikut:

Langkah 6

Buka jendela animasi dengan memilih menu utama WINDOW>>Animation. Pada layer pallet, ubah opacity layer baru dengan angka yang kecil (di sini saya menggunakan angka 13%). Kemudian klik icon duplicate frame di bawah jendela animasi.

Langkah 7

Kembalikan opacity menjadi 100%. Kemudian klik icon tweens animation frame. Pada bagian frame to add, berikan jumlah frame yang ingin anda tambahkan.

Hasilnya, kita akan mendapatkan jumlah frame yang kita inginkan. Jika kita menekan tombol play, maka animasi tersebut akan berjalan dengan cepat. Untuk mengatur kecepatannya, klik pada bagian  select frame delay time, lalu ubah sesuai keinginan.

Jadilah animasi web banner yang kita inginkan.


Responses

  1. hadeeww…bikin nya susah-susah gampang ya..


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Kategori

%d blogger menyukai ini: