Popular Posts

Pengikut

Diberdayakan oleh Blogger.
RSS

Pages

Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

TIPSNTRICK.net - Berikut ini akan saya kasih tips dan bisa dicoba Cara membuat banner gif animasi sederhana dengan menggunakan Adobe Photoshop dan Adobe Image Ready. Tidah susah untuk diikuti tapi yang jelas kedua software yang saya sebutkan tadi sudah terinstall di komputer kalian.
Langkah 1
Buka Program Adobe Photoshop, kemudian buat project baru dengan dimensi 468x60
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready
Langkah 2
Kemudian tambahkan text dengan warna #086ca0 dan tambahkan warna pada background #f6e025
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Langkah 3
Duplikasi layer text letakkan pada posisi layer paling atas / depan
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Langkah 4
Tambahkan efek layer style > Outer Glow, dengan warna #ffffff , Spread : 25 , Size : 13
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Langkah 5
Duplikasi layer atau Ulangi Langkah 3 dan Langkah 4 tetapi ubah untuk nilai spread dan size menjadi Spread : 30, size : 18 dan ubah warna text agar terjadi lebih terlihat perbedaannya menadi #1188c6
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Langkah 6
Kemudian berpindah ke aplikasi Image Ready (IR), untuk langkah ini biarkankan photoshop terbuka ( jangan menutup aplikasi ), cara berpindah ke IR, klik pada menu File > Edit in ImageReady
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Langkah 7
Saat ini berarti ada 2 aplikasi yang terbuka yaitu Photoshop dan Image Ready. Ditampilkan panel seperti terlihat pada gambar, panel gambar,panel layer (kanan), dan panel animation.(bawah)
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Langkah 8
Langkah selanjutnya pada panel animation, tambahkan beberapa layer dengan cara menekan tombol add layer seperti pada gambar, tambah 3 layer lagi, sehingga nantinya akan tampil 4 layer
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Langkah 9
Kemudian set antara layer animation dengan layer yang ada di sebelah kanan, langkah ini sangat penting karena akan berpengaruh pada tampilan pergantian gambar pada gif animasi. Pada Layer 1 animation ( bawah ) = semua layer gambar ( kanan ) aktif.
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Kemudian berganti ke layer 2 animation ( bawah ) = layer gambar 1 di sembunyikan ( tidak ditampilkan )
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready
Dan seterusnya hingga semua layer. Tujuannya adalah agar dalam hasil akhir didapatkan pergantian gambar yang berbeda.

Langkah 8
Kemudian langkah selanjutnya konfigurasi waktu delay untuk tiap pergantian. caranya anda bisa buat satu per satu atau pilih semua secara bersamaan, kemudian set waktu sesuai keinginan
Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

Langkah 8
Kemudian untuk proses pembuatan selesai, anda bisa mencoba melihat hasilnya dengan menekan tombol play pada panel animation, dan menyimpan dalam format Gif Animasi dengan cara File > Save Optimized  as dan pilih berformat gif
Hasil dapat dilihat :
Selesai

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar