7 0 komputerakt

!
f 6 1 | 2 7 Ag u s t u s 2 0 0 3
DI GI T A L I MA GI NG MEMBUAT TOMBOL WEB
Bikin Efek Aqua
Membuat tombol-tombol untuk situs Anda terlihat mengkilat.
Software:
Adobe Photoshop 7.0
Tool:
- Gradirnt Tool
- Marquee Tool
Layer Style:
- Inner Glow
- Outer Glow
ARI YO, YUL
PERANTI
Lembaran Transparan
Buka Adobe Photoshop Anda, lalu klik
[File] [New]. Pada boks dialog New, beri
nama dokumen dan tentukan ukuran area kerja
yang ingin Anda buat di kotak isian Preset
Sizes:. Pada kotak isian Resolution, pilih
[72 pixel/inch]. Dan pada Mode:, pilih [RGB
Colour]. Jangan lupa, klik [Transparent] pada
menu Content.
1
Membuat Lingkaran
Sekarang klik tombol [Elliptical
Marquee Tool (M)] di toolbox kiri. Sambil
menekan tombol [Shift], klik mouse di area
kerja. Tahan dan tarik pointer hingga
membentuk sebuah lingkaran bundar
sempurna. Jika sudah mencapai ukuran yang
diinginkan, lepas mouse.
2
Gunakan Tool Gradasi
Sekarang waktunya mewarnai
lingkaran. Agar terkesan bulat sempurna,
pakailah warna gradasi. Untuk itu, klik
[Gradient Tool]. Pada toolbar Gradient yang
muncul di atas, klik tombol [Radial Gradient].
Pada menu drop-down Gradient Picker pilihlah
[Foreground to Background].
3
embuat tombol-tombol bertampilan ciamik tak
perlu susah-susah. Dengan menggunakan Adobe
Photoshop, Anda bisa membuat beragam tombol
dengan berbagai variasi tampilan. Misalnya, tombol yang
mengkilat. Hanya dengan memanfaatkan dua-tiga tool dan
memanfaatkan sedikit filter efek, tombol pun segera jadi.
Setelah jadi, gambar bisa langsung Anda upload ke web.
M
7 1 komputerakt
!
f 6 1 | 2 7 Ag u s t u s 2 0 0 3
Memilih Warna Gradasi
Setelahnya, pilihlah warna gradasi pada
menu Set Color di toolbox. Klik salah satu
kotak, lalu pulihlah warna dari boks Color
Picker yang muncul. Warna foreground (kotak
warna paling depan) sebaiknya lebih muda
dibandingkan warna background.
Memuncul kan
Gradasi
Klik pada tengah bawah lingkaran. Lalu sambil
menekan tombol [Shift], tarik pointer ke atas,
mendekati garis atas lingkaran. Gradasi yang
berada di tengah bawah lingkaran akan muncul
dengan warna yang lebih muda .
4
5
Warna Cahaya
Klik [Gradient Tool]. Kemudian klik
tombol [Linear Gradient]. Pada menu Gradient
Picker, pilih [Foreground to Tranparent]. Untuk
warna foreground, pilihlah warna putih. Klik
mouse pada tengah atas bentuk oval. Tarik
pointer ke bawah sambil menekan tombol
[Shift]. Warna yang muncul adalah gradasi
putih ke warna lingkaran pertama.
7
BANNER HEWLETT-PACKARD
Bikin Outline
Agar semakin terlihat nyata, Anda mesti
mempertegas warna outline tombol. Pilih
jendela layer tombol, klik [Add a layer style]
yang berikon huruf f, kemudian pilih opsi
[Inner Glow]. Setelahnya akan muncul boks
dialog Layer Style
8
Pantulan Cahaya
Agar semakin terlihat nyata, buatlah
pantulan cahaya untuk tombol Anda. Tekan
[Shift] + [Ctrl] + [N] untuk membuat layer
baru. Buatlah sebuah bentuk oval di bagian
atas lingkaran dengan [Elliptical Marquee
Tool].
6
7 2 komputerakt
!
f 6 1 | 2 7 Ag u s t u s 2 0 0 3
DI GI T A L I MA GI NG MEMBUAT TOMBOL WEB
Warna Outline
Pada Blend Mode, pilihlah normal.
Taruh Opacity pada angka 100% dan Noise
pada 0%. Setelahnya, klik kotak warna di
bawah Noise, lalu pilihlah warna untuk
outline. Warna yang dipilih sebaiknya lebih tua
dari warna dasar tombol. Kemudian, pada
Technique, pilih [Softer] dan di Source pilih
[Edge]. Pada slide bar Choke taruh angka
10% dan di slide bar Size, isikan angka 15%.
Memberi Bayangan
Sekarang berilah bayangan pada
tombol buatan Anda. Masih di boks dialog
Layer Style, klik-dobel [Drop Shadow]. Pada
Blend Mode pilihlah [Normal]. Klik kotak
warna di samping Blend Mode dan pilihlah
warna untuk bayangannya. Warna yang dipilih
sebaiknya warna yang lebih tua dari warna
dasar dan warna outline tombol.
Warna Bayangan
Pada Opacity taruh angka 80% pada
kotak isiannya. Pada menu Distance, isikan
angka 20 px. Sedangkan pada Spread dan
Size, masing-masing isikan dengan angka 0%
dan 25 px. Jika sudah, klik [OK].
Menyisipkan Teks
Jika Anda ingin menyisipkan teks pada
tombol tersebut, klik tombol [Type Tool] pada
toolbox. Ketikkan teks pada tombol. Jika ingin
mengganti warna font-nya, blok teks lalu klik
tombol [Set the text color] di toolbar. Selesai
mengetik dan menentukan warna teks, ubah
teks tersebut menjadi image dengan mengeklik
kanan jendela layer yang berisikan teks, lalu
pilih [Rasterize layer].
12
13
14
9
10
11
Memberi Efek Teks
Biar tambah ciamik, teks tadi bisa
diberi efek tembus. Caranya, klik menu drop-
down Blend Mode, pilihlah opsi [Overlay].
Klik ikon [Add a layer style] [Outer Glow].
Pada boks dialog yang muncul, pilihlah warna
outline huruf dengan mengeklik kotak warna di
bawah Noise. Carilah warna yang tua. Ubah
Blend Mode menjadi [Multiply]. Naikkan
Opacity menjadi 100% dan aturlah Size-nya
sesuai keinginan Anda. Klik [OK] dan lihat
hasilnya.
Menyimpan Hasil
Sekarang simpan file tadi dengan
mengeklik [File] [Save for web]. Pada boks
yang muncul klik tab [4-Up]. Di sini Anda bisa
memilih ukuran file yang sesuai untuk web.
Jika sudah memilih ukuran, klik [Save]. Di
boks selanjutnya beri nama file, tentukan
folder penyimpanan, dan [Save]. Sekarang
tombol siap untuk web Anda.
Halo komputerakt
!
f, saya Denny dari
Jakarta. Ini gambar yang saya buat di
Photoshop 7. Saya menggabung-kan
foto saya dengan gambar lain.
Teknik yang saya gunakan :
l Menyeleksi gambar orang-orang
dengan [Polygonal Lasso Tool]
dengan [Feather] 10
l Mengatur [Level] agar warna
orangnya sesuai dengan warna
pemandangan. (Hal ini membuat
saya pusing tujuh keliling)
l Menambahkan sandaran batu
dengan [Polygonal Lasso Tool]
[Clone Stamp Tool] [Patch Tool]
l Menyeleksi awan dengan [Magic
Wand] dengan Tolerance 10.
l Kelebihan dan kekurangannya diedit
dengan Brush pada [Quick Mask
Mode]. Lalu saya memakai [Color
Balance] dengan warna keunguan
biar seperti Meteor Garden.
l Efek [Render] [Lens Flare], agar
terkesan sinar cahayanya menyinari
orang-orangnya.
l Akhirnya saya menggunakan [Filter
Artistic] [Smudge Stick] agar
seperti lukisan.
g r a f i t i
Kirimkan karya (dengan keterangan Software
berikut versinya dan Tools atau Filter yang
Anda gunakan atau masalah Anda tentang
olah gambar digital ke:
imaging@gramedia-majalah.com