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...

Tutorial: Membuat Banner Dengan Photoshop

Sesuai judulnya, kali ini aq mo ngasi tutorial mengenai cara membuat banner dengan photosop.
Mari ikuti langkah-langkahnya:

• Pertama-tama sobat musti punya software photoshop nya dulu, klo blom punya klik disini aja, bentuk nya portable jadi enteng buat komputer ato laptop sobat, klo sudah di download buka software nya lihat pojok kiri atas pilih file lalu klik new, lalu terlihat gambar seperti di bawah ini....

Gambar ini adalah photoshop cs5 portable

• Lalu akan muncul pilihan seperti gambar di bawah ini.....

• Lalu klik "OK" disebelah kanan gambar, setelah di klik akan muncul gambar seperti gambar di bawah ini, lalu klik 2x "Background" yang ada disebelah kanan gambar...

• Setelah di klik 2x pada "Background" akan muncul "New Layer", lalu klik "OK"

• Setelah itu lihat sebelah kiri, ada banyak tools disana, pilih "Horizontal Type Tool"

• Lalu arahkan pointer ke kotak warna putih yang ditengah (Layer), lalu tuliskan "Banner" (atau tulisannya terserah sobat)...

• Lalu tulisannya arahkan agak ke atas, lalu buat lagi tulisan "Design By: Malindra Novan" dibawah "Banner" (Design By: "Nama Sobat"), atur sehingga tampilannya seperti dibawah ini....

• Setelah itu lihat di sebelah kanan, klik kanan pada layer "Banner" lalu akan muncul banyak pilihan, pilihlah "Blending Option"

• Lalu akan muncul Halaman "Layer Style", nah disini sobat bisa berkreasi supaya banner yang sobat buat terlihat lebih menarik...

• Setelah selesai diubah menjadi lebih menarik klik "OK", ubah juga tulisan "Design By: (Nama Sobat)" Klo bisa editannya sama seperti tulisan "Banner", langkahnya sama seperti diatas, klik kanan pada layer "Design By: (Nama Sobat)" Lalu pilih "Blending Option"...

• Kira-kira edit'an nya seperti dibawah ini lah, setelah terlihat mantap klik "OK"...

• Lalu atur lagi layer "Design By: (Nama Sobat)", Atur supaya huruf font nya miring dan lebih kecil dari layer "Banner"...

• Kalo Kurang menarik Backgroundnya bisa diganti, klik dulu "Layer 0" pada layer yang di sebelah kanan bawah. Cara cepat untuk mengganti background, tekan pada keyboard "Shift+BackSpace"... klo tidak bisa cara demikian diutak-atik sendiri ya, soalnya aq biasa pake' tombol "Shift+Backspace", klo sobat ga ngerti tombol "Backspace", lihat sebelah kanan atas keyboard sobat, biasanya gambarnya tanda panah ke belakang, nah itu yang aq maksud "Backspace", setelah itu muncul seperti gambar dibawah ini....

• Setelah muncul kotak "Fill", disini aq pilih "Color..." dan aq kasi' warna biru.....

• Klo sobat ngerasa kurang sreg, sobat bisa utak-atik sendiri seperti mengedit jenis, warna font nya, di edit juga pada "layer style" nya (ada di "Blending Option"), klo udah pas disimpan deh tekan pada keyboard sobat Ctrl+s, beri nama dan jangan lupha formatnya ganti ke format jpeg..

• Nanti muncul pilihan kualitas untuk format jpeg, klo mo kualitas nya sangat isi aja pada "Quality" isikan 12, tapi byte nya gede, klo pengen byte nya kecil kurangin aja angkanya.

• klo udah klik "OK", dan hasilnya jreng... jreng....

ya... lumayan lah buat para pemula yang masih belajar (termasuk aq)... hehehe, inget photoshopnya jangan ditutup dulu ada tutorial selanjutnya, Tutorial membuat banner-nya bergerak...

Klo ada yang mo ditanyakan silahkan komentar ya, karena ada pepatah "tidak bertanya sesat di jalan"... hahaha

So wajib komentar nech...