Bagaimana Cara Membuat Pixel Hati dengan Inkscape
() translation by (you can also view the original English article)



Tutorial kali ini saya akan mendemonstrasikan bagaimana cara mendesain vektor hati bergaya isometrik dan tampak seperti dari pixel-pixel dengan gunakan Inkscape.
Jika kamu mencari template logo, kamu bisa mendapatkannya di GraphicRiver.
1. Mengatur Dokumen
Langkah 1
Pilih menu View dan klik opsi Custom.



Langkah 2
Pilih View > Zoom dan klik Zoom 1:1 untuk memastikan objek Anda diperbesar 100%.



Langkah 3
Klik pada ikon Align and distribute objects di toolbar untuk membuka panel alignment. Lalu klik ikon Fill & Stroke di toolbar untuk buka menu Colors, gradients and strokes.



Langkah 4
Buka menu File > Document Properties (Control-Shift-D) dan nonaktifkan Show page border and Show border shadow.



2. Membuat Bentuk Dasar
Langkah 1
Pilih Create Stars and Polygons (*) dan atur parameter di toolbar pada pilihan berikut:
- Regular Polygon
- Corners: 6
- Rounded: 0.000
- Randomized: 0.000



Langkah 2
Tahan tombol Control dan Shift di keyboard Anda. Klik dan tarik di kanvas untuk membuat sebuah polygon yang ujungnya tajam.



Langkah 3
Ubahlah warna polygon jadi merah dan turunkan Opacity jadi 50% dengan tool Opacity Percentage di panel Fill and Stroke.



Langkah 4
Tekan Select tool (F1) dan aktifkan ikon gembok di antara kotak W dan H di toolbar. Lalu ganti nilai di kotak W= 300 dan tekan Enter agar ukuran polygon menjadi 300 pixels. Setelah itu, aktifkan Snap to cusp nodes pada Enable snapping di menu toolbar paling atas.



Langkah 5
Klik kanan pada objek polygon dan pilih Duplicate (Control-D) untuk menciptakan objek duplikat. Beri warna biru pada objek duplikat. Klik dan tarik polygon baru dan rapatkan ke sudut kiri bawah objek polygon merah.



Langkah 6
Klik kanan pada polygon biru dan pilih Duplicate (Control-D) untuk membuat duplikat. Beri warna hijau. Lalu rapatkan ke sudut kanan bawah pada polygon merah.



Langkah 7
Klik kanan pada polygon hijau dan pilih Duplicate (Control-D) untuk membuat duplikat. Berilah warna hitam. Lalu rapatkan ke bagian tengah pada ketiga objek polygon seperti gambar berikut.



3. Memotong Bentuk
Langkah 1
Klik kanan pada polygon hitam dan pilih Duplicate (Control-D) untuk membuat duplikat. Dengan objek duplikat terseleksi, tahan tombol Shift di keyboard dan klik pada polygon biru. Masih kedua objek terseleksi, buka menu Path > Intersection. Hasilnya akan seperti ini.



Langkah 2
Sekarang lakukan langkah yang sama pada polygon merah dan hijau. Jadi klik kanan pada polygon hitam lagi dan pilih Duplicate (Control-D). Sambil tahan tombol Shift dan klik pada polygon merah lalu pilih menu Path > Intersection.



Langkah 3
Klik pada polygon hitam dan tahan Shift lalu klik pada polygon hijau. Pilih menu Path > Intersection. Hasilnya akan seperti berikut dengan tiga bagian dari masing-masing objek polygon berwarna beda.



4. Pemberian Warna Bentuk
Langkah 1
Seleksilah semua bentuk dengan menekan (Control-Alt-A). Geser slider Opacity jadi 100%.



Langkah 2
Kliklah di sembarang tempat agar tidak menyeleksi objek apapun. Kemudian seleksi pada bagian polygon biru. Pastikan masih terseleks dan buka panel Fill and stroke. Di bawah tab Fill ubah opsi RGBA menjadi ff2a2aff
.






Langkah 3
Pilih objek polygon merah paling atas dan buka panel Fill and stroke. Di tab Fill, ubah RGBA jadi ffaaaaff
.



Langkah 4
Pilih objek warna hijau pada polygon sebelah kanan. Di panel Fill and stroke, pada tab Fill, ubah RGBA jadi 800000ff
.



Langkah 5
Seleksilah semua bentuk dengan menekan (Control-Alt-A). Tekan Group (Control-G) untuk menggabungkannya. Ganti nilai pada kotak W jadi 100 dan tekan Enter sehingga mengubah ukuran polygon jadi 100 pixels.



5. Membuat Bentuk hati
Langkah 1
Dengan polygon terseleksi, klik kanan dan pilih Duplicate (Control-D). Lalu rapatkan objek baru ke kiri atas pada polygon asli.



Langkah 2
Lakukan proses yang sama dengan menduplikat polygon hingga Anda mempunyai tiga polygon tampak seperti di bawah ini:



Langkah 3
Ulangi langkah yang sama dalam proses menduplikasi pada polygon yang terseleksi. Setelah itu tekan Duplicate (Control-D) sekali lagi. Rapatkan dan taruh di atas polygon sebelumnya.



Langkah 4
Tekan Duplicate (Control-D) pada polygon baru yang terseleksi setelah itu rapatkan ke sudut kanan atas pada polygon sebelumnya.



Langkah 5
Tekan Duplicate (Control-D) pada polygon yang terseleksi setelah itu rapatkan ke sudut kanan bawah pada polygon sebelumnya.



Langkah 6
Tekan Duplicate (Control-D) pada polygon baru yang terseleksi setelah itu rapatkan ke sudut kanan paling bawah pada polygon sebelumnya.



Sekarang kita memiliki sebagian bentuk hati.
Langkah 7
Kembali kepada polygon asli tepatnya paling bawah sekali. Lakukan Duplicate (Control-D) tiga kali dan rapatkan masing-masing duplikat tersebut ke sudut kanan atas.



Langkah 8
Dengan polygon terakhir yang terseleksi, tekan Duplicate (Control-D) setelah itu taruh ke atas pada polygon sebelumnya.



Langkah 9
Tekan Duplicate (Control-D) pada polygon yang terseleksi lalu rapatkan ke sudut kanan atas pada polygon sebelah kiri.



Langkah 10
Terakhir, tekan Duplicate (Control-D) pada polygon yang terseleksi lalu rapatkan ke sudut kanan bawah pada polygon sebelumnya.



Bagus, Anda berhasil!
Dengan begitu, desain kita selesai! Kita berhasil membuat sebuah hati bergaya pixel dengan Inkscape.



