Mencari Tips dan Trick ?

Loading...

Membuat Menu Konten Website Modern

Cetak
PDF

Tags: Belajar Online | Design | Photoshop | Tutorial | Tutorials

Share

Membuat Menu Konten Website ModernTIPSNTRICK-net - Perkembangan dunia web semakin bervariasi, gaya design pun harus mengikuti jaman, saat ini yang lagi digemari adalah design web dengan text bevel ke dalam atau keluar ( text timbul ke dalam dan ke luar ). Berikut ini akan saya jelaskan bagaimana membuat menu konten website modern dengan Photoshop CS

 

 

1.

LANGKAH 1

  • Buat Project baru dengan dimensi 500 px X 300px
  • Buat kotak dengan sudut oval menggunakan "Rounded Rectangle Tools" dengan set kelengkungan 15 px
2.

Membuat Menu Konten Website Modern

Membuat Menu Konten Website Modern

LANGKAH 2

  • Kemudian tambahkan efek layer

Layer > Layer Style > Gradient overlay

  • Pilih warna gradasi sesuai gambar
3.

Membuat Menu Konten Website Modern

LANGKAH 3

  • Kemudian dengan Horizontal Type Tool tambahkan text dengan warna lebih gelap
4.

Membuat Menu Konten Website Modern

Membuat Menu Konten Website Modern

LANGKAH 4

  • Duplikasi text dan beri warna agak terang pada text yang kedua dengan tulisan yang sama. Peletakkan text ini berada pada layer ke 2
  • Kemudian geser posisi text ke-2 sedikit ke kiri dan ke bawah,seperti gambar di samping.
5.

Membuat Menu Konten Website Modern

LANGKAH 5

  • Pada layer text ke-2 tersebut buat lebih transparan dengan Fill 50%
6.

Membuat Menu Konten Website Modern

LANGKAH 6

  • Tambahkan text konten web dengan cara dan langkah sama seperti diatas.

Selesai

Add comment


Security code
Refresh

MySpace Twitter Delicious Stumbleupon Google Bookmarks Kirim Berita