Brushing Grad Web Hosting Layout

Dengan menggunakan tool photoshop, siapkan dokumen baru ukuran 760 px X 700 px.
Background color #333333.

Buat format layout sesuai konsep awal. Gunakan Shape tool

Apply Layer Style {Layer > Layer Style} pada layer header:
Hasilnya

Selanjutnya pindah ke layer header, apply style nya:

Dengan menggunakan brush, tambahkan objek brush pada layer baru, dengan mode layer
= Overlay.

{Brush Download: http://dremi.info/download/web/tips/brush.zip}

{D:\DesignFolder\AdobeStyles\Brushes}

Tambahkan text pada menu dan header dengan menggunakan text tool, dan kopi gambar-
bambar pendukung, berupa laptop ke dalamnya.

Woke, beralih ke layer Services 1 dan dua, masing – masing apply style berikut:
Sebelum melangkah ke tahap berikut nya, siapkan dahulu dokumen baru transparent,
ukuran 10 x 10 pixel, untuk membuat pattern.

Pattern ini nantinya akan digunakan sebagai efek overlay pada layer objek services.

Dengan menggunakan pencil tool, ukuran 1 px dan warna hitam, buat sebuah objek
diagonal seperti apda gambar, lalu tekan [CTRL+A] untuk seleksi canvas, pilih Menu
Edit > Define Pattern.

Pada window pattern name, ketik nama pattern nya, klik OK. Maka secara otomatis,
pattern akan terindeks di list pattern Photoshop.
Woke, kembali ke dokumen sebelumnya, masih pada posisi layer services, buat layer
baru, Menu Layer > New Layer atau [CTRL+SHIFT+N]. Ubah nama layer menjadi “pat
overlay”, dengan cara double klik pada layer nya.

Masih pada layer baru, Tekan [CTRL+Click] pada layer Services 1, akan terbentuk
seleksi sesuai bidang services 1, pilih Menu Edit > Fill, pada window yang muncul, pilih
content pattern, gunakan pattern yang telah dibuat sebelumnya.

woke, Anda tinggal menghapus bagian yang tidak diperlukan dengan menggunakan
eraser tool. Sehingga tampak efek pattern overlaynya hanya pada bagian atas bidang. Jika
terlalu ternag, kurangi Opacity layernya.
Ambil Pen Tool , klik untuk membuat bidang di kiri atas kotak services.

Dengan Convert Point Tool tarik pada kedua titik di kanan, untuk membuat ujung
kanan menjadi melengkung.

Apply Style nya:

Hasilnya

Duplikat untuk bagian services lainnya. Dengan cara, klik kanan pada layer path hijau
nya, lalu pilih “duplicate layer”.

Untuk mempercantik tampilan services, serta menarik perhatian pengunjung pada

services utama web nya, berikan objek shapping berikut:

Gunakan shape tool : Poligon Lasso, lalu atur settingan nya seperti pada gambar.
Dengan cara yang sama, apply style gradasi dan stroke nya.
Lalu jangan lupa untuk me-restirize layer shape tadi. Klik kanan pada layer shape nya,
lalu pilih Restirize Layer. Hal ini dilakukan karena kita akan memotong setengah bagian
dari bidang shape.

Tekan [CTRL+Klik] pada layer Services 1. Setelah seleksi terbentuk, pilih menu Select >
Invers, untuk membalik seleksi. Tekan [DELETE]. Untuk menghilangkan seleksi tekan
[CTRL+D].

Atur posisinya, seperti pada gambar:

Nah, sekarang saatnya untuk mengisi konten services, dengan text tool, isi services –
services yang dinginkan oleh client Anda.
Untuk bagian feature – feature (body), apply style berikut ini:

Kembangkang kreatifitas Anda, isi bagian konten feature dengan yang dinginkan,
tambahkan juga Item text untuk Footernya.
Hasil akhirnya...
========================================