Lompat ke konten Lompat ke sidebar Lompat ke footer

Tutorial Cara Membuat Iklan Bergerak Gif (720 x 90 px) Dengan Photoshop Cs3 Dan Photoscape



Jayati Pedia -  untuk meningkatkan trafic tambahan dalam suatu blog, kita juga sering memanfaatkan Iklan untuk menambah visitor dari web blog yang kita pasangi iklan, iklan ada dalam berbagai macam bentuk dan ukuran, mulai dari 300 x 300 px, 250 x 250 px, 150 x 150 px, 160 x 600 px, 728 x 90 px dll.

Bagi anda yang ingin mengiklankan blognya pasti butuh sbuah gambar atau banner blog untuk di pasang di web blog yang akan kita pasangi iklan dengan tetap menyertakan Link web blog anda. Untuk mendatangkan visitor dari iklan yang kita pasang, ada beberapa faktor yang sangat memungkin mendapatkan banyak Klik dan Kunjungan, di antara lain : ukuran banner iklan, perpaduan warna yang pas, Kata-kata menarik, di sertai gambar penjelas iklan yang menarik.

kali ini saya akan memaparkan cara membuat iklan bergerak GIF (728 x 90 pixel) dengan Photoshop Dan Photoscape, pastinya syarat kita mengikuti tutor ini harus memiliki 2 aplikasi yang akan kita gunakan, yaitu Adobe Photoshop dan PhotoScape, Ngomong-ngomong sudah pernah lihatkan Iklan GIF ? ituloh iklan yang biasa tampil di Google adsense. untuk persiapanya silahkan siapkan Kopi panas, Fikiran yang tenang & Fokus, tentunya Sabarr.

oke, Lets Goo Gaesss !

1. Buka Photoshop anda, Klik CTRL + N untuk membuat layer baru. atur width 728 , height 90 lalu Klik OK



2. layer baru sudah terbuat, silahkan silahkan klik menu Recangle Tool  untuk membuat sebuah gambar balok yang nantinya bakal kita jadikan Background.


untuk setting menu atas Rectangle Tool silahkan cocokkan setting seperti gambar di bawah ini

 3. selanjutnya buat blok kotak baru di bagian kanan blog, ukuranya bisa anda sesuaikan sendiri atau bisa anda samakan seperti gambar hitam di bawah, untuk cara membuat blok kotaknya sendiri agar bentuknya kotak sempurna, tekan Shift dengan menggerakkan Mouse.

kemudian blok sudah terbentuk, silahkan klik CTRL + T > Perspecstive untuk melengkungkan blok nantinya.

4. setelah anda klik Perspective, silahkan arahkan Cursor ke bagian pojok lincip balok dan atur agar bentuk menjadi sedemikian rupa lalu tekan Enter untuk mengahiri + menyimpan hasil. (Lihat Gambar)

5. Klik 2 kali Layer Blok hitam yang berada pada pojok kanan bawah, kemdian akan muncul tampilan seperti di bawah, Centang Checkbox Color Overlay > Klik Kotak warna.

6. untuk cara 6 tidak wajib anda lakkan, karena masalah warna adalah selera anda sendiri, di mana yang menurut anda pas silahkan di pilih. beikut warna saran dari saya.

7. Kemudian pilih lagi Retcangle Tool untuk membuat blok baru lagi, tahap ini kita buat untuk menghias / melapisi background yg ada di samping.
selanjutnya buat blok baru seperti biasa
Agar Bentuk & Poisi tampilan pas dengan Background yang berada pada sampingnya, klik CTRL + T selanjutnya arahkan Cursor pada daerah luar balok > Lalu putar balok seperti di gambar > Klik Enter.

 8. Selanjutnya klik 2 x layer yang baru saja anda putar posisinya. letak pojok kanan bawah, selanjutnya pilih warna, untuk cara pemilihan warna juga sama seperti cara cara sebelumnya.

warna sudah selesai, Klik CTRL + J pada layer di atas yang baru saja anda warnai untuk menduplicat layer, selanjutya silahkan lakukan pewarnaan lagi untuk layer hasil duplicat ini. Jadi total keseluruhan layer yg sudah kita buat saat ini adalah 3 (tanpa Background)

sehingga terlihat seperti di gambar.

 9. Sekarang Kita sudah masuk pada tahap memasukkan Logo Blog pada Gambar Iklan kita, Klik CTRL + O untuk membuka gambar > pilih gambar > enter.
Gambar sudah terbuka bila ukuranya besar silahkan di resize dengan cara menekan menu Image > Image Size , lalu drop / seret logo ke dalam Iklan yang akan kita buat. disini saya juga memasukkan Logo Favicon Blog saya letakkan tepat di atas logo utama. cara memasukkanya pun juga sama yaitu dengan cara menyeret logo blog kedalam layer yang sebelumnya telah kita buat.



10. Selanjutnya memasukkan background iklan, cara memasukkan background iklanpun juga sama dengan cara nomer 9, yaitu dengan cara menyeret gambar yang baru kita buka di photoshop. Agar mudah dalam menyeret gambar, pilih Tool no 3 di gambar Cara Nomer 8 di atas.


Agar Background bisa terletak di bagian bawah, agar tidak menutupi logo kita, silahkan klik + Tahan layer background yang berada pada pojok kanan bawah lalu arahkan ke urutan nomer 2 paling bawah. kalau saya sendiri agar text yang nantinya akan kita tambahkan terlihat jelas, lebih baik background lapangan seperti gambar di atas anda Blur agar tidak menghalangi pandangan text.

untuk Cara ngeblur silahkan klik layer background terlebih dahulu, kemudian klik Menu Filter (berada pada deretan atas photoshop) > Blur > Gaussian Blur. untuk blurnya sendiri bisa anda sesuaikan sesuai background yang anda masukkan ke banner iklan.

11. selanjutnya proses memasukkan text pada banner iklan GIF, pertama klik logo Text samping kiri kemudian Tulis kata-kata banner iklan anda terserah yang penting menarik minat pengunjung nantinya untuk mengklik banner sobat.
untuk pewarnaan silahkan klik 2 x layer text kemudian pilih Color Overlay, tinggal anda pilih warna yang menurut anda cocok & Pas bila di padukan dengan background. (Lihat & Perhatikan Gambar)

 Untuk membuat sebuah iklan GIF kita membutuhkan banyak gambar, di mana gambar tidak akan langsung full penuh dengan kata promosi, namun kita akan menuliskanya secara urut dengan cara menyimpanya 1 per 1 mewakili 1 kalimat promosi juga. jadi buat 1 kata lalu simpan dengan cara Klik Shift + CTRL + S, kemudian namai foto banner pertama anda terserah, saya sarankan menyimpanya dengan nomer mulai dari 1 sampai foto anda yang teragir, simpan dengan format JPEG


12. Nahhh bila kesemua gambar sudah anda buat 1 persatu dengan urut + tataan yang baik pula, silahkan buka aplikasi Photoscape sobat (bila belum punya silahkan cari di Google sangat banyak),
bila anda sudah membukanya silahkan klik pilih menu animated GIF.
13. sekarang cari folder di mana anda menyimpan 1 per 1 gambar yang sebelumnya sudah anda buat di photoshop, bila sudah ketemu klik saja gambar 1 persatu sambil tahan tekan CTRL + KLIK (klik semua gambar yang akan anda jadikan 1 gambar GIF yang bergerak saling berurutan nantinya) bila kesemuanya telah terblok silahkan seret/Drop keseluruhan gambar kedalam photoscape, gambar-gambarpun akan tertata secara rapi di bagian paling atas dan di bawahnya adalah Priview dari gambar GIF yang akan kita buat.

anda bisa menambahkan effect pada semua slide gambar atau hanya 1 gambar dengan cara menekan Change Effect, anda juga bisa mengatur lambat cepatnya silde di bagian Change Time, yang terahir anda bisa merubah ukuran iklan banner GIF secara manual ataupun menurut ukuran default yang telah di sediakan dengan cara menekan Set Canvas Size.


14. Langkah terahir coba simpan dengan menekan tombol Save pada pojok kanan atas , Dan taraaaaaaaaaaa Banner iklan anda pun jadi. sekarang tinggal anda berkordinasi dengan web blog orang/perusahaan lain untuk anda pasangi banner nantinya.


Happy Design!

Tags :
Cara membuat iklan web blog dengan photoshop, membuat iklan gif dengan photoscape, Tutorial membuat banner iklan blog dengan cepat, cara membuat iklan dengan photoshop cs3, cara membuat iklan dengan photoshop, Cara Membuat Banner Iklan Animasi / Bergerak dengan photoshop & photoscape, Banner Iklan dengan photoshop, bikin banner, Cara membuat banner dengan photoshop, Cara Membuat Iklan Animasi Banner Dengan Photoshop

5 komentar untuk "Tutorial Cara Membuat Iklan Bergerak Gif (720 x 90 px) Dengan Photoshop Cs3 Dan Photoscape "

  1. nice tutor gan di tunggu visitnya di http://avroart.blogspot.com/

    BalasHapus
  2. Mantap mas tutorialnya, makasih yaaa

    Blog Bang Jal

    BalasHapus
  3. makasih banyak buat infoya gan,, snagat bermanfaat sekali nih... http://goo.gl/onRyrt

    BalasHapus
  4. keren bnget, namun ku masih pusing

    BalasHapus
    Balasan
    1. g usah pusing mas, ga donk tinggal ngulang baca :) hehe

      Hapus