1. Design & Illustration
  2. Graphic Design
  3. Logo Design

Cara Membuat Logo dengan Gaya Geometris di Inkscape

Scroll to top
Read Time: 7 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Di tutorial ini, saya akan mendemonstrasikan bagaimana cara mendesain logo gaya geometris yang secara konsep huruf M, menggunakan Inkscape.

Jika Anda ingin melihat premade template logo, Anda dapat menemukannya banyak sekali desain logo huruf berada di GraphicRiver.

1. Cara untuk Mempersiapkan Dokumen Baru

Langkah 1

Menuju ke View dan pastikan bahwa Custom telah Anda pilih.

Go to View and select CustomGo to View and select CustomGo to View and select Custom

Langkah 2

Menuju ke View > Zoom dan pilih Zoom 1:1 untuk memastikan bahwa Anda berada di posisi 100%.

In the Inkscape toolbar - View Zoom Zoom 11In the Inkscape toolbar - View Zoom Zoom 11In the Inkscape toolbar - View Zoom Zoom 11

Langkah 3

Klik di ikon Align and distibute objects yang berada di toolbar bagian atas untuk membuka panel alignment. Kemudian klik di ikon Fill & Stroke di toolbar bagian atas untuk membuka menu Colors, gradients and strokes.

Open the Alignment and Fill and Stroke panels in InkscapeOpen the Alignment and Fill and Stroke panels in InkscapeOpen the Alignment and Fill and Stroke panels in Inkscape

Langkah 4

Menuju ke File > Document Properties (Control-Shift-D) dan jangan mencentang kotak yang bertuliskan Show page border dan Show border shadow, kemudian tutup jendela tersebut.

Deselect the boxes in the Document Properties dialogDeselect the boxes in the Document Properties dialogDeselect the boxes in the Document Properties dialog

2. Cara untuk Membuat Bentuk Dasar

Langkah 1

Pilih tool Create Stars and Polygons (*) dan atur parameter di toolbar bagian atas dengan mengikuti spesifikasi berikut:

  • Regular Polygon
  • Corners: 6
  • Rounded: 0.000
  • Randomized: 0.000
Inkscape Stars and Polygons tool inputInkscape Stars and Polygons tool inputInkscape Stars and Polygons tool input

Langkah 2

Tahan tombol Control dan Shift di keyboard Anda dan klik serta seret di kanvas untuk membuat poligon dimana sudutnya mengarah vertikal seperti yang digambarkan di bawah ini.

Create a polygon in InkscapeCreate a polygon in InkscapeCreate a polygon in Inkscape

Langkah 3

Rubah warna dari poligon menjadi merah dan turunkan Opacity menjadi 50% gunakan tool Opacity Percentage di panel Fill and Stroke.

Make the polygon redMake the polygon redMake the polygon red

Langkah 4

Pilih Select tool (F1) dan aktifkan ikon gembok di antara bidang W dan H di toolbar atas. Kemudian, rubah isi dari W menjadi 300 dan tekan Enter untuk menerapkan lebar poligon menjadi 300 pixel. Setelah itu, aktifkan Snap to cusp nodes di toolbar Enable snapping di bagian atas jendela.

Set the width and lock the proportions by clicking the lock iconSet the width and lock the proportions by clicking the lock iconSet the width and lock the proportions by clicking the lock icon

Langkah 5

Klik kanan di poligon dan pilih Duplicate (Control-D) untuk membuat salinan yang lain. Buat salinan berwarna biru, dan kemudian klik serta seret poligon baru dan rekatkan sudutnya ke bagian sudut kiri bawah dari poligon merah.

Duplicate the blue polygonDuplicate the blue polygonDuplicate the blue polygon

Langkah 6

Klik kanan salinan berwarna biru dan pilih Duplicate (Control-D) untuk membuat salinan yang lain. Buat salinan berwarna hijau, dan kemudian rekatkan sudutnya ke bagian sudut kanan bawah dari poligon merah.

All three polygons after completionAll three polygons after completionAll three polygons after completion

Langkah 7

Klik kanan poligon hijau dan pilih Duplicate (Control-D) untuk membuat salinan sekali lagi, rubah warnanya menjadi hitam dan rekatkan di bagian tengah dari ketiga poligon warna lainnya seperti yang digambarkan di bawah.

Fourth black copy of polygonFourth black copy of polygonFourth black copy of polygon

3. Cara untuk Memangkas Bentuk Dasar

Langkah 1

Klik kanan untuk poligon hitam dan pilih Duplicate (Control-D) untuk membuat salinan yang lain, dan dengan salinan yang terpilih, tahan Shift di keyboard dan klik di poligon biru. Dengan memilih keduanya, menuju ke Path > Intersection. Anda pastikan hasilkan seperti berikut:

Intersect the black and blue polygonIntersect the black and blue polygonIntersect the black and blue polygon

Langkah 2

Sekarang kita lakukan hal yang sama dengan poligon merah dan hijau. Klik kanan di poligon hitam lagi dan pilih Duplicate (Control-D), tahan Shift serta klik di poligon merah, dan kemudian menuju lagi ke Path > Intersection.

Intersect the black and red objectsIntersect the black and red objectsIntersect the black and red objects

Langkah 3

Klik di poligon hitam, tahan Shift dan klik di poligon hijau, dan menuju ke Path > Intersection. Anda pastikan bahwa hasilnya adalah tiga bagian poligon dengan tiga warna berbeda.

Three color polygonThree color polygonThree color polygon

4. Cara untuk Mendefiniskan Bentuk

Langkah 1

Klik kanan di objek biru dan pilih Duplicate (Control-D). Rubah menjadi hitam, dan kemudian rubah lebarnya menjadi 150 dengan mengisi input W di toolbar bagian atas dan tekan Enter. Setelah itu, klik dan seret salinan untuk merekatkannya ke bagian sudut kanan bawah dari objek biru.

Make a smaller duplicate of the blue shapeMake a smaller duplicate of the blue shapeMake a smaller duplicate of the blue shape

Langkah 2

Klik kanan di bagian objek hitam dan pilih Duplicate (Control-D). Kemudian balik objek secara horizontal dan klik tombol Flip selected objects horizontally (H) di kiri bagian dari toolbar atas. Setelah itu, klik dan seret objek untuk direkatkan di sudut bagian bawah kiri dari objek hijau sebagaimana yang digambarkan berikut.

Duplicate black object and flip horizontallyDuplicate black object and flip horizontallyDuplicate black object and flip horizontally

Langkah 3

Klik kanan di bagian objek hitam dan pilih Duplicate (Control-D). Klik sekali lagi untuk memunculkan pengendali rotasi. Kemudian, ketika menahan Control di keyboard, pilih pengendali rotasi di bagian sudut atas kanan dari objek kemudian putar searah jarum jam empat langkah sehingga sudutnya mengarah vertikal, membentuk seperti bentuk berlian.

Rotate the duplicated copy 4 steps clockwiseRotate the duplicated copy 4 steps clockwiseRotate the duplicated copy 4 steps clockwise

Langkah 4

Klik dan seret objek untuk direkatkan kebagian sudut atas dari objek merah.

Place rotated copy at the top of the graphicPlace rotated copy at the top of the graphicPlace rotated copy at the top of the graphic

Langkah 5

Klik kanan di objek hitam dan pilih Duplicate (Control-D), rubah menjadi merah, dan kemudian rubah isi W di bagian toolbar atas menjadi 100 dan tekan Enter. Kemudian, rekatkan di bagian sudut atas dari objek hitam di baliknya.

Make the smaller copy redMake the smaller copy redMake the smaller copy red

Langkah 6

Klik kanan objek merah dan pilih Duplicate (Control-D), dan klik serta seret untuk merekatkannya ke sudut di antara dua objek hitam yang ada di bawah.

Place the duplicated red copy at the bottom of the graphicPlace the duplicated red copy at the bottom of the graphicPlace the duplicated red copy at the bottom of the graphic

Langkah 7

Klik kanan di objek merah lagi dan pilih Duplicate (Control-D), dan kemudian rekatkan bagian bawahnya ke sudut atas dari objek merah di bawahnya.

Create an additional red copy above itCreate an additional red copy above itCreate an additional red copy above it

Langkah 8

Pilih tool Bazier pen (B) dan arahkan kursor ke sudut bawah dari bagian bawah objek merah, dan klik kiri untuk membuat poin baru. Setelah itu, arahkan kursor dan klik mengikuti sudut serta klik kiri mengikuti bentuk:

Draw a shape intersection with the corners using the Bezier penDraw a shape intersection with the corners using the Bezier penDraw a shape intersection with the corners using the Bezier pen

Langkah 9

Buat objek biru, dan turunkan Opacity menjadi 50% menggunakan Opacity slider di bagian panel kanan Fill and stroke. Setelah itu, klik di tab Stroke di panel dan klik di bagian X yang berada di bagian paling kiri untuk menghilangkan garis luar berwarna hitam yang mengelilingi objek.

Make the object blue and remove the black outlineMake the object blue and remove the black outlineMake the object blue and remove the black outline

Langkah 10

Kembali lagi ke tool Select (F1), klik kanan objek biru, dan pilih Duplicate (Control-D). Gunakan ikon di toolbar atas bagian kiri untuk Flip selected objects horizontally (H), buat objek hijau, dan rekatkan ke samping sudut kiri di bagian sudut kanan dari objek biru.

Create a green copy and mirror it to the rightCreate a green copy and mirror it to the rightCreate a green copy and mirror it to the right

Langkah 11

Tahan Shift dan klik di objek biru di sebelah kiri, dan dengan terpilihnya kedua objek biru dan hijau, klik kanan dan pilih Duplicate (Control-D). Pilih salinan duplikat tersebut dan rekatkan keduanya dari sudut bawah objek hitam menuju bagian atas dari gambar grafis.

Place the duplicated copies at the top of the graphicPlace the duplicated copies at the top of the graphicPlace the duplicated copies at the top of the graphic

5. Cara Memangkas Area yang Tidak Diperlukan

Langkah 1

Klik pada objek hitam yang berada di dalam bentuk besar berwarna merah, tahan Shift dan klik pada bentuk merah besar. Ketika keduanya terpilih, menuju ke Path > Difference.

Subtract the black and red shapsSubtract the black and red shapsSubtract the black and red shaps

Langkah 2

Klik di objek hitam yang berada di antara bentuk besar berwarna biru di bagian kiri, dan kemudian tahan Shift serta klik di bentuk biru dan pilih Path > Difference.

Subtract the black and blue shapesSubtract the black and blue shapesSubtract the black and blue shapes

Langkah 3

Klik di objek hitam yang berada di antara objek hijau, tahan Shift, dan kemudian klik di objek hijau berukuran besar di sebelah kanan dan pergi ke menu Path > Difference.

Subtract the black and green shapesSubtract the black and green shapesSubtract the black and green shapes

Langkah 4

Klik di objek berbentuk L di kanan, klik kanan pada objek tersebut, dan pilih Duplicate (Control-D). Kemudian klik dan seret ke kiri untuk merekatkan ke sudut kanan bawah dari objek biru berbentuk L di sebelah kiri.

Duplicate the green L-shaped object and flip it horizontallyDuplicate the green L-shaped object and flip it horizontallyDuplicate the green L-shaped object and flip it horizontally

Langkah 5

Klik objek biru berbentuk L, klik kanan bentuk tersebut dan pilih Duplicate (Control-D), dan kemudian tahan Shift dan klik objek hijau berbentuk L di baliknya. Kemudian pergi ke menu Path > Difference.

Duplicate the blue L-shaped object and subtract it from the green objectDuplicate the blue L-shaped object and subtract it from the green objectDuplicate the blue L-shaped object and subtract it from the green object

Langkah 6

Ketika objek masih terpilih, pergi ke menu Path > Break Apart. Ini akan memecah objek menjadi tiga objek terpisah. Sekarang tahan Shift dan klik di objek hijau di sebelah bawah kanan untuk membatalkan pilihan hanya di objek tersebut, dan ketika dua objek lainnya masih terpilih, tekan Delete di keyboard untuk menghapus keduanya.

Delete the remaining green objectsDelete the remaining green objectsDelete the remaining green objects

Langkah 7

Klik kanan di objek baru berwarna hijau yang sudah kita buat dan pilih Duplicate (Control-D). Balik secara horizontal menggunakan tombol Flip selected objects horizontally (H) di toolbar atas bagian kiri, rubah menjadi biru, dan rekatkan itu ke bagian sudut bawah bagian kiri dari objek hijau berbentuk L di bagian kanan.

Duplicate and mirror the blue copy and move it to the rightDuplicate and mirror the blue copy and move it to the rightDuplicate and mirror the blue copy and move it to the right

Sekarang kita memilik struktur lengkap dari desain. Hal yang harus kita lakukan sekarang adalah mewarnainya!

6. Cara untuk Mewarnai Keseluruhan.

Langkah 1

Klik dan pilih seluruh bentuk grafis yang ada, dan kemudian naikkan Opacity menjadi 100% menggunakan Opacity slider di panel Fill and Stroke.

Inkscape opacity sliderInkscape opacity sliderInkscape opacity slider
Select the entire graphic using the Select tool and bring the opacity to 100Select the entire graphic using the Select tool and bring the opacity to 100Select the entire graphic using the Select tool and bring the opacity to 100

Langkah 2

Tahan Shift dan klik di semua objek berwarna merah untuk memilih objek tersebut, dan kemudian di panel Fill and stroke, dan di bagian tab Fill rubah isi RGBA menjadi ffe065ff.

Inkscape color pickerInkscape color pickerInkscape color picker
Change the color of all red objectsChange the color of all red objectsChange the color of all red objects

Langkah 3

Tahan Shift dan klik di semua objek berwarna biru untuk memilih objek tersebut, dan kemudian pergi ke panel Fill and stroke, dan di bawah tab Fill, rubah isi dari RGBA menjadi ff0030ff.

Change the color of all blue objectsChange the color of all blue objectsChange the color of all blue objects

Langkah 4

Tahan Shift dan klik di semua objek berwarna hijau untuk memilih objek tersebut, dan kemudian pergi ke panel Fill and stroke, dan di bawah tab Fill, rubah isi dari RGBA menjadi ff8e00ff.

Change the color of all green objectsChange the color of all green objectsChange the color of all green objects

Kerja yang Luar Biasa, Anda sekarang telah menyelesaikannya!

Dan dengan ini, logo kita telah lengkap! Kita berhasil menyelesaikan pembuatan logo dengan gaya geometris menggunakan Inkscape

Completed geometric logo design with InkscapeCompleted geometric logo design with InkscapeCompleted geometric logo design with Inkscape
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.
One subscription. Unlimited Downloads.
Get unlimited downloads