Cara Menciptakan Tombol Di Photoshop

Belajar Photoshop | Dalam sebuah website atau blog, ada yang namanya template dan didalam template tersebut ada beberapa komponen yang penting untuk menginstruksikan perintah pada pengunjung berpindah ke halaman lain ataupun meng-ok-kan suatu tindakan, sebut saja beliau tombol web. dalam pertemuan kali ini aku akan mengajarkan pada teman cara menciptakan tombol di photoshop, supaya dalam tampilan website nanti dapat lebih menarik lagi.
Perlu teman ketahui, bentuk dari tombol yang akan kita buat ini selain sebagai petunjuk klik on off dapat dipakai juga sebagai icon. tergantung pemanfaatannya. yang terpenting yaitu teman mengetahui teknik membuatnya di photoshop. alasannya dalam pembutan kali ini, kita hanya memanfaatkan 90% fungsi blending options photoshop. berikut tumpuan tombol web yang akan kita buat :
Tombol yang akan kita buat ini berbentuk bulat dengan tampilannya dalamnya yang elegan. kilauan cahaya menambahkan imbas 3dimensi, serta titik terang didalamnya menunjukkan gosip bahwa ini yaitu tombol. tapi berdasarkan saya, tutorial kali ini tidak kalah ahli dengan sebelumnya yaitu membuat bola berbulu diphotoshop. jikalau tertarik 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 1400×900 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 seimbang bentuknya, tahan Shift Alt pada ketika menciptakan lingkaran. 
jikalau sudah berikan warna didalamnya sesuai keinginan, dengan menekan Alt Backspace. tekan CTRL D untuk menghilangkan 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, alasannya selanjutnya kita akan gunakan pengaturan pada blending options ini.

#Gradient Overlay

Sekarang gunakan Gradient overlay. fungsinya disini sebagai warna yang pada Tombol kita. 
  • Blendmode Normal
  • Opacity 100%
  • Gradient, gunakan warna dari renta ke muda. aku memakai warna magenta renta ke magenta muda
  • Style Radial, Angle 90 derajat

# Bevel and Emboss

Fungsi bevel and emboss disini akan menunjukkan imbas 3dimensi pada sisi tombol. 
  • Style Pillow emboss
  • Technique Chisel hard
  • Depth dan Size teman sesuaikan saja sendiri, sambil melihat hasilnya. siapa tahu mempunyai impian sendiri.
  • Gloss Contour, disini gunakan yang menyerupai bentuk tangga. pada pilihan contour standar niscaya teman tidak akan melihatnya alasannya masih tersembunyi, untuk memunculkan silahkan klik icon roda gigi dan pilih contours.
    cara menampilkan semua contour photoshop
  • Highlight mode beserta Shadow mode berikan warna muda atau Putih.

Sekarang Contour pada pilihan dibawah bevel and emboss. ini berfungsi untuk menunjukkan imbas pada bentuk bevel and emboss yang sudah kita buat diatas.  silahkan pilih sesuai tanda panah merah dibawah.

# Stroke

Stroke berfungsi untuk menambahkan garis luar maupun dalam pada bentuk. disini gunakan gradient untuk warna dari garisnya.
  • Size 15px ( memilih tebalnya garis )
  • Position Center
  • Blendmode Normal
  • Opacity 100%
  • Gradient – berikan warna yang yang sama menyerupai gradient overlay sebeoumnya,
  • Style gunakan Linear.

# Inner Shadow

Inner shadow berfungsi untuk menunjukkan imbas  bayangan didalam objek. menyerupai bola misalnya, niscaya kalau dilihat dibagian bawahnya akan ada bab yang gelap alasannya kurangnya cahaya yang diterima. 
  • Blendmode Overlay warna Hitam
  • Opacity 76%
  • Angle 120 derajat
  • Size 100px 
  • Contour guakan yang ditunjuk dibawah. fungsi contour disini untuk menunjukkan bentuk dari bayangan. jadi bayangannya juga dapat kita permainkan bentuknya.

# Inner Glow

Inner glow berfungsi sebagari imbas sinar didalam objek. imbas ini akan menunjukkan 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 sebagai yang akan menunjukkan bercak warna acak pada objek. jadi kalau dipakai dengan baik, imbas satin ini sangat baik untuk menghasilkan objek dengan realistik yang baik.
  • Pengaturan blending optionsnya ikuti aba-aba gambar dibawah.

# Color Overlay

Color overlay berfungsi untuk menunjukkan warna pada objek. alasannya tadi kita sudah memakai Gradient overlay sebagai warna , jadi pengaturan ini, kita kurangi Opacitynya samapi 18%, supaya tidak terlalu berpengaruh.
Gunakan Blend mode Softlight – warna Hitam.

# Outer Glow

Outer glow ini bekerjsama kebalikan dari inner glow. jadi fungsinya sebagai imbas yang akan memancarkan sinar namun ini dibagian luar tombol kita. untuk pengaturannya silahkan ikuti petunjuk dibawah :

#Drop shadow

Fungsi Drop shadow yaitu sebagai imbas bayangan pada luar objek. jadi imbas ini memang sangat penting jikalau menginginkan sesuatu yang realistik. alasannya sifat benda niscaya mempunyai bayangan jikalau terkena cahaya.

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

Bagaimana mudahkan menciptakan tombol di photoshop. inti dari tutorial photoshop ini sebenarnya, untuk menjelaskan kepada teman bagaimana fungsi blending options.  karena hanya dengan fitur ini kita dapat menghasilkan sesuatu yang menarik. untuk membuatnya lebih menarik, dapat menambahkan teks didalamnya, siapa tahu tombol mau difungsikan sebagai tombol power.

Kabar bangga : kini fitur blending options sudah di upgrade pada photoshop cc. di photoshop cc kita sudah dapat menduplikat imbas yang di inginkan, jadi jikalau kita ingin membuat objek berbayang banyak diphotoshop sudah bisa. untuk lebih jelasnya lihat di kelebihan blending options photoshop cc.

Semoga yang aku berikan kali ini dapat bermanfaat bagi kita semua. jikalau ada duduk perkara silahkan tulis komentarnya dibawah. jangan lupa juga di share ketamn yang lain. aku SAFRI ST mengucapkan banyak terim kasih sudah mau berkunjung, Assalamualaikum.