Inkscape tutorial: Bentuk

Inkscape

Tutorial | Bentuk

Tutorial ini membahas tentang empat shape tools: Rectangle (Segi), Ellipse (Bulatan), Star (Bintang), dan Spiral. Kami akan mendemonstrasikan kemampuan Inkscape dalam membentuk dan memberikan contoh bagaimana dan kapan mereka dapat digunakan.

Use Ctrl+Arrows, mousewheel, or middle button drag to scroll the page down. For basics of object creation, selection, and transformation, see the Basic tutorial in HelpTutorials.

Inkscape memiliki 4 shape tools (peralatan membentuk), setiap tool (alat) mampu menciptakan dan mengedit shape (bentuk) tipenya sendiri. Shpae adalah sebuah objek yang bisa anda modifikasi dengan cara yang unik sesuai tipenya, menggunakan handles yang bisa diseret dan parameter yang menentukan tampilan dari shape tersebut.

For example, with a star you can alter the number of tips, their length, angle, rounding, etc. — but a star remains a star. A shape is “less free” than a simple path, but it's often more interesting and useful. You can always convert a shape to a path (Ctrl+Shift+C), but the reverse conversion is not possible.

Shape tool yaitu Rectangle, Ellipse, Star, and Spiral. Pertama, mari lihat bagaimana shape tool bekerja; setelah itu kita akan menjelajahi masing-masing tipe shape lebih detail.

Tips umum

A new shape is created by dragging on canvas with the corresponding tool. Once the shape is created (and so long as it is selected), it displays its handles as white diamond, square or round marks (depending on the tools), so you can immediately edit what you created by dragging these handles.

All four kinds of shapes display their handles in all four shape tools as well as in the Node tool (N). When you hover your mouse over a handle, it tells you in the statusbar what this handle will do when dragged or clicked with different modifiers.

Juga, setiap shape tool menampilkan parameternya dalam Tool Controls bar (yang berjalan horizontal diatas kanvas). Biasanya ia memiliki beberapa numeric entry fields (kotak masukan numerik - tempat anda bisa memasukkan angka) dan tombol untuk mereset nilai bawaannya. Saat sebuah shape dari tipe tool yang saat itu digunakan dipilih, mengedit nilai dalam Controls bar akan merubah shape yang dipilih.

Setiap perubahan pada Tool Control akan diingat dan digunakan untuk objek berikutnya yang anda gambar dengan tool tersebut. Sebagai contoh, setelah anda merubah jumlah jari dari sebuah star (bintang), bintang yang baru akan memiliki jumlah jari yang sama jika digambar. Lebih lanjut, bahkan dengan hanya memilih sebuah shape yang sudah diubah sebelumnya akan mengirimkan parameternya ke Tools Control bar dan kemudian mengatur nilai dari shape baru tipe tersebut yang akan dibuat nantinya.

When in a shape tool, selecting an object can be done by clicking on it. Ctrl+click (select in group) and Alt+click (select under) also work as they do in Selector tool. Esc deselects.

Persegi

Sebuah rectangle (persegi) adalah yang paling sederhana tapi mungkin shape yang paling umum dalam desain dan ilustrasi. Inkscape bertujuan membuat proses menciptakan dan mengedit persegi semudah dan sesimpel mungkin.

Switch to the Rectangle tool by pressing R or by clicking its toolbar button. Draw a new rectangle alongside this blue one:

Kemudian, tanpa meninggalkan Rectangle tool, berpildahlah dari persegi yang satu ke yang lain dengan klik.

Shortcut menggambar persegi:

  • With Ctrl, draw a square or an integer-ratio (2:1, 3:1, etc) rectangle.

  • With Shift, draw around the starting point as center.

As you see, the selected rectangle (the just-drawn rectangle is always selected) shows three adjustable handles in three of its corners and one cross-shaped handle, for moving the rectangle, in the middle. In fact, there are four corner handles, but two of them (in the top right corner) overlap if the rectangle is not rounded. These two are the rounding handles; the other two (top left and bottom right) are resize handles.

Mari perhatikan rounding handle. Klik dan tahan salah satu dari mereka dan seret kebawah. Empat sudut persegi tersebut sekarang membulat/melengkung, tidak tajam lagi, dan kini anda bisa melihat rounding handle kedua — tetap di posisi pertamanya di sudut. Jika anda ingin sudut yang membulat, ini saja yang anda perlu anda lakukan. Jika anda ingin sudut yang melengkung lebih jauh mengikuti satu sisi, anda bisa memindahkan handle yang satunya lagi ke kearah kiri.

Berikuti ini, dua persegi pertama memiliki border lengkung sirkular, sedangkan dua sisanya elips.

Masih di Rectangle tool, klik persegi-persegi ini, dan amati rounding handle mereka.

Sering, radius dan bantuk dari sudut yang membulat haruslah konstan dengan seluruh komposisi, walau ukuran dari persegi berbeda (bayangkan diagram dengan kotak berborder lengkung dalam macam-macam ukuran). Inkscape membuat ini mudah. Berpindahlah ke Selector tool; didalam Tool Controls barnya, terdapat sebuah grup dengan empat tombol, kedua dari kiri menampilkan dua border lengkung konsentrik. Disini anda bisa mengontrol apakah sudut tersebut ikut berubah ukurannya saat sebuah persegi diubah ukurannya atau tidak.

For example, here the original red rectangle is duplicated and scaled several times, up and down, to different proportions, with the “Scale rounded corners” button off:

Perhatikan bagaimana ukuran dan bentuk sudut border lengkung mereka sama, sehingga bulatan/lengkungan rata di pojok kanan atas dimana mereka semua bertemu. Semua persegi yang biru diambil dari persegi merah dan diskala ulang melalui Selector, tanpa mengatur manual rounding handlesnya.

For a comparison, here is the same composition but now created with the “Scale rounded corners” button on:

Now the rounded corners are as different as the rectangles they belong to, and there isn't a slightest agreement in the top right corner (zoom in to see). This is the same (visible) result as you would get by converting the original rectangle to a path (Ctrl+Shift+C) and scaling it as path.

Berikut adalah shortcut untuk border lengkung sebuah persegi:

  • Drag with Ctrl to make the other radius the same (circular rounding).

  • Ctrl+click to make the other radius the same without dragging.

  • Shift+click to remove rounding.

You may have noticed that the Rectangle tool's Controls bar shows the horizontal (Rx) and vertical (Ry) rounding radii for the selected rectangle and lets you set them precisely using any length units. The Make corners sharp button does what is says — removes rounding from the selected rectangle(s).

An important advantage of these controls is that they can affect many rectangles at once. For example, if you want to change all rectangles in the layer, just do Ctrl+A (Select All) and set the parameters you need in the Controls bar. If any non-rectangles are selected, they will be ignored — only rectangles will be changed.

Sekarang, perhatikan handle pengubah ukuran dari persegi. Anda mungkin bertanya, untuk apa mereka, jika kita bisa mengubah ukuran dari Selector?

Masalahnya, dengan Selector, patokan horisontal dan vertikalnya adalah halaman dokumen. Berbeda dengan handle pengubah ukuran. Patokannya adalah sisi-sisi dari persegi tersebut, bahkan jika perseginya diputar atau bengkok. Sebagai contoh, cobalah mengubah ukuran persegi ini, pertama dengan Selector, kemudian dengan handle pengubah ukurannya di Rectangle tool:

Karena handle tersebut ada dua, anda bisa mengubah ukuran persegi tersebut kearah manapun searah sisinya. Handle pengubah ukuran selalu menyesuaikan dengan rounding radii.

Berikut adalah shortcut untuk handle pengubah ukuran:

  • Drag with Ctrl to snap to the sides or the diagonal of the rectangle. In other words, Ctrl preserves either width, or height, or the width/height ratio of the rectangle (again, in its own coordinate system which may be rotated or skewed).

Here is the same rectangle, with the gray dotted lines showing the directions to which the resize handles stick when dragged with Ctrl (try it):

Dengan membengkokkan dan memutar sebuah persegi, kemudian menduplikasi dan mengubah ukurannya dengan handle pengubah ukuran, komposisi 3D dapat dihasilkan dengan mudah.

Berikut adalah beberapa contoh komposisi persegi, termasuk pelengkungan dan gradient fill (isi gradiasi)

Elips

The Ellipse tool (E) can create ellipses and circles, which you can turn into segments or arcs. The drawing shortcuts are the same as those of the rectangle tool:

  • With Ctrl, draw a circle or an integer-ratio (2:1, 3:1, etc.) ellipse.

  • With Shift, draw around the starting point as center.

Mari menjelajahi handle dari sebuah elips. Pilih yang ini:

Once again, you see three adjustable corner handles initially, but in fact they are four. The rightmost handle is two overlapping handles that let you “open” the ellipse. Drag that rightmost handle, then drag the other handle which becomes visible under it, to get a variety of pie-chart segments or arcs:

Untuk mendapatkan sebuah segmen (sebuah arc dengan dua radii), seret keluar elipsnya. Untuk mendapatkan arc, seret kedalam. Diatas, terdapat 4 segmen disebelah kiri dan 3 arc di kanan. Perhatikan arc-arc tersebut adalah shape yang tidak tertutup. Maksudnya, stroke (garis pinggirnya) hanya mengikuti elips tapi tidak bersambung pada bagian akhir arc. Anda busa membuat ini lebih jelas dengan menghilangkan warna isi, meninggalkan stroke (garis pinggir)nya saja.

Arcs can be closed by a straight line using the button labeled Switch to chord (closed shape), though.

Note the fan-like group of narrow segments on the left. It was easy to create using angle snapping of the handle with Ctrl. Here are the arc/segment handle shortcuts:

  • With Ctrl, snap the handle every 15 degrees when dragging.

  • Shift+click to make the ellipse whole (not arc or segment).

The snap angle can be changed in Inkscape Preferences (in BehaviorSteps).

Dua handle yang lain dari elips digunakan untuk mengubah ukurannya dari tengah. Shortcutnya mirip dengan border lengkung dari persegi:

  • Drag with Ctrl to make a circle (make the other radius the same).

  • Ctrl+click to make a circle without dragging.

Dan, sama seperti handle pengubah ukuran persegi, handle elips ini menyesuaikan tinggi dan lebar elisp dalam koordinat milik elips sendiri. Ini berarti elips yang diputar atau dibengkokkan bisa dengan mudah ditarik atau diremas dalam aksis bawaannya walau sudah diputar atau bengkok. Cobalah menubah ukuran elips yang mana saja dengan handle pengubah ukurannya:

Bintang

Stars (bintang) adalah shape Inkscape yang paling kompleks dan menarik. Jika anda ingin membuat teman anda berkata Wow! dengan Inkscape, suruh mereka bermain dengan Star tool. Sangat menghibur - membuat ketagihan!

Star tool mampu menghasilkan dua obyek serupa tapi tak sama: bintang dan poligon. Sebuah bintang memiliki dua handle yang posisinya menentukan panjang dan bentuk jarinya; sebuah poligon hanya memiliki satu handle yang sederhananya memutar dengan merubah ukuran poligon saat diseret.

In the Controls bar of the Star tool, the first two buttons control how the shape is drawn (regular polygon or star). Next, a numeric field sets the number of vertices of a star or polygon. This parameter is only editable via the Controls bar. The allowed range is from 3 (polygons) or 2 (stars) to 1024.

Saat menyeret sebuah bintang atau poligon baru,

  • Drag with Ctrl to snap the angle to 15 degree increments.

Naturalnya, sebuah bintang adalah shape yang lebih menarik (walau poligon pada praktiknya lebih sering digunakan). Dua handlenya memiliki fungsi yang sedikit berbeda. Handle pertama (yang ada pada vertexnya, alias pada ujung lancip jari-jari dari bintang) mengatur apakah pendaran bintangnya lebih panjang atau lebih pendek, tetapi jika anda memutarnya (secara relatif terhadap titik tengah), handle yang lain akan mengikuti. Ini berarti anda tidak bisa membengkokkan pendar sebuah bintang dengan handle ini.

Handle yang satunya terdapat di pangkal jari-jarinya, bebas dipindahkan baik secara radial maupun tangential, tanpa mempengaruhi handle vertexnya. (bahkan, handle ini bisa menjadi vertex jika dipindahkan lebih jauh dari titik tengah daripada handle satunya.) Inilah handle yang bisa membengkokkan jari-jari bintang untuk menghasilkan bentuk seperti kristal, mandala, bunga salju, dan procupine:

Jika anda hanya butuh sebuah bintang biasa, anda bisa membuat handle pembengkoknya bekerja sebagai handle biasa.

  • Drag with Ctrl to keep the star rays strictly radial (no skew).

  • Ctrl+click to remove the skew without dragging.

As a useful complement for the on-canvas handle dragging, the Controls bar has the Spoke ratio field which defines the ratio of the two handles' distances to the center.

Bintang Inkscape masih memiliki dua trik lagi. Dalam geometri, sebuah poligon adalah sebuah bentuk dengan pinggir lurus dan sudut tajam. Dalam dunia nyata, kelengkungan beberapa derajat biasanya ada — dan Inkscape juga dapat melakukannya. Melengkungkan sebuah bintang atau poligon sedikit berbeda dengan melengkungkan persegi. Anda tidak menggunakan handle khusus untuk ini, tapi

  • Shift+drag a handle tangentially to round the star or polygon.

  • Shift+click a handle to remove rounding.

“Tangential“ berarti arah mendekati atau menjauhi titik tengah. Jika anda “memutar“ sebuah handle dengan Shift berlawanan arah jarum jam, anda mendapatkan kelengkungan positif; jika searah jarum jam, anda mendapatkan kelengkungan negatif. (lihat kebawah untuk contoh kelengkungan negatif.)

Ini adalah perbandingan dari sebuah bujur sangkar lengkung (Rectangle tool) dengan poligon 4-sisi lengkung (Star tool):

Seperti yang bisa anda lihat, jika persegi lengkung memiliki garis segmen lurus pada sisinya dan lengkungan pada sudutnya, sebuah poligon atau bintang lengkung tidak memiliki garis lurus sama sekali; semuanya melengkung halus dari maksimumnya (disudut) sampai minimumnya (ditengah diantara sudut). Inkscape melakukan ini hanya dengan menambahkan Bezier kolinear tangential untuk setiap node dari shape tersebut (anda bisa melihatnya jika anda merubahnya menjadi path dan memeriksanya dengan Node tool).

The Rounded parameter which you can adjust in the Controls bar is the ratio of the length of these tangents to the length of the polygon/star sides to which they are adjacent. This parameter can be negative, which reverses the direction of tangents. The values of about 0.2 to 0.4 give “normal” rounding of the kind you would expect; other values tend to produce beautiful, intricate, and totally unpredictable patterns. A star with a large roundedness value may reach far beyond the positions of its handles. Here are a few examples, each indicating its roundedness value:

If you want the tips of a star to be sharp but the concaves smooth or vice versa, this is easy to do by creating an offset (Ctrl+J) from the star:

Shift+dragging star handles in Inkscape is one of the finest pursuits known to man. But it can get better still.

Untuk membuat imitasi yang mendekati bentuk-bentuk di dunia nyata, Inkscape bisa mengacak (secara acak mendistorsi) bintang dan poligonnya. Sedikit pengacakan akan membuat sebuah bintang lebih normal, lebih manusiawi, terkadang lucu; acakan yang kuat adalah cara yang menyenangkan untuk mendapatkan variasi bentuk yang gila dan tak terduga. Sebuah bintang yang lengkung tetap melengkung halus saat diacak. Berikut shortcutnya:

  • Alt+drag a handle tangentially to randomize the star or polygon.

  • Alt+click a handle to remove randomization.

Saat anda menggambar atau menyeret-sambil-mengedit handle bintang yang teracak, ia akan ”bergetar” karena setiap posisi unik dari handlenya berkorespondensi dengan pengacakan uniknya. Jadi, memindahkan sebuah handle tanpa Alt akan mengacak ulang bentuk tersebut dalam tingkat pengacakan yang sama, sedangkan Alt-dan-seret akan membuatnya tetap pada pengacakan yang sama tetapi mengatur tingkatnya. Berikut adalah bintang yang parameternya sama, tetapi masing-masing diacak dengan sedikit memindahkan handlenya (dengan tingkat pengacakan sekitar 0.1):

Dan berikut adalah bintang yang ditengah dari baris sebelumnya, dengan tingkat pengacakan dari -0.2 sampai 0.2:

Alt+drag a handle of the middle star in this row and observe as it morphs into its neighbors on the right and left — and beyond.

Anda mungkin akan menemukan aplikasi tersendiri untuk bintang yang diacak, tetapi saya cenderung menggunakannya untuk tompel melengkung mirip-amuba dan planet besar yang kasar dengan permukaan yang fantastis:

Spiral

Spiralnya Inkscape adalah shape yang cukup kaya bentuk, dan walaupun tidak seterkenal Star (bintang), kadang amat berguna. Sebuah spiral, seperti bintang, digambar dari tengah; baik saat menggambar maupun saat mengedit,

  • Ctrl+drag to snap angle to 15 degree increments.

Setelah digambar, sebuah spiral memiliki dua handle diujung luar dan dalamnya. Masing-masing handle, saat diseret, akan menggulung spiral tersebut (alias meneruskannya, merubah banyak putaran). Shortcut lain:

Handle ujung luar:

  • Shift+drag to scale/rotate around center (no rolling/unrolling).

  • Alt+drag to lock radius while rolling/unrolling.

Handle ujung dalam:

  • Alt+drag vertically to converge/diverge.

  • Alt+click to reset divergence.

  • Shift+click to move the inner handle to the center.

The divergence of a spiral is the measure of nonlinearity of its winds. When it is equal to 1, the spiral is uniform; when it is less than 1 (Alt+drag upwards), the spiral is denser on the periphery; when it is greater than 1 (Alt+drag downwards), the spiral is denser towards the center:

Putaran maksimal sebuah spiral adalah 1024

Sama seperti Ellipse tool bagus tidak hanya untuk elips tapi juga untuk arcs (garis dari kurva yang konstan), Spiral tool juga berguna untuk membuat garis yang kurvanya halus. Dibandingkan dengan kurva Bezier, sebuah arc atau spiral kadang lebih ringkas digunakan karena anda bisa membuatnya lebih pendek atau lebih panjang dengan menyeret handlenya sepanjang kurva tanpa mengganggu bentuknya. Juga, saat spiral digambar normal tanpa warna isi, anda bisa menambahkan isi dan menghapus garis pinggirnya untuk efek yang menarik.

Yang paling menarik adalah spiral dengan garis berbintik — mereka memadukan kehalusan dari bentuknya dengan tanda putus-putus (titik atau garis) untuk efek yang indah:

Akhir

Shape tool Inkscape sangatlah bagus. Pelajari triknya dan bermainlah dengan mereka disaat santai — ini akan berguna saat anda melakukan pekerjaan desain anda, karena menggunakan shape ketimbang menggunakan path sederhana kadang membuat karya seni vektor lebih cepat dan mudah untuk dimodifikasi. Jika anda memiliki ide lebih jauh untuk kemajuan shape, silahkan hubungi pengembang.

Authors: Bulia Byak; Jonathan Leighton; Colin Marquardt; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

Translators: pengakuan untuk penerjemah —

Header / footer design: Esteban Capella — 2019