Membuat Detail Button Dengan Pencil Stroke
October 8th, 2008 by dr.emi
hei kawand kawandh !!! kopi malam ini serasa enak banged, ni ada tutorial basic bwat newbie photoshop
cara menggunakan pencil tool bwat bikin detail button. gw tepati janji gw bwat perbanyak tutorial photoshop bwat newbie juga.
hei kawand kawandh !!! kopi malam ini serasa enak banged, ni ada tutorial basic bwat newbie photoshop
cara menggunakan pencil tool bwat bikin detail button. gw tepati janji gw bwat perbanyak tutorial photoshop bwat newbie juga.
huoke ! bikin canvas kecil aja, ukuran sekitar 200 x 100 pixel, backgorund na putih
kalo udah HAJAR tombol OK na !! :))
sekarang siapin rectangle tool (U)

wabis ntu lu tarik dah bidang na di canvas kosong lu

ubah nama layer nya "dasar", dengan double klik di text shape pada layer

pilih menu Layer > Layer Style > Color Overlay
kasi warna biru / sesuka lu

Dengan Zooming tool, gedein objek area lu
tros pencet KIBOR lu [CTRL+Click] pada Layer, nah ini bwat mbikin seleksi di sekitar bidang shapping lu

wabis ntu lu aktifin tool Eliptical Marquee na:
tros atur setting na menjadi intersect with selection
nah lu klik dan drag aja dah di sebagian area seleksi persegi yg terbentuk sebelum na
jadi lu bakalan dapet seleksi kayak gini mbro :))
sekarang bikin layer baru lewat menu : Layer > New Layer, kasi nama layer "shadow"
tros lu aktipin tool gradient na, set menjadi transparent putih, dan klik + drag gradasi na mengikuti arah panah pada area seleksi
kurangin opacity layer na menjadi 75 %. woke, jadi dah efek shadow na :))

sekarang ambil tool brush, ukuran nya: 3 px aja dan bikin layer baru namanya "botline" tarik dari kanan ke kiri pada area button
tros kasi filter blur, pilih menu Filter > Blur > Gaussian Blur, dan kasi radius 1.5 px
hapus ujung kiri na make eraser tool

ubah opacity layer na menjadi 62 % dan blending layer Overlay
sekarang ambil pencil tool, berukuran 4 px dan warna putih, bikin 3 buah titik pada layer baru bernama "dot sign"
nah lo, wabis ntu kasiin aja layer style, drop shadow ama color overlay
tros kasi teks na, gw make ini ni: ACKNOWTT.TTF bwat font na. klik aja bwat donlot
wabis ntu lu kasiin dah style drop shadow dikiiiiiiiiiiiiiiiiiiiiiiiit aja bwat teks na

terakhir ambil lagi pencil tool lu, pake size 1 px dan warna item dah, bikin layer baru nama na detail stroke, tros lu klik dan drag mengelilingi pinggiran button lu

jadi ke gini dah
nah untuk merubah warna lu bisa ganti layer style untuk color overlay na pada layer dasar na

Hello my fox! Glad to see you today!If you love my tutorial, please chose any action from the left button.
6 Comments
mudah2an dengan diperbanyak nya tutorial photoshop basic ini, member gw dan user lainnya bisa lebih terbantu :)) komen yak woke !!!
hi…, asik tuh tutorialnya… ^^
BTW mau tukeran link g? klo mau kasih comment atau teriak di shout boxq yah… ^^
silakan .. :)) dremi.info memang harus punya banyak teman :))
s’Lam kenal, saya termasuk baru di dunia per-desain n web-an. Pengen belajar ttg yg dua tadi, boleh dunk dikirimin semacam e-book photoshop dari tingkat basic or cara nge-desain website yg baik ke alamat imel : mulki@component.astra.co.id (No *.zip n > 1 mb atut ke DEL ma server kantor)
Sebelumnya saya pernah coba klik link donlod photoshop n php ko’ malah yg kebuka website pornografi …
Mugo2 diperkenankan yakk …
Wassalam,
mulki
@mulki
link download an dah banyak yang ga berfungsi
dulu itu tempet nyimpen file2 download an tutorial guwe.
tapi sejak servernya dah ga aktif lagi, malah jadi gitu, linkya banyak yang berubah jadi link iklan, dll.
padahal dah banyak link download tutorial tersimpa disana, jadi kalo mau download mending ke link Free Download aja yang di panel sebelah kanan halaman web ini.
ni link langsungnya: http://www.dremi.info/free_download.html
[...] dr.emi: @mulki link download an dah banyak yang ga berfungsi dulu… Recent Posts [...]
Just say it with fill the comment form.
My Friends Link
10001 Inspirasi 4w1n.Blogspot.Com Afial blog Afotsum.CO.NR Alfikry Blogspot Ancaran.Com Andrian.Blogdrive.Com AngsaRea AraZidsi Arteknindo.Com ArtheZoo.TK Articlecillin Belajar Gratis Blog Si Bochan BloGila_U2.Blogdrive.Com BOGIRO Book and Movie Review Can_Dra Blog Catalog-Tutorial CatatanLou.110mb.Com Coin-Kevin DataBagus.Com Dede Permana, S. Kom (PT. BITA Bandung) Deniall.Com Desire 8 Distro & Clothing Diplomski.Com Ensept.Com Esato.Com Faris Wijaya FarisW.Com Blog Fendix Wordpress Foxxed-ART Gadget and Tech Gedex.Web.ID GejalaGila.Com GraphicVN HendiHen.Com Henny Indrianty Hmzaky-dot.Blogspot.Com I D I K IDWebHost.BIZ IDWebHost.Com Ilivetodesign.Com Ilmu Grafis Inez Nugroho Irenk Design IT Club Lombok Jafair.Multiply.Com Jaloe Blog Spot Jenggot Community JiranKubur Jurnal Jaloee K B M S Blog Klik-Kanan.Com LearnSimply LensaDarbi MadeInAra - Graphic Design Mark Xaviar Mifka.Multiply.Com More Tech Tips! Ngetixide.Wordpress.Com Nursingmedia.Blogspot.Com OneMoment.CO.NR PC MILD Percikan Iman Bandung Profit Trading Forex Pulsa Center PuwaSila Denpasar Rumah Sakit Herbal SEO Articles and Newsletters Seputar Info Wanita {Niella Anwar} SMKN 3 Batu Supermodel and Celebrity Tedy Blog TeguhNET Articles The-Sulton.Com TopBlogArea.Com Tutorial Flash - Blog Apri Tutorial Website UdaraMaya.Com WebDesigner.Web.ID Yudha Yudhanto, S. KomSupporter
Sponsors
Subcribe RSS Feed
Flick Group dr.emi
Contact The Doctor
Head Studio:
dr.emi creative design
Jl. Tubagus Ismail Dalam No. 18
Gg. Kubang Sari II Bandung
Jawa Barat Indonesia 40132
Email:
info[at]dremi.net
webmaster[at]dremi.info
YM: hairulazami
GTalk: dremi007
Skype: hairulazami
dr.emi creative design
SEO Articles & Newsletters
Forum dremi.info
Clients
Partner
Free Download
Recent Comments
- dr.emi: pake netbeans aja berur biar gampang :D...
- widya: maaf mau numpang nanya cara instalasi apache tomcat di windo...
- dr.emi: OK bro, sama sama....
- Mahfudin: Terima ksih banyak boss, ini yang saya cari semoga amal baik...
- kang adang: INOVATIF... GAK RUGI MAMPIR KESINI... TERIMAKASIH ILMUNYA......
- dr.emi: @fahmi ikutin air mengalir aja bero......
- ila: like this rodi hartono, teteplah jadi seorang rodi, jangan...
Recent Posts
- Ajaran Ahmadiyah dan Keyakinannya yang Cacat dan Menyesatkan
- Vacancy for Software Development Engineer
- Sony Ericsson Xperia X10 - Ponsel Pertama Menggunakan Android OS
- Lowongan Kerja Master PHP
- Waspada Doa Orang Terzalimi (PercikanIman.ORG)
- Ultah dremi.INFO ke - 5 (050510)
- Download file tutorial Photoshop Legendaris dr.emi + PSD
- Panen Projek dengan Teknik DOBEL PEDAL
- Jalan ini tak semulus yang gw bayangin
- Great themes for Ubuntu 9.04 and ubuntu 9.10 Karmic Koala
Archives
Popular Tags
3D illustration abstract design adsense aero button animation banner clean navigation colouring layer CSS tutorials effect form interface glassy effect google gradient style GUI photoshop design hacker handcoded HTML IT job jQuery layer mask layer style photoshop logo lowongan kerja merancang web pen tool photo retouch photoshop design PHP PHP Advance PHP login product demo relationship search engine shapping spirit tab link text effect transparent gradient web articles web based software web design web development web header web layout web tips





























PSD Files
PHP Source Code






