Saturday, January 19, 2013
10:41 PM

Menggambar ikon RSS



Apa itu RSS?
RSS adalah sebuah file berformat XML untuk sindikasi yang telah digunakan (di antaranya dan kebanyakan) situs web berita dan weblog. Nah, tutorial kali ini kita akan menggambar ikon RSS berukuran 16px menggunakan Inkscape.



Mengapa harus 16px dulu?
Karena jika dimulai dengan hal-hal mendasar yang kecil, niscaya hal yang besar akan lebih mudah... (eh, nyambung gak sih? :D )
Jadi, simak baik-baik langkah demi langkah berikut ini:

1. Jalankan aplikasi inkscape anda... :D
2. Atur Page Size nya ke Icon 16x16, lihat gambar deh biar lebih jelas...
>> File >> Document Properties atau tekan tombol Shift+Ctrl+D

3. Aktifkan fitur Grid
>> View >> Grid
Coba perhatikan baik-baik, terlihat bahwa kotak tersebut berjumlah 16 kesamping, dan 16 kebawah (anggaplah 1 kotak = 1 pixel)
4. Buat sebuah kotak dengan tiap sudut yang melengkung 2px (tekan F2, untuk mengeditnya).
5. Buat lagi sebuah kotak di atasnya (tidak melengkung sudutnya).
6. Ubah warna pada kotak tadi dengan Radial gradient
>> Object >> Fill and Stroke atau tekan tombol Shift+Ctrl+F
7. Buat sebuah garis (tekan Shift+F6) dan warnai dengan warna putih. Edit pada Stroke style, ubah Width ke 2,00 px

8. Buat garis tersebut melengkung, perhatikan baik-baik lengkungan tersebut...
yang atas 7 kotak ke kanan, yang bawah 7 kotak ke atas

9. Duplikat garis lengkung tersebut (tekan Ctrl+D), taruh dibawah garis lengkung pertama, dan susutkan... Jangan lupa, Stroke style ubah ke 2,00 px juga

10. Buat sebuah lingkaran (tekan F6) lihat baik-baik tuh titik sudut nya :)
11. Selesai... agar lebih keren, ubah warna kotak paling bawah dengan warna gradasi
Selamat mencoba & berkarya sobat :)

Catatan:
- Minimal membuat sebuah lengkungan itu 2px, 1px tidak akan terlihat!!! (no. 5)
- 1 kotak = 1 pixel (no. 11)
- Fitur Grid akan sangat membantu untuk membuat objek-objek agar ditempatkan secara simetris
- Penjelasan lebih lengkap mengenai RSS ada di Wikipedia
- Contoh berkas ikon RSS tersebut dapat diunduh di Dropbox saya :)

0 comments:

Post a Comment