Praktikum Grafika Komputer

Membuat Banner Web

Membuat Banner Web

Pada dasarnya masking mempunyai fungsi yang sama dengan
erasing tool yaitu menghilangkan bagian yang tidak diinginkan namun ada
perbedaan mencolok diantara keduanya. Perbedaan antara Masking dan
Erasing adalah jika menggunakan teknik masking maka gambar tidak akan rusak
dan bisa dikembalikan seperti semula karena efek masking ini hanya menutupi
bagian yang tidak diinginkan saja. Sedangkan teknik erasing dengan eraser tool
memiliki efek menghilangkan bagian dengan menghapus object secara langsung.
Pada materi ini kita akan belajar membuat banner web, materi yang akan
dipelajari teknik Masking dan Clipping mask.
1. Buka program Photoshop buat dokument baru ukuran 1000 * 500 pixels, pilih
menu View -> New Guide buat garis vertical 50 px, 950px.
2. Pilih menu Rectangle Tool buat objek persegi panjang dengan ukuran 900 *
300 pixels

3. Tambahkan layer style Gradient Overlay dan atur seperti pada gambar
dibawah ini. Code warna gradasi #6ad0fe, #179ad7

Oleh M. Amir Muhtarom., S.Kom

Praktikum Grafika Komputer

Membuat Banner Web

4. Masukan gambar business man and women dan letakan disebelah kanan atur
untuk lebar dan tingginya. Kemudian klik kanan pada layer dan pilih Create
clipping mask

5. Pilih menu Add Layer Mask. Sebelumnya pastikan untuk warna Foreground
hitam dan background color putih.

Oleh M. Amir Muhtarom., S.Kom

Praktikum Grafika Komputer

Membuat Banner Web

6. Aktifkan Gradient tool dan pilih gradasi Foreground to Background.

7. Klik dan drag dari kiri kekanan gambar anda bisa lakukan beberapa kali

8. Sekarang anda masukan gambar kedua Building dan lakukan hal yang sama.

Oleh M. Amir Muhtarom., S.Kom

Praktikum Grafika Komputer

Membuat Banner Web

9. Terakhir gunakan Horisontal Type Tool untuk membuat judul, agar lebih
menarik bisa anda tambahkan efek Drop Shadow dan warna yang berbeda.

Oleh M. Amir Muhtarom., S.Kom