Advertisement
  1. Design & Illustration
  2. Illustration

Gunakan Inkscape untuk Membuat Sepasang Sunglasses Dengan Mudah

Scroll to top
Read Time: 9 min
This post is part of a series called Summer in Session!.
Create a Series of Colorful Vector Starfish in Adobe Illustrator
How to Create a Beautiful Flip Flop Icon in Adobe Illustrator

Indonesian (Bahasa Indonesia) translation by Puuma (you can also view the original English article)

Dalam tutorial ini, kita akan merancang sepasang kacamata hitam keren. Kacamata hitam ini menggunakan banyak bentuk berbeda yang terdiri dari beberapa teknik di seluruh Inkscape. Kita akan membahas hal-hal sederhana seperti menggambar bentuk, untuk beberapa hal yang lebih rumit seperti operasi jalur. Jadi, bagaimana kalau kita melompat ke kanan?


1. Siapkan Dokumen

Mari buka Inkscape dan buka File > Document Properties untuk menyiapkan kanvas kita. Untuk tutorial ini, kita akan mengatur ukuran dokumen kita menjadi Width 600px dan Height 600px. Untuk membuat semuanya lebih mudah, kita juga akan memeriksa Perbatasan di bagian atas gambar.

document propertiesdocument propertiesdocument properties

2. Menggambar Lensa 

Langkah 1

Klik alat Create Circles (F5) dan gambar lingkaran yang sempurna (tahan Control sambil mengklik/menyeret). Ukuran belum penting, jadi buat lingkaran yang cukup besar untuk dikerjakan.

draw a perfect circledraw a perfect circledraw a perfect circle

Langkah 2

Dengan lingkaran Anda dipilih, kepala ke Path > Object to Path (Shift + Control + C) untuk mengubah lingkaran ini menjadi jalur.

object to pathobject to pathobject to path

Dengan cara ini, kita dapat mengedit lingkaran menggunakan node seperti yang ditunjukkan di bawah ini.

edit path by nodesedit path by nodesedit path by nodes

Langkah 3

Sekarang kita akan menggunakan alat Edit Paths by Nodes untuk mengklik-drag node ini dan menangani untuk membentuk lingkaran ke dalam bentuk lensa kacamata hitam (Anda juga dapat menggunakan tombol panah untuk memindahkan node). Ini adalah bagian yang rumit, sehingga koordinat tepat dari 4 node tercantum di bawah ini untuk Anda mulai.

draw a lensdraw a lensdraw a lens

3. Pasang Lensa

Langkah 1

Pertama, buka Fill and Stroke dengan mengklik Object > Fill and Stroke. Mari kita atur cat Stroke ke warna datar R=93, G=93, B=93.

set stroke paintset stroke paintset stroke paint

Langkah 2

Isi akan menjadi gradien linier. Untuk mengubah warna gradien, kita akan mengklik Edit... di bawah Linear Gradient. Ini menampilkan Editor Gradien di mana kita akan dapat mengubah warna stop kita.

Klik menu drop pertama untuk memilih berhenti. Pemberhentian pertama kita adalah R=197, G=137, B=79, A=200. Perhentian kedua adalah R=176, G=79, B=0, A=200. Jika Anda bertanya-tanya, kita menurunkan A, yang merupakan Alpha, untuk membuat lensanya tembus pandang. Ini akan menambahkan beberapa realisme nanti.

linear gradient filllinear gradient filllinear gradient fill

Langkah 3

Kita perlu menyesuaikan sudut gradien ini. Untuk melakukan ini, mari klik Gradient Tool dan pilih lensanya. Ini memunculkan beberapa node yang menunjuk arah gradien. Klik-tarik simpul untuk membuat garis vertikal (tahan Control untuk menjaga garis lurus).

adjust gradient angleadjust gradient angleadjust gradient angle

Langkah 4

Kita perlu memberi lensa kita bingkai, jadi mari klik tab Stroke style di Fill and Stroke. Setel Width menjadi 8px.

set stroke widthset stroke widthset stroke width

4. Menambahkan Beberapa Detail

Langkah 1

Salin dan tempel lensa untuk mendapatkan bentuk yang tepat untuk detailnya. Pada lensa yang disalin, mari hapus Fill dengan mengklik ikon "X", atur Stroke paint ke R=0, G=0, B=0, dan beri Stroke style Width 1px. Di bagian bawah Fill and Stroke, Anda akan melihat Blur dan Opacity, % nilai. Berikan detail ini sebuah Blur sebesar 0.5px dan Opacity sebesar 30%.

copy the lens shapecopy the lens shapecopy the lens shape

Langkah 2

Posisikan detail ini di atas lensa asli dan offset secara vertikal sekitar 2 piksel ke bawah (apa pun yang terlihat terbaik di lensa Anda).

position the detailposition the detailposition the detail

Langkah 3

Kita akan membuat detail lain seperti ini, jadi pilih detail yang baru saja dibuat dan salin dan tempel. Yang ini akan memiliki Stroke paint R = 255, G = 255, B = 255, Blur 0.3px, dan Opacity sebesar 40%. Posisikan yang satu ini di atas lensa lagi, tetapi offset secara vertikal sekitar 2px kali ini.

position the second detailposition the second detailposition the second detail

Seperti yang Anda lihat, detail-detail kecil ini menambahkan beberapa dimensi ke lensa kita.

lens with some detailslens with some detailslens with some details

5. Tambahkan Sorotan ke Lensa

Langkah 1

Pilih lensa (bukan detailnya), lalu salin dan tempel. Dua kali. Kita akan menggunakan lensa yang disalin ini untuk membuat sorotan berbentuk sempurna.

copy the lens twicecopy the lens twicecopy the lens twice

Langkah 2

Pilih salah satu lensa yang disalin dan pastikan itu di atas semua bentuk lain dengan pergi ke Object > Raise to Top. Kemudian, seret lensa itu ke lensa lain yang disalin dan klik-seret salah satu ikon skala di sudut lensa yang Anda pilih (Tahan-Kontrol untuk skala seragam) dan buat lensa ini sedikit lebih besar dari lensa di bawahnya, seperti yang ditunjukkan di bawah ini .

Ketika semuanya diposisikan seperti di bawah ini, pilih kedua lensa yang disalin dan klik Path > Difference.

path and differencepath and differencepath and difference

Anda harus berakhir dengan bentuk seperti ini:

the highlight shapethe highlight shapethe highlight shape

Langkah 3

Seperti yang Anda lihat, bentuk ini akan membuat sorotan yang bagus untuk lensa. Mari hapus Stroke paint bentuk ini dengan mengeklik ikon "X". Kemudian, posisikan di atas lensa seperti yang ditunjukkan di bawah ini (atau sesuai dengan keinginan Anda).

Kita perlu memberikan bentuk ini Linear Gradient dengan pemberhentian pertama sebagai R=255, G=255, B=255, A=255 dan pemberhentian kedua sebagai R=255, G=255, B=255, A=0. Jika arah gradien linier ini tidak vertikal, Anda dapat menggunakan Gradients Tool lagi untuk menyesuaikannya. Akhirnya, berikan bentuk ini Opacity 80%.

position and style the highlightposition and style the highlightposition and style the highlight

Langkah 4

Untuk menambahkan beberapa kedalaman, mari salin dan tempel sorotan ini dan posisikan sekitar 4 piksel lebih rendah dari aslinya. Kemudian, berikan sorotan baru ini berupa Blur 4px dan Opacity sebesar 50%.

add another highlightadd another highlightadd another highlight

Langkah 5

Dan hanya untuk menjaga agar lensa kita tetap utuh, mari pilih semuanya dan klik Object > Group (Control + G).

group the lensgroup the lensgroup the lens

6. Gandakan Lensa

Pilih lensa dan klik Edit > Duplicate (Control + D). Ini akan membuat duplikat tepat dengan posisi yang tepat juga. Jika Anda telah mengikuti tutorial ini dengan tepat, yang ingin Anda lakukan adalah memasukkan koordinat X tepat di bawah ini untuk memastikan jarak antar lensa yang tepat. Jika tidak, Anda dapat melakukan apa saja yang terlihat terbaik untuk desain Anda.

Ketika lensa kiri baru Anda dalam posisi, klik tombol Flip objek yang dipilih secara horizontal.

duplicate the lensduplicate the lensduplicate the lens

7. Gambarkan Bridge

Langkah 1

Menggunakan alat Create Rectangle, gambar persegi panjang, bertindak sebagai bridge untuk lensa, melintasi dua lensa. Kita juga akan menuju Object > Object to Path sehingga kita bisa mengedit bentuk ini dengan node lagi.

draw a rectangledraw a rectangledraw a rectangle

Langkah 2

Dengan menggunakan Edit Paths tool bersama dengan node dan handle, gambarlah desain bridge yang sama seperti yang ditunjukkan di bawah ini. Juga, jangan lupa Anda bisa mengambil di antara dua node untuk membengkokkan garis. Perlu diingat bahwa kita akhirnya akan memposisikan bridge di belakang lensa sehingga kita tidak melihat apa pun yang tidak diinginkan.

draw with nodesdraw with nodesdraw with nodes

Hampir sampai...

final touches with nodesfinal touches with nodesfinal touches with nodes

Langkah 3

Pertama, atur bridge di belakang semuanya dengan mengklik Object > Lower to Bottom. Kita akan mengatur Linear Gradient untuk Mengisi bridge kita. Pertama berhenti R=93, G=93, B=93 dan detik berhenti R=73, G=73, B=73. Gunakan Gradient Tool untuk membuat ini vertikal.

Kita juga akan menetapkan Linear Gradient untuk Stroke paint. Pertama berhenti R=188, G=188, B=188 dan detik berhenti R=76, G=76, B=76. Gunakan Gradient Tool untuk membuatnya vertikal juga.

linear gradient filllinear gradient filllinear gradient fill

8. Highlight Bridge

Langkah 1

Kita akan melakukan apa yang dilakukan untuk highlight lensa. Mari kita salin dan tempelkan dua bridge kita lagi dan posisikan seperti yang ditunjukkan di bawah ini. Kemudian tentu saja, Path > Difference.

path and differencepath and differencepath and difference

Anda harus sudah berakhir dengan bentuk seperti ini:

bridge highlight shapebridge highlight shapebridge highlight shape

Langkah 2

Pertama, lepaskan Stroke paint dan posisikan di atas bridge seperti yang ditunjukkan di bawah ini. Mari kita beri sorotan ini Linear Gradient dengan pemberhentian pertama sebagai R=255, G=255, B=255, A=0 dan pemberhentian kedua sebagai R=255, G=255, B=255, A=255. Kemudian, atur Blur menjadi 2px dan Opacity menjadi 10%.

position and styleposition and styleposition and style

9. Gambarkan Potongan Akhir

Langkah 1

Dengan menggunakan Pen Tool, gambarlah poligon segi empat yang kasar agar menyerupai potongan akhir untuk kacamata kita.

draw end piecedraw end piecedraw end piece

Langkah 2

Klik alat Edit Paths by Nodes dan pilih keempat simpul dari bagian akhir. Kemudian, klik Make selected nodes smooth di menu simpul. Ini adalah cara cepat untuk mendekatkan bentuk kita dengan apa yang kita inginkan.

round selected nodesround selected nodesround selected nodes

Seret simpul dan pegangan untuk penyesuaian akhir...

final adjustmentsfinal adjustmentsfinal adjustments

Langkah 3

Hapus Stroke paint pada bagian akhir dan berikan Fill R = 93, G = 93, B = 93. Kemudian salin/tempel, balikkan secara horizontal, dan posisikan pada sumbu x untuk lensa lainnya.

position and flipposition and flipposition and flip

10. Gambarkan Temple Pieces

Langkah 1

Kita akan bebas menggambar temple piece dengan Pen Tool seperti yang ditunjukkan di bawah ini. Mungkin perlu beberapa kali mencoba untuk melakukannya dengan benar.

draw temple piecedraw temple piecedraw temple piece

Langkah 2

Menggunakan Edit Paths by Nodes tool, pilih hanya node yang kita ingin dibulatkan (empat node disorot kuning di bawah). Anda dapat memilih beberapa node dengan menahan-Shift dan mengklik node yang diinginkan.

Dengan node yang dipilih, klik Buat simpul yang dipilih halus di menu node.

select proper nodesselect proper nodesselect proper nodes

Langkah 3

Dengan rounded temple piece kami dipilih, berikan Fill R=93, G=93, B=93. Kemudian salin/tempel, balikkan secara horizontal, dan posisikan pada sumbu x untuk lensa lainnya.

flip and positionflip and positionflip and position

Langkah 4

Pilih salah satu potongan kuil dan berikan Blur 4px. Ulangi dengan potongan candi lainnya (kita mengaburkan objek satu per satu karena jika Anda memilih beberapa objek, perubahan blur akan berubah). Pilih kedua temple pieces (tahan-Shift untuk memilih beberapa objek) dan klik Object > Lower to Bottom.

lower to bottomlower to bottomlower to bottom

Langkah 5

Akhirnya, mari kita pilih semuanya dan pergi ke Object > Group untuk menjaga kacamata hitam ini utuh.

group sunglassesgroup sunglassesgroup sunglasses

11. Gambar Background untuk Menyelesaikan Ilustrasi Anda

Langkah 1

Dengan menggunakan Pen Tool, mari menggambar shoreline sederhana dan sedikit melengkung agar kacamata kita bisa bertengger. Saya sudah mendapat Fill pada set ini untuk R=208, G=168, B=118 bersama dengan sedikit Blur dari 2px untuk beberapa kedalaman.

draw shorelinedraw shorelinedraw shoreline

Langkah 2

Sekarang kita perlu menambahkan beberapa tekstur. Gandakan objek ini dan buka Filters > Image effects, transparent > Alpha Engraving.

filter alpha engravingfilter alpha engravingfilter alpha engraving

Langkah 3

Dengan bentuk ini masih dipilih, atur Opacity menjadi 15%. Ini akan membuat hamparan tekstur yang bagus. Kemudian, posisikan di atas garis pantai asli seperti yang ditunjukkan di bawah ini.

position textureposition textureposition texture

Langkah 4

Sekarang, ambil kacamata itu dan taruh di atas pasir. Anda bahkan dapat memutarnya sedikit untuk memberikan tampilan yang lebih alami.

position glassesposition glassesposition glasses

Langkah 5

Mari tambahkan bayangan pada kacamata hitamnya untuk lebih realisme. Pilih Pen Tool dan gambar bentuk abstrak yang menyerupai bayangan untuk kacamata hitam. Untuk referensi, lihat gambar di bawah ini.

draw shadow shapedraw shadow shapedraw shadow shape

Langkah 6

Apa yang akan kita lakukan sekarang adalah menghapus Stroke paint dan memberikan bayangan Fill of R=0, G=0, B=0. Kemudian, kita akan melakukan Blur 7px bersama dengan Opacity sebesar 40%.

style shadowstyle shadowstyle shadow

Langkah 7

Mari kita menggambar persegi panjang (menggunakan Rectangle Tool tentunya) untuk lautan kita di background. Pastikan persegi panjang ini diposisikan di belakang garis pantai. Kita akan memberikan persegi panjang ini Linear Gradient Fill. Pemberhentian pertama adalah R=62, G=149, B=166 dan pemberhentian kedua adalah R=75, G=113, B=134. Akhirnya, berikan persegi panjang ini sebuah Blur dari 4.2px.

Menggunakan Gradients Tool, posisikan gradien secara vertikal, tetapi offset stop seperti yang ditunjukkan di bawah ini (menuju cakrawala).

linear gradient rectanglelinear gradient rectanglelinear gradient rectangle

Langkah 8

Sekarang, gambar persegi panjang yang sama untuk langit. Pastikan persegi panjang ini berada di belakang lautan. Kita akan memberikan persegi panjang ini dengan Gradient Fill Radial. Pemberhentian pertama adalah R=227, G=250, B=255 dan pemberhentian kedua adalah R=122, G=191, B=229. Dengan menggunakan Gradient Tool, Anda dapat memposisikan langit seperti yang ditunjukkan di bawah ini.

linear gradient rectanglelinear gradient rectanglelinear gradient rectangle

Sekarang Dinginkan, Anda Selesai!

Itu menyelesaikan tutorial ini. Kita telah melakukan banyak hal di sini menggunakan Inkscape, jadi saya harap Anda telah belajar beberapa hal baru. Anda harus memiliki kacamata hitam keren yang dirancang sekarang, tepat pada waktunya untuk Musim Panas!

vector sunglassesvector sunglassesvector sunglasses
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads