MENGGAMBAR DENGAN ADOBE PHOTOSHOP  

Untuk membuat gambar pada halaman Web Anda, dapat digunakan Adobe Photoshop. Pada
Tutorial berikut ini akan ditampilkan beberapa contoh dalam mendisain.

Memakai Adobe Photoshop 6.0

Tampilan layout Photoshop 6.0 Tools

Navigator dan Info tentang gambar yang dibuka Color, Swatches, dan Style
 Layers tampilan layers yang
Channels digunakan
berisi informasi image color
mode pada gambar dan
Paths dapat membuat channel baru
berisi info tentang
penggambaran
History menggunakan pensil
berisi info tentang langkah-
Options langkah yang sudah
dikerjakan
berisi info tentang actions
yang sudah dikerjakan

Image - Adjust Berfungsi untuk memberi Layer - Layer Style Memberikan efek/
efek pada pewarnaan gambar. style pada gambar yang berdasarkan
layer, seperti blending, drop shadow
(bayangan), bevel and emboss (kesan 3-
D), satin, dan lainnya.
 Filter Membuat efek pada gambar, seperti Artistik, Blur, dan lainnya.

1. MEMBUAT BUTTON

Tahap 1
Pertama Tama Buat file baru fill dengan warna
backgorund. kemudian buat layer baru. pilih tool
elliptical marquee dan buat sebuaH lingkaran lalu di Fill.
Di sini saya menggunakan warna coklat sebagai
forEgorund dan background hitam. Anda bebas
menentukan warna lainnya.

Tahap 2
Kemudian buat layer baru. pilih tool airbrush atur
settingnya dengan diameter 18 pixel dan hardness
100% dan cat lah lingkaran tadi dengan warna putih
sehingga keliatan seperti gambar di samping.

Tahap 3
Kemudian berikan effek Gaussian blur dengan radius
pixel. gambar anda skr seharusnya sudah seperti gbr di
samping
 Tahap 4
Langkah terakhir adalah mendeselect selection dan
bola anda sudah selesai. anda dapat mengubah
warnanya melalui menu Image/Adjust/Hue saturation

2. MENGGAMBAR BUTTON (TOMBOL NAVIGASI)

Langkah 1.
Buatlah media gambar baru berukuran
100 x 100 pixel dan pilihlah latar
belakang putih dengan memilih Content
= white pada saat anda membuat
document baru ( File - New )

Langkah 2.
Buatlah gambar lingkaran dengan
ukuran 70 x 70 pixel dengan
mengunakan elipse tools . ( Untuk
mendapatkan ukuran 70 x 70 pixel klik
2x icon kemudian pada option Style
rubahlah Normal menjadi Fixed Style,
Kemudian masukan nilai 70 pada kolom
Widht dan 70 pada kolom Height ).

Langkah 3.
Tentukan Warna background dan
foreground sesuai dengan warna
favorite anda. dalam contoh ini gue
menggunakan background = hitam dan
foreground = abu abu.
 Langkah 4.
Kemudian pilihlah icon linear gradient
dan click 2x icon untuk
meyakinkan bahwa anda telah memilih
option Gradient = Foreground to
Background. Tariklah sesuai tanda
panah di samping kiri ini.

Langkah 5.
Kembali seperti langkah 2 dengan
membuat circle mask denga ukuran 50
x 50 pixels. Dan tempatkan mask
tersebut tepat di tengah lingkaran 70 x
70.Kemudian tarik kembali sesuai tanda
panah di samping kiri ini.

Langkah 6.
Kini anda telah memiliki satu tombol
navigasi yang berbetuk lingkaran. anda
tinggal mengembangkan tehnik ini untuk
keperluan keperluan lain seperti
menambahkan text atau icon di tengah
navigasi tersebut. Selamat mencoba.)

3. MENGGAMBAR DENGAN EFEK TEKSTUR PLASTIK

Langkah 1.
Pertama tama buatlah media gambar baru, sebesar
800x800 pixels. Pilih warna biru RGB (26, 104,
175) sebagai warna foreground. Gunakan Type
Tool untuk membuat huruf e, dan buat sebesar
media gambar. Lebih besar lebih baik.
Saya membuat e dengan huruf Times New Roman
Bold + Italic.
Langkah 2.
Tekan Ctrl, dan click di layer e, dalam Layers
window, untuk memilih transparansi. Lalu buat
Layer baru, contract seleksi sebesar 16 pixels.

Select > Modify > Contract... 16 Pixels

Langkah 3.
Pilih warna putih sebagai warna foreground, dan isi
seleksi. Alt+Delete. Hilangkan seleksi Ctrl+D, dan
Gaussian Blur layer sebesar 16 pixels.Filter >
Blur > Gaussian Blur... 16 Pixels. Lalu, Gaussian
Blur lagi sebesar 8 pixels, dan 4 pixels.Set Opacity
Layer menjadi 52%, dan ubah Blending Mode
menjadi Color Dodge.

Langkah 4.
Sekarang, tekan Ctrl dan di Layers window, click
di layer e, untuk memilih transparasinya. Dalam
Channels window, tekan Save Selection sebagai
channel tombol. Sekarang, click pada Channel yg
baru dibuat Filter > Blur > Gaussian Blur... 16
Pixels. Kemudian, Gaussian Blur lagi sebesar 8
pixels, 4 pixels, dan terakh ir 2 pixels.Invert seleksi
Ctrl+Shift+I, bersihkan seleksi dengan warna
hitam Del, setelah itu Deselect Ctrl+D
Langkah 5.
Kembali ke Layers window. Tekan Ctrl, dan click di
Layer e, untuk memilih transparasi.Buat new layer
dan drag keatas Inner Glow Layer.Pilih layer yg
baru, isi seleksi dengan warna hitam, dan ubah
nama layer menjadi Highlights.

Check pada Preserve Transparency, dan ubah

blending mode menjadi Screen.

Langkah 6.
Dengan layer Highlights yg terpilih: Filter > Render
> Lighting Effect...Set Material Properties
menjadi:
Gloss: 79
Material: -37
Exposure: 56
Ambiance: -100
Ubah Texture Channel menjadi Alpha 1, atau pada
channel yang anda buat sebelumnya, dan ubah
Height menjadi 100. Buat arah datang sinar,
Intensity 32.Setelah Lighting Effect selesai,
Gaussian Blur pada layer sebesar 3 pixels.

Langkah 7.
Pada step ini anda dapt menggunakan kebebasan
kreativitas anda.

Image > Adjust > Curves...

 Langkah 8.
Buat dropshadow agar tampak lebih bagus.

4. MENGGABUNGKAN GAMBAR

Langkah1.
Kadang kita ingin menyatukan dua
gambar menjadi satu, namun
transisinya tidak mudah untuk dibuat
halus. Di tutorial ini saya akan
menyatukan dua buah gambar kota
yang diambil dari library master.web.id
(tolong kasih info kalau pemegang
copyright gambar2 ini keberatan,
supaya bisa saya ganti dengan gambar
lain), gambar2 tersebut bisa
didownload dengan klik kanan dan
save as. Gambar2 tersebut sudah saya
resize supaya bisa dipakai dalam
tutorial ini.
Langkah 2.
Buka dokumen baru, ukuran 200x150
pixel dengan background hitam.
Pemilihan background hitam saya
dasarkan atas background kedua
gambar kota tersebut juga
hitam/gelap.Paste kedua gambar
tersebut ke dokumen baru ini, dan beri
nama masing2 "kota1" dan "kota2".
Window "Layers" anda seharusnya
terlihat seperti disebelah.
Langkah 3.
Pastikan bahwa foreground dan
background color anda adalah putih
dan hitam (tombol D-X). Switch
warnanya, agar background menjadi
putih dan foreground menjadi hitam
(tombol X). Pilih tool gradasi (Gradient
Tool).Pastikan bahwa gradasi yang
terpilih adalah linear , dan
foreground to background. Enter Quick
mask mode (yang saya beri kotak

merah) .

Langkah 4.
Matikan Layer visibility "kota2" dengan
cara klik icon mata yang ada di
depannya. Layer itu akan kita aktifkan
nanti. Dengan layer "kota1" aktif dan
bekerja dalam quick mask mode, buat
gradasi dari kiri ke kanan, menutupi 3/4
bagian dari image. Exit Quickmask
mode (kembali ke standard mode)

dengan tombol . Tekan tombol

delete. Setengah dari gambar kota1
hilang, tetapi tidak langsung (gradually).
Langkah 5.
Aktifkan layer visibility layer "Kota2"
dengan klik kotak iconnya. Masuk
kembali ke quickmask mode, dan
gunakan gradient tool. Kali ini mulai
dari kanan ke arah kiri menutupi 3/4
bagian dari image. Kembali ke
standard mode dan delete. Kedua
gambar tersebut sekarang sudah jadi
satu dengan transisi yang halus.
Langkah 6.
Di gambar samping saya memodifikasi
gambar tersebut lebih jauh dengan
hue/saturation, contrast dan sedikit
permainan text.Trik diatas
menggunakan gradation dan quick
mask untuk menghapus sebagian dari
gambar secara gradually bisa dipakai di
banyak cara dan variasi. Cobalah
bereksperimen dengan type gradation
yang lain, misalnya radial dan reflected.
 

6. MENGGANTI BACKGROUND GAMBAR

Langkah 1.
Tool Pen cocok untuk lakukan
halus, seperti benda yang
bergerak dan bentuk tubuh
manusia, tetapi tetap memberi
dampak tepian yang kasar,
sehingga diputuskan untuk tidak
menggunakannya pada kasus ini.
Diputuskan untuk menghapus
bagian yang tidak diinginkan
dengan tool Erase. Set tool
Erase pada paintbrush (100%)
atau airbrush (50%), kedua jenis
brush itu baik digunakan.

Langkah 2.
Sebelum proses penghapusan
dimulai, gandakan layer
background kemudian tutup
(hilangkan gambar mata) dan
hidupkan layer baru.

Alasan untuk menggandakannya

adalah untuk menghindari
kemungkinan terjadi kesalahan
dan gambar asli masih ada.
Langkah 3.
Sebelum penghapusan dimulai,
pastikan gambar sudah diperbesar
untuk memudahkan
penghapusan.Pilihlah pen hard-
edged untuk menghapus
background disekitar baju dan
mulailah menghapus. Bila
ditemukan bagian kecil, gunakan
ukuran pen yang lebih kecil lagi.

Langkah 4.
Hapus semua bagian hingga
bagian rambut, bagian inilah yang
terberat karena warna begitu
susah dibedakan. Sering kali hal
termudah yang dapat dilakukan
adalah memisahkannya. Pada
gambar RGB, Photoshop
memberikan 3 pemisah warna
(channel merah, hijau, dan biru)
dan dapat digunakan channel
alpha. Lakukan test sederhana
pada setiap channel untuk melihat
channel mana yang baik untuk
digunakan dan pada kasus ini
adalah channel green.
Kemudian channel ini di-drag
menjadi channel alpha (baru).
Pastikan bahwa channel greenlah
yang digandakan dan bekerja
pada channel baru ini.

Langkah 5.
Penghapusan tergantung pada
kekontrasan warna hitam-putih,
sehingga harus lebih dipertajam
dengan menggunakan adjust -
Levels. Hati-hati, jangan terlalu
kontras karena malah tidak akan
terlihat bedanya.
Langkah 6.
Agar terlihat perbedaannya,
gunakan color range pada menu
Select. Invert warna dengan
seleksi grayscale hingga benar-
benar terlihat perbedaannya, yaitu
gelap pada rambut dan terang
pada latarnya.

Hapuslah bagian yang tidak

diinginkan menggunakan tool
Erase soft-brush Airbrush.

Langkah 7.
Kembalikan channel pada
Channel RGB. Sekarang sudah
terseleksi bagian yang akan
dihapus. Hapurlah bagian yang
tidak diinginkan dengan
menggunakan tool Erase yang
soft-brush. Setelah selesai,
deselect.

Untuk menghapus bagian lainnya,

gunakan tool Lasso dan
kemudian cut. Cara ini lebih
mudah dibandingkan dengan
harus menghapusnya dengan
manual tangan.

Langkah 8.
Sekarang gambar kedua anak
sudah terpisah dari gambar
background.

Buat layer baru dengan posisi di

tengah dan fill dengan warna putih.
 Langkah 9.
Setiap ujung rambut haruslah
benar-benar sudah terhapus
dengan baik. Untuk
memperbaikinya, ulangi lagi
seleksi warna dengan color range.
Kali ini, pilihlah warna rambut dan
set hingga 40.

Aktifkan layer background copy

dan mulailah menghapus dengan
tool Erase memakail soft-brush.

Langkah 10.
Setelah selesai, buanglah layer
puith, layer backround yang asli,
dan channel alpha.

Tambahkan layer baru di bawah

layer backround copy sebagai
backround baru menggantikan
background putih.

SELAMAT MENCOBA

 
Back to Top of Page

PT Asiamaya Dotcom
Indonesia
Kompleks Taman Setia Budi
Indah  
Blok C, No. 51, Medan
Email: dleit@indosat.net.id
Company Profile / Privacy
Policy - Catalog