Mencari Tips dan Trick ?

Loading...

Membuat Menu Konten Website Modern

Cetak
PDF

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

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

Comments (1)
terima kasih
1 Sabtu, 09 Januari 2010 08:22
Terima kasih ya, artikel ini sangat bagus sekali.

Add your comment

SmileCoolCrying or Very SadEmbarrassedA Smoker/Foot in mouthSadUser is an angel (at heart, at least)A Kiss/Lips Are SealedLaughingBiting one's tongue/Put Your Money Where Your Mouth IsBeen Smacked In The Mouth/Wears A Brace/My lips are sealeSurprisedSticking Out TongueConfusedWinkYelling
Your name:
Your email:
Your website:
Judul:
Comment: