Mendesain Interface Menu Modern Bagian 1

Langkah 1: Mempersiapkan Kanvas

Buat file baru dengan ukuran 725 × 220 px.

Langkah 2: Latar

Tambahkan Adjustment Layer Solid Color dengan warna #757575.

Langkah 3: Area Menu

Aktifkan tool rectangle lalu buat shape di bagian atas kanvas dengan warna #23262d. Pastikan sisi dan kanan shape berada di luar area kanvas. Zoom lebih dekat dengan tool zoom dan beri jarak 1 px dengan bagian atas kanvas.

Klik ganda layer lalu tambahkan Layer Style Drop Shadow, Inner Glow, Gradient Overlay, dan Stroke dengan setting seperti berikut.

Di bawah adalah tampilan dasar menu yang kita peroleh.

Langkah 4

Ctrl-klik shape lalu buat layer baru.

Langkah 5

Isi layer dengan hitam dengan klik Edit > Fill dan pilih warna hitam.

Langkah 6

Klik Filter > Noise > Add Noise.

Langkah 7

Ubah blend mode layer ke Screen dan turunkan Opacity layer.

Langkah 8: Menu Utama

Gambar sebuah rounded rectangle dengan radius: 3 px dan warna #23262d.

Tambahkan Inner Glow, Gradient Overlay, dan Stroke.

Langkah 9

Beri teks menu di dalam area shape. Beri juga jarak yang cukup.

Beri Drop Shadow agar teks terlihat kontras dengan latarnya.

Langkah 10: Menu Drop Down

Buat shape berbentuk lingkaran dengan warna #24272f.

Tambahkan Gradient Overlay dan Stroke.