Cara buat banner bergerak

12.01
Assalamu'alaikum wr..wb !
SHARING404.NET | Pada kesempatan kali ini saya akan mencoba berbagi sedikit tutorial Photoshop, yaitu cara membuat banner bergerak menggunakan photoshop. Untuk demonya bisa langsung lihat seperti dibawah ini :

Alt/Text Gambar


Nah, langkah yang pertama yang harus anda lakukan adalah mempersiapkan beberapa gambar yang kemudian kita gunakan untuk membuat banner bergerak seperti diatas, banner diatas tersebut saya buat dengan 3 gambar ini :

Cara buat banner bergerak

Cara buat banner bergerak

Cara buat banner bergerak

Nah, seperti gambar diatas, pertama kita design dulu beberapa gambar dengan sedikit berbeda, fungsinya agar nanti setelah kita jadikan animasi gambar itu terlihat efek bergerak. Jika sudah, langsung saja kita buka software Photoshop nya, bisa semua versi, kemudian klik pada menu File » Script » Load Files Intostack dan tekan Ok. seperti gambar dibawah ini :


Cara buat banner bergerak

Selanjutnya anda klik Browser dan pilih gambar yang telah anda design tadi seperti 3 gambar diatas tadi, dan kemudian klik Ok, untuk selanjutnya anda klik pada menu Windows » Animations,  maka akan muncul seperti ini :


Cara buat banner bergerak

Jika sudah seperti gambar diatas, selanjutnya anda klik pada icon tanda panah kebawah yang ada dipojok kanan animations tersebut dan pilih Make frames from layer, seperti pada gambar dibawah ini :


Cara buat banner bergerak

Nah, kemudian dari 3 gambar tersebut sudah masuk kemenu animations tersebut, kemudian coba anda klik icon play, coba anda lihat gambar yang anda pakai tadi sudah mulai bergerak belum, jika sudah bergerak kemudian anda pause dulu dan atur waktu pada masing-masing gambar tersebut, klik  pada icon tanda panah kebawah tersebut, seperti pada gambar dibawah ini :

Cara buat banner bergerak


Jika setting waktunya telah sesuai dengan keinginan anda, maka langkah selanjutnya yang harus anda lakukan adalah menyimpan gambar tersebut menjadi format GIF, dengan cara klik menu File » Save for Web & Devices dan klik ok kemudian klik simpan. Maka banner bergerak andapun sudah selesai.

Hanya sekian yang dapat saya share pada pertemuan kali ini, semoga bisa membantu dan bermanfaat, dan jangan lupa berkunjung kembali dilain waktu, karena SHARING404.NET akan selalu mengupdate beragam tutorial dan informasi menarik lainnya. Jika ada pertanyaan silahkan anda bertanya pada kolom komentar.
Terimakasih


Artikel Lainnya

Previous
Next Post »
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar