Membuat desain pin sendiri sangatlah mudah. Dengan desain pin berbasis vektor anda dapat merubah ukuran desain tanpa harus kehilangan kualitas dan mempertahankan desain agar tetap tajam.
Langkah ke-1
Dimulai dengan membuat sebuah dokumen baru di Photoshop, berukuran 500×500, dengan latar belakang Putih.
Klik Pen Tool (P) dan pilih Ellipse Tool.
Pilih warna yang bagus menurut anda yang akan memperlihatkan antara shadows dan highlights, saya memilih merah. Sekarang mulai membuat sebuah lingkaran sambil menekan tombol Shift, ini akan membuat lingkaran menjadi proporsional. Ini akan menjadi dasar untuk Pin, Tetapi jangan khawatir dengan ukuran lingkaran, karena berbasis vektor anda dapat merubahukurannya kemudian jika anda butuhkan.
Langkah ke-2
Pada langkah ini semua akan membahas tentang pemberian efek kepada Layer. Untuk mengakses layer styles window, klik salah satu layer pada Layer Palette atau klik Layer > Layer Style > Blending Options…
Drop Shadow:
Inner Shadow:
Outer Glow:
Inner Glow:
Gradient Overlay:
Oke, sekarang kita telah memberikan efek pada layer dasar. Tambahkan bayangan dan sedikit highlight ditengah. Seperti gambar di bawah ini:
Langkah ke-3
Pada langkah ini akan membantu anda membuat dua highlights yang halus, satu diatas dan satu dibawah. Duplicate layer sebelumnya, salah satunya dengan lingkaran didalamnya; Layer > Duplicate Layer… Anda akan me-resize layer baru ini sampai 90% dari ukuran aslinya (Edit > Transform > Resize) Lakukan sekali lagi langkah demi langkah:
Uncheck semua efek kecuali untuk Gradient Overlay, yang settingannya sebagai berikut:
Gradient Overlay:
Klik Gradient hingga memunculkan jendela baru. Geser tanda panah diatas ke tengah, ini akan memperkecil Gradient. Dikiri saya gunakan warna putih (#FFFFFF) dengan 100% Opacity
Rubah Fill menjadi 0% (lokasinya dibawah Layer Opacity pada Layer Palette). Ini akan membuat warna lingkaran menjadi transparan. Anda mungkin juga ingin menurunkan Opacity, saya merubahnya menjadi 30% pada layer ini.
Sehingga Pin terlihat seperti ini:
Langkah ke-4
Sekarang kita akan membuat highlight utama.
pilih Pen Tool kembali dan gunakan Ellipse Tool untuk membuat lingkaran kali ini.
Sekarang kita akan meletakan shape ini kemana kita inginkan datangnya cahaya. Pilih Move Tool (V) dan cek Show Transform Controls checkbox diatas Bar Menu. Sambil menekan Shift putar layer (letakkan pointer kir-kira diujung Layer dan mulai dragging). Putar menjadi 45-derajat dan letakkan pada tempat yanganda inginkan.
Seperti yang anda lihat ada sedikit ruang antara highlight yang lama dan ellipse. Untuk mengisi ruang ini pilih Pen Tool (P), sambil menekan Ctrl, klik ellipse. anda akan melihat 4 titik shape dan apa yang harus lakukan adalah drag salah satu titik seperti gambar berikut:
Sekarang kita akan merubah shape yang berwarna hitam menjadi putih transparan dengan bantuan Layer Style.
Hanya Gradient Overlay :
Anda harus melakukan drag gradient disekitar gambar sampai anda mendapatkan yang sempurna.
Rubah Fill menjadi 0% dan Opacity menjadi sekitar 60% untuk layer ini.
Langkah ke-5
Sekarang Pin hampir selesai, Pilih layer dasar dan rubah Fill menjadi 0%.
Untuk memperlihatkan seperti apa Pin anda pada langkah ini saya telah merubah latar belakang menjadi biru,:
Langkah ke-6
Yang tersisa sekarang adalah konten Pin yang sebenarnya. Jika anda mempunyai gambar yang akan anda pergunakan untuk Pin anda drag gambar tersebut dan letakkan dibawa Layer dasar. Setelah lapisan itu mengisi lingkaran hingga persis seperti yang anda inginkan, anda Ctrl-click vector mask layer dasar. Pilih lingkaran (Pin) dan yang harus lakukan sekarang adalah, sewaktu anda berada pada layer gambar, klik Add Layer Mask icon. Ini akan menyembunyikan semua yang ada diluar area Pin.
Ingat karena Pin berbasis vektor jadi anda dapat merubah ukuran sesuai dengan keinginan anda, akan tetapi jika content desain Pin anda bukan vektor jadi resize Pin sebelum anda menambahkan content.
Selamat Mencoba !
Sumber : http://www.tutorial9.net/photoshop/vector-based-badges/
