Cara Menghasilkan Tombol Di Photoshop - Grafis - Media

Belajar Photoshop | Dalam suatu situs web atau blog , ada yang namanya template dan didalam template tersebut ada beberapa komponen yang penting untuk menginstruksikan perintah pada hadirin berpindah ke halaman lain ataupun meng-ok-kan suatu langkah-langkah , sebut saja ia tombol web. dalam konferensi kali ini aku akan mengajarkan pada kawan cara menciptakan tombol di photoshop , supaya dalam penampilan situs web nanti dapat lebih menawan lagi.

Perlu kawan pahami , bentuk dari tombol yang hendak kita buat ini selain selaku isyarat klik on off dapat digunakan juga selaku icon. tergantung pemanfaatannya. yang paling penting yakni kawan mengenali teknik menjadikannya di photoshop. sebab dalam pembutan kali ini , kita cuma mempergunakan 90% fungsi blending options photoshop. berikut pola tombol web yang hendak kita buat :

Tombol yang hendak kita buat ini berupa bulat dengan tampilannya dalamnya yang elegan. kilauan cahaya menyertakan imbas 3dimensi , serta titik terang didalamnya menyediakan isu bahwa ini yakni tombol. tetapi menurut aku , panduan kali ini tidak kalah luar biasa dengan sebelumnya yakni membuat bola berbulu diphotoshop. bila kesengsem silahkan ikuti langkah pembuatannya dibawah :

CARA MEMBUAT TOMBOL DI PHOTOSHOP

Langkah 1

Buka photoshop sobat. buat lembar kerja gres dengan menekan CTRL N atau pergi ke File - New. berikan ukuran pada lembar kerja 1400x900 pixels. kemudian biarkan background warna Putih. kemudian Ok.

Buatlah Layer kosong gres - kemudian gunakan Elliptical Marquee Tool kemudian buatlah bulat menyerupai dibawah. supaya bulat dapat sepadan bentuknya , tahan Shift Alt pada ketika menciptakan lingkaran. 

jika telah berikan warna didalamnya sesuai hasrat , dengan menekan Alt Backspace. tekan CTRL D untuk menetralisir garis seleksinya.

Langkah 2 : Memberikan imbas blending options

Sekarang klik kanan pada layer bulat kita , kemudian pilih Blending Options. pada Blending options:custom. berikan nilai 0% pada Fill Opacity. 

Ini akan menciptakan warna yang ada pada bulat tadi tidak terlihat , sebab berikutnya kita akan gunakan pengaturan pada blending options ini.

#Gradient Overlay

Sekarang gunakan Gradient overlay. fungsinya disini selaku warna yang pada Tombol kita. 

• Blendmode Normal
• Opacity 100%
• Gradient , gunakan warna dari renta ke muda. aku menggunakan warna magenta renta ke magenta muda
• Style Radial , Angle 90 derajat

# Bevel and Emboss

Fungsi bevel and emboss disini akan menyediakan imbas 3dimensi pada segi tombol. 

• Style Pillow emboss
• Technique Chisel hard
• Depth dan Size kawan sesuaikan saja sendiri , sambil menyaksikan hasilnya. siapa tahu memiliki hasrat sendiri.
• Gloss Contour , disini gunakan yang menyerupai bentuk tangga. pada opsi contour persyaratan niscaya kawan tidak akan melihatnya sebab masih tersembunyi , untuk menimbulkan silahkan klik icon roda gigi dan pilih contours.

  

  cara memperlihatkan semua contour photoshop

• Highlight mode beserta Shadow mode berikan warna muda atau Putih.

Sekarang Contour pada opsi dibawah bevel and emboss. ini berfungsi untuk menyediakan imbas pada bentuk bevel and emboss yang telah kita buat diatas.  silahkan pilih sesuai tanda panah merah dibawah.

# Stroke

Stroke berfungsi untuk menyertakan garis luar maupun dalam pada bentuk. disini gunakan gradient untuk warna dari garisnya.

• Size 15px ( menyeleksi tebalnya garis )
• Position Center
• Blendmode Normal
• Opacity 100%
• Gradient - berikan warna yang yang serupa menyerupai gradient overlay sebeoumnya ,
• Style gunakan Linear.

# Inner Shadow

Inner shadow berfungsi untuk menyediakan imbas  bayangan didalam objek. menyerupai bola misalnya , niscaya kalau dilihat dibagian bawahnya akan ada serpihan yang gelap sebab kurangnya cahaya yang diterima. 

• Blendmode Overlay warna Hitam
• Opacity 76%
• Angle 120 derajat
• Size 100px 
• Contour guakan yang ditunjuk dibawah. fungsi contour disini untuk menyediakan bentuk dari bayangan. jadi bayangannya juga dapat kita permainkan bentuknya.

# Inner Glow

Inner glow berfungsi sebagari imbas sinar didalam objek. imbas ini akan menyediakan cahaya pada objek sehingga terlihat lebih terang.

• Blendmode Overlay
• Opacity 100% , Noise 0
• Warna , gunakan magenta Muda
• Source pilih Center , jadi cahayanya akan berada di tengah objek tombol.
• Contour pilih sesuai gambar.

# Satin

Satin disini berfungsi selaku yang hendak menyediakan bercak warna acak pada objek. jadi kalau digunakan dengan baik , imbas satin ini sungguh bagus untuk menciptakan objek dengan realistik yang baik.

• Pengaturan blending optionsnya ikuti kode gambar dibawah.

# Color Overlay

Color overlay berfungsi untuk menyediakan warna pada objek. sebab tadi kita telah menggunakan Gradient overlay selaku warna , jadi pengaturan ini , kita minimalisir Opacitynya samapi 18% , supaya tidak terlampau berpengaruh.

Gunakan Blend mode Softlight - warna Hitam.

# Outer Glow

Outer glow ini sebenarnya kebalikan dari inner glow. jadi fungsinya selaku imbas yang hendak memancarkan sinar tetapi ini dibagian luar tombol kita. untuk pengaturannya silahkan ikuti isyarat dibawah :

#Drop shadow

Fungsi Drop shadow yakni selaku imbas bayangan pada luar objek. jadi imbas ini memang sungguh penting bila mengharapkan sesuatu yang realistik. sebab sifat benda niscaya memiliki bayangan bila terkena cahaya.

Jika telah kini tekan OK. kemudian lihatlah hasilnya. tombol web kita telah jadi.

Bagaimana mudahkan menciptakan tombol di photoshop. inti dari panduan photoshop ini sebenarnya , untuk menerangkan terhadap kawan bagaimana fungsi blending options.  karena cuma dengan fitur ini kita dapat menciptakan sesuatu yang menarik. untuk menjadikannya lebih menawan , dapat menyertakan teks didalamnya , siapa tahu tombol mau difungsikan selaku tombol power.

Kabar besar hati : kini fitur blending options telah di upgrade pada photoshop cc. di photoshop cc kita telah dapat menduplikat imbas yang di kehendaki , jadi bila kita ingin membuat objek berbayang banyak diphotoshop telah bisa. untuk lebih jelasnya lihat di kelebihan blending options photoshop cc.

Semoga yang aku berikan kali ini dapat berfaedah bagi kita semua. bila ada kendala silahkan tulis komentarnya dibawah. jangan lupa juga di share ketamn yang lain. aku SAFRI ST mengucapkan banyak terim kasih telah mau berkunjung , Assalamualaikum.

Jago desain grafis? Banyak lho yang mencari jasa freelancer desain grafis ke kita , daftarkan secepatnya Jasa Desain Grafis mu atau kemampuan lain di Freelancer Design Grafis (Klik)supaya eksklusif banyak orderan jasa desain grafis. Di tunggu lho yaa iklan jasa desain grafis dari kau semua.

Lowongan design grafis , jasa design grafis , jasa pengerjaan logo , jasa manipulasi foto , jasa edit foto , lowongan freelancer design grafis , lowongan freelancer design grafik