Anda di halaman 1dari 3
DIGITAL IMAGING MEMBUAT TOMBOL WEB Bikin Efek Aqua Membuat tombol-tombol untuk situs Anda terlihat mengkilat.

DIGITAL

IMAGING

MEMBUAT

TOMBOL

WEB

Bikin Efek Aqua

Membuat tombol-tombol untuk situs Anda terlihat mengkilat.

PERANTI

Software:

Adobe Photoshop 7.0 Tool:

- Gradirnt Tool

- Marquee Tool

Layer Style:

- Inner Glow

- Outer Glow

M 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.

ARIYO, YUL
ARIYO,
YUL
jadi, gambar bisa langsung Anda upload ke web. ARIYO, YUL 1 Lembaran Transparan Buka Adobe Photoshop
1
1

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”.

. Jangan lupa, klik [Transparent] pada menu “Content”. 2 Membuat Lingkaran Sekarang klik tombol [Elliptical
2
2

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.

Jika sudah mencapai ukuran yang diinginkan, lepas mouse . 3 Gunakan Tool Gradasi Sekarang waktunya mewarnai
3
3

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].

4 Memilih Warna Gradasi Setelahnya, pilihlah warna gradasi pada menu Set Color di toolbox .
4 Memilih Warna Gradasi Setelahnya, pilihlah warna gradasi pada menu Set Color di toolbox .
4
4

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.

depan) sebaiknya lebih muda dibandingkan warna background . 5 Memunculkan 7 Warna Cahaya Gradasi Klik
5
5

Memunculkan

7
7

Warna Cahaya

Gradasi

Klik [Gradient Tool]. Kemudian klik

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 .

bawah lingkaran akan muncul dengan warna yang lebih muda . tombol [Linear Gradient] . Pada menu

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.

yang muncul adalah gradasi putih ke warna lingkaran pertama. 6 Pantulan Cahaya Agar semakin terlihat nyata,
6
6

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].

8
8

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”

Glow] . Setelahnya akan muncul boks dialog “Layer Style” BANNER HEWLETT-PACKARD komputer akt ! f 61
Glow] . Setelahnya akan muncul boks dialog “Layer Style” BANNER HEWLETT-PACKARD komputer akt ! f 61

BANNER

HEWLETT-PACKARD

DIGITAL IMAGING MEMBUAT TOMBOL WEB 9 Warna Outline Pada “Blend Mode”, pilihlah normal. Taruh “Opacity”

DIGITAL

IMAGING

MEMBUAT

TOMBOL

WEB

9
9

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%.

12
12

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].

13
13
yang berisikan teks, lalu pilih [Rasterize layer] . 13 Memberi Efek Teks Biar tambah ciamik, teks

Memberi Efek Teks

Biar tambah ciamik, teks tadi bisa

10
10

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.

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.

sesuai keinginan Anda. Klik [OK] dan lihat hasilnya. 11 Warna Bayangan Pada “Opacity” taruh angka 80%
11
11

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].

dengan angka 0% dan 25 px . Jika sudah, klik [OK] . 14 Menyimpan Hasil Sekarang
dengan angka 0% dan 25 px . Jika sudah, klik [OK] . 14 Menyimpan Hasil Sekarang
14
14

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.

dan [Save] . Sekarang tombol siap untuk web Anda.   grafiti Halo komputer akt ! f
 

grafiti

  grafiti Halo komputer akt ! f , saya Denny dari Jakarta. Ini gambar yang saya

Halo komputer akt ! 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.

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