Membuat Menu Konten Website Modern
Tags: Belajar Online | Design | Photoshop | Tutorial | Tutorials
19 Desember 2009
TIPSNTRICK-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. |


|
LANGKAH 2
- Kemudian tambahkan efek layer
Layer > Layer Style > Gradient overlay
- Pilih warna gradasi sesuai gambar
-
|
| 3. |

|
LANGKAH 3
- Kemudian dengan Horizontal Type Tool tambahkan text dengan warna lebih gelap
|
| 4. |


|
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. |

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

|
LANGKAH 6
- Tambahkan text konten web dengan cara dan langkah sama seperti diatas.
|
|
Selesai
|
|