Membuat Banner Iklan Dengan Photoshop

membuat-banner-dengan-photoshop
Banner atau iklan sudah merupakan hal biasa bagi para pengembang website atau blog untuk tujuan memperoleh backlink atau sekedar informasi. Banner yang baik adalah banner yang menyimpan informasi yang menarik dan desain yang bagus untuk menarik hati para pelanggan atau peselancar internet untuk mengklik iklan/banner tersebut.
Pada kali ini, Jaka ingin berbagi sedikit tutorial untuk membuat sebuah desain iklan banner menarik dengan program adobe photoshop tentunya. Bagi yang belum familiar tentang apa itu photoshop, silahkan kunjungi postingan Apa itu photoshop.



Pada postingan membuat banner kali ini, kita akan membuat sebuah banner standar berukuran (125px x 125px), contohnya dapat anda lihat di kolom kanan di bawah Advertise gambar di samping. Perlu diingat bahwa disin saya memakai Adobe Photoshop X3, jadi akan sedikit berbeda dengan anda yang memakai Adobe Versi sebelumnya, karena kita akan membuat animasi langsung pada Adobe photoshop tanpa berpindah program seperti Image Ready.

Langkah 1
Buka program photoshop anda, lalu buat file baru dengan ukuran 125x125pxmembuat file baru
Langkah 2
Langkah selanjutnya yaitu membuang kunci pada layer background, caranya buka window layer (F7) dan double klik pada layer background lalu ok, sehingga layer background berganti menjadi layer 0.layer
Langkah 3
Selanjutnya, kita akan menambah layer style pada layer 0, lihat contoh seperti gambar berikut
Gradient Overlaygradient overlay Pattern OverlayPattern overlay
Hasil gambar setelah diberi efek layer stylemake banner with photoshop
Ingat! gambar diatas tidak mutlak harus seperti itu, dengan imaginasi dan kreasi anda buatlah sesuatu yang lebih baik sesuai dengan selera anda :D
Langkah 4
Buat layer baru dan beri nama “warna 1”, lalu dengan brush tool, set hardness 100% dengan diameter 250 lalu brush bagian bawah banner tersebut, lihat gambarbrush pada layer baru
Langkah 5
Buat lagi layer baru di bawah layer “warna 1” dengan nama “warna 2” atau nama lain sesuka anda atau yang mudah anda ingat. Seperti langkah diatas, brush lagi dengan warna yang berbeda, contohnya brush pada layer

Langkah 6
Langkah selanjutnya kita akan menghapus sebagian warna pada layer “warna 2”, jadi klik pada layer “warna 1” sambil menekan tombol Ctrl pada keyboard sehingga bagian layer tersebut terseleksiseleksi dengna layer
Selanjutnya berpindah ke layer “warna 2” dan tekan Delete pada keyboard sehingga sebagian warna pada layer tersebut akan terhapusdelete warna pada layer
Langkah 7
Turunkan Opacity kedua layer tersebut (warna 1 dan warna 2)mengubah opacity layer
Langkah 8
Buat teks di atas semua layer dengan dengan Horizontal Tyte Tool, lihat desain dibawah untuk jelasnyamenambah teks dengan text tool
Langkah 9
Selanjutnya, kita beri layer style pada teks tersebut dengan cara double klik pada layer “Jaka Zulham”, lalu isikan layer style seperti gambar dibawah
Drop Shadowdrop shadow Gradient Overlaygradient overlay 2
Sehingga desain gambar tampak seperti dibawahJaka Zulham
Langkah 10
Tambahkan lagi beberapa teks di bawahnya seperti berikut jangan lupa layernya dibawah layer “Jaka Zulham”tutorial photoshop
lalu tambahkan layer style seperti berikut
Outer GlowOuter Glow Color OverlayColor Overlay
Hasilnya dapat kita lihat seperti desain berikutJaka Zulham tutorial photoshop

Demikianlah tutorial kali ini, tapi gambar di atas belum sepenuhnya selesai. Pada post berikutnya kita akan membuat sedikit animasi bergerak sehingga gambar banner kita tidak tidak tampak kaku. Terus berlangganan blog ini dengan cara mensubscribe blog ini! dan tunggu postingan berikutnya!

Komentar, kritik, saran, pendapat silahkan share dengan cara berkomentar dibawah ini!

Membuat banner iklan Dengan photoshop bagian 2

15 Responses to "Membuat Banner Iklan Dengan Photoshop"

  1. Mantap..... anda layak dijadikan contoh oleh orang2 muda lain.....kreatif berkarya. Jangan pernah menyerah

    ReplyDelete
  2. blogwalking
    wih sotopop x3
    saya masih setia dgn sotopop 6 aja, ga berat soalnya hehe
    salam kenal sob

    ReplyDelete
  3. wah,,
    ternyata masih ada juga yang pake v.6..
    saya kira sudah punah
    :D

    ReplyDelete
  4. Mantab OM

    Makasih share nya... Tk bookmark dulu ahhh

    ReplyDelete
  5. wah detail banget post nya...mantaabs cb dulu ahh

    ReplyDelete
  6. silahkan,, semoga bermanfaat :)

    ReplyDelete
  7. trims gan,ane baru mendalami photosop,jd artikel ente memperlancar bljr ane.

    ReplyDelete
  8. Nice Info Sobat!! :)

    Dapatkan Info Seputar Dunia IT, Tokok-tokoh Sejarah Internet, Software Antivirus, Game PC dsb, Tips dan Trick Blogger, Tips Dan Trick Mengoperasikan Komputer, Hanya di http://emperorhacker.blogspot.com/

    Saya telah berkunjung ke blog sobat, Kawan-kawan, jangan lupa tuk mampir di blog saya juga ya!
    http://emperorhacker.blogspot.com

    ReplyDelete
  9. postingan yang sangat berguna, ijin nyoba gan...

    kunjungi balik ya gan blog ane
    www.ladangpenghasilanku.blogspot.com

    ReplyDelete
  10. woow kereen kunjungi balik ya http://javabrush.blogspot.com/2013/02/memberi-efek-hujan-di-photoshop-cs4.html

    ReplyDelete
  11. coba ane terapkan gan..

    Lumayan bagus nie :)

    ReplyDelete
  12. Nice artikel Pak.
    selamat berkunjung di http://websiteboneka.blogspot.com

    ReplyDelete

Masukkan komentar Anda dan tekan "Subscribe by Email" untuk melihat balasan komentar