Mendesain Interface Menu Modern Bagian 2

Langkah 11

Aktifkan tool polygon dengan Sides: 3. Buat segitiga di dalam lingkaran dengan warna #858794.

Beri sedikit Drop Shadow.

Langkah 12

Buat rounded rectangle untuk latar sub menu.

Tambahkan Layer Style berikut.

Langkah 13

Tambahkan path segitiga di bagian atas persegi dengan mode Add to Shape.

Langkah 14

Tambahkan teks menu.

Beri Drop Shadow pada teks.

Langkah 15

Tambahkan latar untuk kondisi hover, yaitu ketika kursor berada di atasnya. Untuk menu kedua, caranya dengan menduplikasi latar sub menu lalu menambahkan persegi menutupi menu lainnya dengan mode Subtract.

Ini adalah tampilan hover untuk menu lainnya.

Langkah 16

Buat shape rectangle hitam dengan tinggi 1 px di antar setiap menu.

Tambahkan Drop Shadow.

Langkah 17: Setting

Buat latar untuk tombol setting. Prosesnya sama seperti latar untuk menu utama.

Langkah 18

Buat rounded rectangle dengan radius 1 px.

Langkah 19

Aktifkan path dengan tool Path Selection dan tekan Ctrl + Alt + T untuk memduplikasi dan mentransformasi path. Putar 45°.

Langkah 20

Tekan Ctrl + Shift + Alt + T beberapa kali hingga diperoleh seperti di bawah.