
pada tutorial pertama saya akan mencoba membuat kerasi web button dengan Inkscape.
berikut adalah langkah-langkah untuk membuat web button :
1. buat kotak
( F4 ) fill dengan warna biru tua, lalu bikin sedikit rounded dengan tool
( F2 ) dengan cara click n drag kebawah node pojok kanan atas sambil tahan Ctrl.
2. duplicate( ctrl+D ) kotak fill dengan warna biru dan taro dibelakang kotak biru tua ( End )
3. dengan fill and stroke dialog box ( Ctrl+Shift+F ) pada tab fill tekan linear gradient, atur gradient dengan tool
( Ctrl + F1 ) seperti gambar dibawah

4. buat sembarang objek dengan menggunakan Bezier tool
( Shift + F6 ) seperti gambar dibawah fill dengan warna biru muda
5. duplicate ( Ctrl + D ) kotak, fill dengan warna putih (biar gak bingung). Pilih kotak putih dan objek yang dibikin pake Bezier tool ( tahan Shift ), pilih Path -> intersection


6. dengan tool
( F2 ) select garis tengah dan tekan
,ini akan menambah node baru persis ditengah garis. pilih node baru (node akan berwarna biru) dan bikin node menjadi smooth dengan tool
(akan keluar 2 handle ). Click and drag salah satu handle keatas atau kebawah seperti gambar dibawah.

7. terapkan linear gradient pada objek biru muda ( seperti langkah no. 3 ) dan atur gradient seperti gambar. Masih di fill and stroke dialog box masukkan angka 0.5 pada blur agar memberikan efek halus pada garis.

8. terakhir duplicate ( Ctrl + D ) box fill dengan warna hitam dan blur 3% dan letakkan di paling belakang ( End ), lalu geser ke kanan bawah untuk memberikan efek bayangn/shadow. untuk text dikasih efek yang sama.

related topic : howto.nicubunu.ro




