Cara Mudah Desain Ikon Glossy

Ada begitu banyak set ikon gratis di luar sana. Tapi bagaimanapun juga, mendesain sendiri selalu merupakan tantangan yang menarik. Di tutorial ini, kita akan belajar cara membuat ikon glossy (mengkilap) menggunakan Photoshop. Tutorial ini sangat sederhana dan mudah. Anda bisa mengikutinya dalam 10 menit atau kurang.Sebelumnya, lihat dulu ikon yang akan kita buat di sini.

simple glossy icon

Langkah 1.

Buat file baru, ukuran 512×512 pixel, mode warna RGB, dengan background putih. Dari panel layers, buat group baru dan beri nama icon. Dengan cara ini, ikon yang kita buat akan lebih mudah terorganisir.

simple glossy icon

Langkah 2

Aktifkan tool Rounded Rectangle. Dari baris pilihan atur radius 30 px. Tahan shift dan geser untuk membentuk sebuah persegi. Anda bisa menggunakan warna apaun karena kita akan mengubahnya menggunakan layer styles.

simple glossy icon

Langkah 3

Klik ganda layer shape kita dan tambah beberapa layer style. Gunakan setting seperti yang terlihat di bawah.

simple glossy icon

simple glossy icon

simple glossy icon

simple glossy icon

simple glossy icon

Ketika setting gradient overlay terpilih, klik dan geser ke bagian atas kotak untuk memindahkan sumber cahaya.

simple glossy icon

Step 4

Tahan ctrl dan klik layer shape.

simple glossy icon

Tahan shift+alt dan menggunakan tool elips marquee buat seleksi lain di bagian atas.

simple glossy icon

Kedua seleksi akan saling memotong dan menghasilkan bentuk ini.

simple glossy icon

Langkah 5

Buat lagi layer baru. Aktifkan tool gradient. Tambahkan gradasi linear dari putih ke hitam.

simple glossy icon

Ubah blending mode layer ke Screen dan turunkan opacity ke 60%.

simple glossy icon

Step 6

Copy paste logo yang ingin Anda gunakan. Saya menggunakan logo dari salah satu situs favorit saya, 1stwebdesigner.

simple glossy icon

Tekan D untuk mengubah warna depan ke hitam. Menggunakan tool pen, gambar ulang logo secara manual.

simple glossy icon

Setelah selesai menggambar logo, kita bisa menyembunyikannya dengan cara klik ikon mata di depan layer.

simple glossy icon

Langkah 7

Sekali lagi, kita perlu menambahkan layer styles ke dalam logo. Gunakan setting di bawah.

simple glossy icon

simple glossy icon

Langkah 8

Langkah terakhir ialah mengganti knockout ke Deep dan menggeser slider hitam di bawahnya. Ini akan menambahka lubang pada layer yang memungkinkan kita untuk melihat langsung ke Background.

simple glossy icon

Gambar Akhir dan Download File PSD

Di bawah adalah gambar terakhir kita.

simple glossy icon

Saya juga menambahkan beberapa warna pada Background untuk meyakinkan Anda bahwa ikon kita benar-benar memiliki lubang.

simple glossy icon

Saya harap Anda menyukai tutorial ini. Jika memiliki ide lain tentang pembuatan tutorial, silakan tuliskan di bawah.

download file psd

Iklan

4 thoughts on “Cara Mudah Desain Ikon Glossy

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s