Membuat banner Animasi

Membuat Banner Animasi 468×60 pixel
1. Buka Adobe Photoshop
2. Klik File > New atau (Ctrl+N)

Blog dengan ID 134100 Tidak ada

Hasilnya adalah sebagai berikut, ukuran kanvas 468 x 60 pixel

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..
Blog dengan ID 120406 Tidak ada
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.

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

Langkah selanjutnya, jump to image ready

Tampilan di Image Ready

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)

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

Atur Indicate Masing-masing Frame dengan Layer visibility yang berbeda-beda

untuk Frame 1 Layer Sejutaweb.com copy yang aktif atau sebaliknya

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

 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.

Facebook comments for blogger brought to you by http://www.whizkey.co.cc/