Print
PDF

Membuat Banner Gif Animasi Sederhana dengan Photoshop dan Image Ready

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

 

Powered by Web Agency

Blog webekm.com the ekm.

Download from BIGTheme.net free full premium templates