Photoshop Layer Style

Membuat Menu Navigasi

Pada materi ini kita akan belajar menggunakan layer style sendiri. Layer style yang
akan digunakan adalah Drop Shadow, Inner Shadow, Inner Glow, dan Gradient
Overlay.
1. Buat file baru Ctrl+N dengan ukuran lebar =1000px dan tinggi = 800px.
Ubah warna latar dengan kode warna #434343. Pilih menu View-New Guide
Horizontal 40px, 50px, 60px dan Vertical 50px, 950px

2. Buat persegi panjang dengan Rectangel Tool ukuran lebar = 900px tinggi =
10 px dan warna #333333. Ubah blending mode Overlay
3. Set Foreground Color warna biru #0099cc. Buat kotak lebar = 100px Tinggi =
10px dengan Rectangel Tool

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom

Photoshop Layer Style

4. Ganti warna Set foreground color dengan #ededed. Pilih Rectangel tool untuk
membuat persegi panjang ukuran 900px X 112px

5. Tambahkan style Drop Shadow, Inner Glow, dan Gradient Overlay

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom

Photoshop Layer Style

6. Buat persegi panjang dengan Rectangel Tool ukuran lebar = 900px tinggi =
10 px dan warna putih

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom

Photoshop Layer Style

7. Tambahkan style Drop Shadow dan Inner Shadow

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom

Photoshop Layer Style

8. Buat persegi panjang dengan Rectangel Tool ukuran lebar = 900px tinggi =
10 px dan warna # 66ccf

9. Sekarang kita akan membuat desain untuk menu home. Ubah Set foreground
color warna biru # 66ccf. Buat kotak dengan ukuran lebar 100px tinggi
120px dan tambahkan style Drop shadow, Gradient Overlay

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom

Photoshop Layer Style

10.Langkah berikutnya kita akan membuat garis vertical dengan ukura 1px
menggunakan Pencil Tool. Buat dua garis warna putih dan hitam. Untuk garis
warna putih set Opacity 35% sedangkan untuk garis warna hitam ubah
blending mode Overlay dan Opacity 100%

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom

Photoshop Layer Style

11.Langkah terakhir tambahkan text menu.

HOME

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom

Photoshop Layer Style

ABOUT US, PORTFOLIO, SERVICES, BLOG, CONTACT US

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom

Photoshop Layer Style

12.Dan hasil terakhir terlihat seperti ini

Modul Praktikum Photoshop

M. Amir Muhtarom, S.Kom