Tutorial: Membuat Banner Menjadi Bergerak...


Setelah sebulumnya aq ngasi' Tutorial: "Membuat Banner Dengan Photoshop", dan kali ini aq mo ngelanjutin tutorial q supaya banner nya bergerak pake software Easy Gif Animator, sobat blom punya software nya?? bisa dimari klik disini......


Klo udah siap softwarenya, mari ikuti langkah-langkahnya....



  • Siapkan folder kosong, lalu ke photoshop yang tadi jangan ditutup...

  • Sekarang kita akan bermain-main dengan layer "Banner", klik 2x pada layer "Banner" yang ada di sebelah kanan, lalu tandai dengan mengedrag "B"

  • Selanjutnya warnai huruf "B" yang telah di drag tadi ubah dengan memberi warna merah (warna lain juga boleh)




  •  lalu simpan di folder yang telah disiapkan tadi, ingat simpannya pake format jpeg ya, setelah itu gantian yang di drag sekarang huruf "n" yang pertama ya, lalu ganti warnaya dengan warna yang sama, contoh q dengan warna merah, lalu simpan dengan format jpeg....



  • Sekarang giliran huruf "e" sama seperti langkah yang diatas ya, simpan dengan format jpeg....

  • Setelah itu, kembalikan warna huruf "B" dan "n" yang pertama seperti warna semula, tapi warna huruf "e" nya tetap (catatan: supaya mudah mengembalikannya lihat sebelah kanan ada "History" lalu delete seperti semula), lalu beri warna huruf "e" dengan warna merah dan huruf "a" juga dengan warna merah, lalu simpan...




  • Lalu kembalikan warna  huruf "e" seperti asalnya yaitu warna biru, huruf "a" masih tetap warna merah, lalu simpan....



  • Lalu tambahkan dengan memberi warna merah pada huruf "n" yang kedua, lalu simpan



  • Warna pada huruf "n" yang kedua tetap merah, lalu ganti warna dari huruf "r" menjadi warna merah, lalu simpan....



  • Lalu sekarang yang diberi warna merah hanya huruf "r", lalu simpan

  • Selanjutnya yang berwarna merah hanya huruf "e", lalu simpan

  • Setelah itu huruf "n" yang kedua di beri warna merah, lalu simpan...

  • Lalu huruf "n" yang pertama yang diberi warna merah... jangan lupa disimpan pake format jpeg...

  • Sekarang giliran huruf "a" yang diberi warna merah, lalu simpan


  • Dan terakhir huruf "B" beri warna merah lalu simpan...

  • Sebenarnya udah selesai buat gambarnya, tapi aq beri sentuhan sedikit, pilih layer "Banner" warnanya jadikan semula semua yaitu warna biru, lalu perbesar sedikit.....

  • Lalu beri warna merah semuanya....

  • Ulangi lagi...



  • Yang diberi merah juga diulangi lagi....

  • Okay semua udah rampung gambarnya, sekarang semua gambar yang telah disimpan dari folder yang telah disiapkan tadi drag satu persatu ke software Easy Gif Animator....

  • Setelah di drag semua, atur waktu atau kecepatan gambarnya sehingga hasilnya seperti di bawah ini....

  • Klo kurang bagus di atur-atur aja gambarnya supaya lebih bagus...

Klo udah jadi bisa dibuat untuk tukeran link ato buat iklan di situs laen... Caranya: banner yang udah jadi berbentuk .gif lalu di upload pake photobucket contohnya, setelah di upload bannernya, nanti dapat skript ada 4 pilihan pilih Direct Link, klik aja sekali pada kotak skriptnya, lalu masukkan skript yang dari Direct Link photobucket tadi ke skript dibawah ini...

<a href="nama url dari blog atau situs sobat" target="_blank" title=""><img alt="" src="nama Direct Link dari photobucket dari banner yang udah di upload"></a>

Di bawah ini contoh-contoh banner....

<a href="http://fx-sharedownload.blogspot.com/" target="_blank" title=""><img alt="" src="http://i1233.photobucket.com/albums/ff398/syenimargaretha/ok10.gif" /></a>



<a href="http://fx-teknikomputer.blogspot.com/" target='_blank' title=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAsJofQWHPI0Js4wn9UFwGz7P322iiNtEHSwNAkzLchyphenhyphenBT30hIH1RwIGES6-aqIHusvel7wjwkhNRDpyD7dspU4PTa7yw5quxTSGEAcSTIGRj5pJsB2Q4yYd8kRTbZZEJ4z0uoChfFDrd/s286/banner.gif"/></a>


<a href='http://fx-berbagifile.blogspot.com' target="_blank"  title=""><img alt="" src="http://i1233.photobucket.com/albums/ff398/syenimargaretha/banner.gif" /></a>



Klo udah, skriptnya dimasukkan dengan benar, seperti contoh diatas, kita bisa tukeran backlink dech.... Ato bagi sobat yang punya usaha bisa beriklan disini dech...

klo kurang ngerti silahkan komentar dibawah ini ya...

3 comments:

ketumbel mengatakan...

terima kasih banyak sob.sangat membantu buat aku yang lagi belajar photoshop.keren!salam kenal

distributor pulsa mengatakan...

makasi infonya, lg belajar bikin banner nieh...

Unknown mengatakan...

Makasih atas tutorialnya,,,itu sangat membantu saya belajar membuat banner

Posting Komentar

Silahkan jika ada pertanyaan dan beri tanggapan anda dengan berkomentar disini ...