| 38 comments ]

Pada tutorial photoshop kali ini taktiku akan berbagi bagaimana cara membuat Banner iklan dengan efek mengkilat. Tujuannya selain untuk mempercantik tampilan blog, juga untuk menarik para pengunjung untuk meng-klik iklan yang ditayangkan di blog kita.


Tanpa basa-basi lagi, langsung saja meluncur ke TKP untuk mempraktekan tutorial ini.



Setelah halaman baru dalam photoshop dibuat, buat sebuah kotak menggunakan Rectangular Marque Tool kemudian pada toolbar diatas pada kolom Style pilih Fixed size kemudian masukan ukuran 140x140 (lihat gambar).

Maka kotak yang di buat tadi akan seperti ini.


Setelah kotak tadi di buat, sekarang kita akan memberikan warna pada kotak tersebut dengan menggunakan Paint Bucket Tool tapi sebelumnya silahkan pilih warna #2FB4E0 pada kolom Color Picker.


Setelah warna tersebut dipilih, kemudian arahkan kedalam kotak yang dibuat tadi dengan cara mengkliknya.

Sudah?. Baiklah kalau sudah sekarang buat layer baru (lihat gambar)


Pada layar baru tersebut sekarang anda buat kotak baru lagi caranya sama seperti membuat kotak sebelumnya hanya bedanya yaitu dimensinya lebih kecil dengan ukuran 135x135 (lihat gambar).


Sudah?. Kalau sudah sekarang kita akan memberikan warna pada kotak ke dua tadi dengan warna gradien transparan. Caranya klik Gradient Tool, kemudian perhatikan toolbar diatas, pilih warna transparan dengan warna putih (#FFFFFF) kemudian pada kolom Opacity pilih 39%.


Sudah?. Jika sudah sekarang tuangkan warna tersebut kedalam kotak tadi caranya dengan mengklik kotak dari atas kebawah, sehingga hasilnya akan seperti terlihat pada gambar.


Ok. Proses pembuatan kotak sudah selesai, sebelumnya silahkan buat Layer baru yaitu Layer 3. Nah sekarang kita akan membuat efek mengkilat pada kotak yang telah kita buat tadi, caranya buat sebuah lingkaran pada bagian atas kotak dengan menggunakan Tool Elliptical Marquee Tool.Caranya klik bagian luar kotak kemudian tarik menyilang kesamping (lihat gambar).


Sudah?. Kalau sudah sekarang kita akan memberikan warna transparan pada lingkaran yang telah dibuat tadi caranya sama seperti memberikan warna pada kotak kedua di atas, klik Gradient Tool hanya bedanya pada toolbar diatas yaitu pada kolom Opacity silahkan Isikan 76%.

Kalau sudah diberi warna putih transparan selanjutnya kita akan memotong sebagian lingkaran tadi, caranya buat sebuah kotak dengan menggunakan Tool Rectangular Marque Tool caranya sama seperti membuat kotak kedua diatas yang dimensinya 135x135. Kalau sudah dibuat sekarang klik kanan pada kotak yang sudah dibuat tadi kemudian pilih Layer Via Cut artinya kotak yang di klik kanan tadi di pindahkan ke Layer baru yaitu Layer 4.

Nah… karena kotak tadi sudah di pindah ke Layer 4, sekarang silahkan delete Layer 3 karena di layer 3 masih terdapat potongan lingkaran.


Sudah di delete?. Baik kalau sudah sekarang kita akan membuat tulisan “Pasang Iklan disini”, pertama buat Layer baru diatas Layer 2 kemudian ketikan tulisan tersebut. Kemudian masukan efek bayangan pada tulisan, caranya klik kanan pada Layer text tadi kemudian pilih Blending Options.. setelah jendela Blending Options muncul berikan tanda centang pada kotak Drop Shadow kemudian atur parameternya.

Kurang lebih apabila anda mengikuti langka-langkah diatas dengan benar, hasilnya akan seperti ini. Selamat mencoba

:>> Download.PSD



Related Posts by Categories



38 comments

Project said...

mantebs..., aku suka juga pake photoshop untuk desain

jingga said...

wah..tutorialnya mantep
pan kapan klo blogku ada buat pasang iklan, aku coba pake deh :)

yudi said...

lama2 kayaknya bakal nerbitin buku tutorial nih :D

aha said...

di rangkum dah jadi Ebook

ika said...

om,bikin buku aja...keren2 tips nya

Tony said...

mantap...kalo diganti pake gambar gimana ya??

Bayu Aditya said...

keluatan elegan bgt. nice tips bro

Dandy_Blog said...

@ Project
@ jingga
Selamat Mencoba
@ yudi
@ aha
@ ika
Kayaknya serru juga bikin buku, tapi sekarang mah ngeblog aja dulu deh :)
@ Tony
mmm pake gambar animasi aja om :)
@ Bayu Aditya
Thanks

blog learner said...

di cobaan ah, mantap nie cara2nya ;))

Gus Yehia said...

thanks tutorialnya

Panda said...

dot psd-nya ada yg warna ijo gag :)

manteb tutornya !

Herdin O. T. said...

Baca-baca dulu sekalian praktek... trus baru nanti aku kasih koment..

Oke bro. thanks ilmunya...

Edi Psw said...

Wah, sip tutorialnya nih.

uNieQ said...

makin keren aja tipsnya..ntar klo dah jadi e-book atau buku *sesuai saran dari beberapa komentator diatas* buat cc gratis ya?? :P

NAZA LUCKZANA said...

mari kita sejenak mengheningkan cipta untuk mendoakan teman kita RALITA http://nagapanei.blogspot.com/ YANG TELAH BERPULANG DIPANGKUAN YANG MAHA ESA

mymoen said...

keren euyyyyyyy......... mantaf.......

edisamsuri said...

dari dulu photoshop ngga mudeng-mudeng...males belajar...padahal kalau bisa gunanaya banyak banget apalagi untuk urusan ngeblog

Dandy_Blog said...

@ uNieQ
:D sip
@ NAZA LUCKZANA
Innalillahi wa inalillahi rojiun....
@ edisamsuri
semangat2x buat belajar :D

Thanks all..

sapimoto said...

Udah lama gak mainan PS, gara-gara proses belajar sering nemu jalan buntu...
Mo nyoba belajar lagi, mumpung nemu tehnik baru. Terimakasih...

Ridho said...

Keren mas, mengkilatnya kayak di semir sepatu aja, bagus nih tipsnya tak simpen deh cara²nya.

zeze said...

ckckckck bisaan nya... plesdis nu mana den???

utchanovsky said...

Web 2.0 yak :D

glossy n plastic

rizoa said...

keren...rizoa minta psdna iah..:)

ComInfo Technology said...

Taktiknya sangat bermanfaat.

DencoZ Blog said...

Muantabb!! untuk pemula seperti saya. Trims berat.

ikanku said...

wah tdk berkelas mas

ATIN said...

pake photoshop apaan sih

dArto NC said...

pake phothoshop apaan sih

Dandy_Blog said...

@dArto NC
Photoshop 7.0

nanodesign said...

good,bs bkin efeck lighting bos?
liatin yo...

rahasia pria perkasa said...

waduh aq ga bisa photoshop nya...

barifbrave said...

Terima kasih mas atas infonya. Kalau buat banner iklan yang beneran gimana mas??? Tolong dibales di blog saya y thank :D

rileks said...

salam kenal mas..
kunjungan perdana saya ..
Terima kasih mas

Hangga Nuarta said...

Wah boleh juga nih... Keren... :D

Dendy said...

@Hangga Nuarta
siiip, selamat mencoba :D

MASTER said...

Makasih atas saran-saran dari anda. Sebelumnya saya sudah tahu dan sudah buat sama persis dengan cara anda. Saya butuh cara pasang iklan pake gambar 3d buat semuanya yang tau tolong kirim ke tantan.alvian@yahoo.co.id

adidolok said...

Bos...izin COPAST...ya, silahkan lihat di http://adidolok.blogspot.com/ makasih y bos..

Anonymous said...

Aku gak ngerti.. udah coba.. gak bisa.. buat kotak pertamanya aja gak bisa.. sori aku pemula..
mungkin instruksinya buat yg udah mahir ya..

Share/Save/Bookmark

Post a Comment

Tulis Komentar, Pertanyaan, Masukan atau saran disini.