Simple Clean Techy Navigation Bar

sebuah kesederhanaan biasana berbuah keindahan, itu yang gw pelajari saat pertama kali terjun bebas ke dunia web ini. kali ini kita bikin tutorial untuk sebuah navigasi bergaya techy dan clean.

sebuah kesederhanaan biasana berbuah keindahan, itu yang gw pelajari saat pertama kali terjun bebas ke dunia web ini. karena ada sebuah konsep sederhana yang selalu di pegang oleh para web designer. yakni konsep kesederhaan dalam mendesign layout akan menghasilkan design layout yang seimbang dan konsisten…

woke berangkat dari konsep sederhana di atas, ada tutorial bwat lu….

kali ini kita bikin tutorial untuk sebuah navigasi bergaya techy dan clean.

sedederhana aja broder, siapin doku secukupna. gunakan latar berwarna hitam.

ambil tool shapping dengan radius 10px. gambar shapping na ke gini.

kasi style ke gini…

bwat titik path dengan pen tool…. dan ciptakan seleksi …

convert titik na menjadi lengkungan halus.

woke… klik kanan pada path, pilih make selection, bikin layer baru, fill dengan warna putih, kasi nama layer shadow.

bwat ngilangin objek yang tidak diperlukan, [CTRL+Click] pada layer shapping dasar navigasi, lalu pilih Select > Invers [CTRL+SHIFT+I], pencet [DELETE] pada layer shadow.

gw kasi style gradasi ke gini :

untuk menu na gw kasi warna hijo muda #CCFF00, atur posisi na ke gini

nah skedar pemanis, gw kasi bar pemisah tiap menu na…

gw bikin na make teks biasa, gw ketik string ini “——“

transform ke Rotate 90^o CW

geser ke sebelah kiri menu…dan kotak di ujungna, sama teks angka 01 di dalam kotak na.

woke duplikat menjadi beberapa buah, untuk menu lainna…

jadi dah hahahaa….. simple kaaann …

Share on Facebook