Membuat Tombol Aqua Capsule Bagian I

Home

Tutorial

Membuat Tombol Aqua Capsule Bagian I

Tutorial
zaki falimbany, Saturday, 10 May 2008 07:50

Coba anda liat tombol ini. Terlihat menarik bangetkan ( paling gak menurut gw ). Konon teknik seperti ini namanya Aqua Capsule. Mac lah yang memperkenalkannya pertama kali. Nah sekarang kita bakal belajar, gimana seh cara bikinnya tu tombol. Sebelom kita mulai ada beberapa hal yang musti lu siapin.

Adobe fireworks ( saya menggunakan versi Cs3 ).
Komputer ( soalnya fireworks belom bisa jalan di mesin ketik ) .
Secangkir kopi - susu hangat.
Beberapa batang rokok.
emang yang no 3 & 4 gak ada hubungannya, tapi kadang - kadang itu menjadi penunjang penting kalo pala lu tiba - tiba pusing baca tutorial ini

Sekarang buka Fireworks lu.

Buat dokumen png baru dengan ukuran 400 pixel x 400 pixel dan canvas colornya white. Klik New pada menu bar.

Bagus, sekarang kita udah punya lembar kosong kan, nah cobal lirik tools yang ada di sebelah kiri layar. Ada Rectangel Tool klik tombol panahnya, akan ada menu lagi yang keluar, pilih Rounded Rectangle

trus buat kotak pada lembar kerja

perhatikan bagian property di sudut kiri bawah, Sesuaikan ukuran W = 200, H = 50

perhatikan kotak tersebut, ada bagian ketupat warna kuning kan ? nah kamu tarik itu ketupat kearah dalem sampe mentok.

Sip! Sekarang kita udah punya capsule.

Selanjutnya kita kasih warna tu capsule, pola aslinya adalah solid, ganti warna tersebut dengan Linear, caranya klik tanda panah pada dropdown solid pilihlah Gardient > Linear

Sip kotak warna propertiesnya udah berubah sekarang, Klik tanda panah kecil pada kotak warna tersebut.

Sekarang kita akan mengubah warna disebelah kanan menjadi #194989.

dan kita akan mengubah warna sebelah kiri menjadi#427EB2

Sekarang kita udah punya capsule seperti gambar dibawah ini

Sekarang coba liat bagian Filter dibagian kanan bawah. klik tanda + pilih Bevel and emboss > Inner Bevel.

kita akan melihat sebuah kotak property muncul di kanan bawah, ubah nilainya seperti contoh di bawah ini.

Selanjutnya tambahkan filter inner shadow. langkahnya seperti di bawah ini

kita akan mendapatkan kotak property lagi, ubah nilainya seperti nilai dibawah ini.

sekarang gambar capsule kita akan menjadi seperti gambar di bawah

Sekian dulu tips nya di sesi pertama, Efek - efek selanjutnya akan diberikan di Sesi kedua .

Comments

dhanie89 2011-06-11 00:49:44

wah ko gambarnya ga muncul ya bos

Only registered users can write comments!

Last Updated on Wednesday, 10 June 2009 16:37

JUG Indonesia

_{Id-joomla.com adalah situs resmi Joomla User Group (JUG) Indonesia dan Joomla Translation Team}

_{Download Terjemahan Joomla terakreditasi dari JoomlaCode dan laporkan bugs, ide dan saran nya di Sub Forum Hanacaraka}

Login

Artikel

Komunitas Pengguna Joomla Indonesia

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

JUG Indonesia

Login

Artikel