Inkscape tutorial: Liki

Inkscape

Tutorial | Liki

Ta vodič obsega štiri orodja za like: pravokotnik, elipsa, zvezda in spirala. Pokazali vam bomo zmogljivosti Inkscapovega orodja za like in predlagali, kako in kdaj jih je smiselno uporabiti.

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 vsebuje štiri vsestranska orodja za risanje likov, z vsakim od njih pa lahko ustvarite in urejate določen tip likov. Lik je predmet, ki mu lahko spreminjate izgled preko različnih parametrov: preko premičnih ročic in številčnih vrednosti.

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.

Orodja za like so: Pravokotnik, Elipsa, Zvezda in Spirala. Najprej si bomo pogledali, kako orodja za risanje oblik delujejo v splošnem, nato pa bomo podrobno raziskali posamezna orodja.

Splošni nasveti

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.

Vsako Orodje za like prikazuje svoje možnosti v Nadzorni vrstici orodja (ki leži nad platnom). Ponavadi vsebuje nekaj številskih vnosnih polj in gumb za ponastavitev privzetih vrednosti. Če je na platnu izbran lik oziroma več likov, jih lahko preoblikujete tudi s spreminjanjem vrednosti v Nadzorni vrstici.

Vse spremembe, ki jih naredite v nastavitvah orodja se ohranijo v spominu, in bodo uporabljene za naslednji predmet, ki ga s tem orodjem narišete. Ko npr. spremenite število krakov pri zvezdi, ima tudi naslednja zvezda enako število krakov. Še več, celo sama izbira lika na platnu spremeni vrednosti v nadzorni vrstici in določi vrednosti za novoustvarjene like enake vrste.

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.

Pravokotniki

A Pravokotnik je najenostavnejši, a verjetno najpogosteje uporabljan lik v oblikovanju. Inkscape poskuša ustvarjanje in spreminjanje pravokotnikov narediti kolikor je mogoče enostavno in pripravno.

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

Ne da bi zapustili Orodje za pravokotnike, preklopite izbor iz enega pravokotnika na drugega s klikom nanj.

Bližnjice za risanje pravokotnikov:

  • 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.

Poglejmo najprej ročici za zaobljenje. Zgrabite eno od ročic in potegnite dol. Vsa oglišča pravokotnika se zaoblijo, hkrati pa lahko zdaj vidite drugo ročico za zaobljenje - v oglišču je ostala v prvotni legi. Če želite krožno zaobljena oglišča, je to vse, kar morate storiti. Če želite oglišča bolj zaobljiti ob eni kot ob drugi stranici, premaknite proti drugo ročico v levo.

Na tej sliki imata prva dva pravokotnika krožno zaobljena oglišča (druga ročica ni uporabljena), druga dva pa imata eliptično zaobljena oglišča:

Ne zapuščajte orodja za pravokotnike, temveč s klikom izberite te pravokotnike in si oglejte položaje njihovih ročic za zaobljenje.

Pogosto morata biti polmer in oblika zaobljenih oglišč v okviru celotne kompozicije konstantna, čeprav so pravokotniki različnih velikosti (predstavljajte si diagrame s polji z zaobljenimi robovi različnih velikosti). Inkscape to poenostavi. Preklopite na orodje za izbiranje; v vrstici za nadzor je skupina gumbov in drugi z leve prikazuje dve koncentrično zaobljeni oglišči. S tem določate, ali se pri bo pri raztegovanju pravokotnika ustrezno večala ali manjšala tudi zaobljenost oglišča, ali naj le-ta ostaja stalna.

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:

Bodite pozorni na velikost in obliko zaobljenih oglišč, ki so enaka pri vseh pravokotnikih, tako da so zaobljena oglišča v zgornjem desnem kotu popolnoma enaka. Vsi modri pikčasti pravokotniki so kopije originalnega rdečega pravokotnika - z Izbirnikom smo le spreminjali le njihovo velikost, zaobljenost oglišč pa smo pustili pri miru.

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.

Bližnjice za ročice za zaobljenje pravokotnikov:

  • 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.

Poglejmo zdaj pravokotnikove ročice za umerjanje. Morda se sprašujete, zakaj jih sploh potrebujemo, ko pa lahko spreminjamo velikost pravokotnika tudi z Izbirnikom?

Težava Izbirnika je v tem, da vedno deluje glede na stran. Nasprotno pa s pravokotnikovimi ročicami velikost spreminjamo vzporedno s pravokotnikovimi stranicami, tudi če je pravokotnik zasukan ali nagnjen. Kot primer poizkusite spremeniti velikost spodnjega pravokotnika najprej z Izbirnikom, nato pa še z ročicami v Orodju za pravokotnike:

Z ročicama za spreminjanje velikosti lahko prvokotnik raztezate v vse smeri ali ga celo premaknete vzporedno s stranicami. Ročice za spreminjanje velikosti vedno ohranjajo polmer zaobljenja.

Bližnjice za ročice za spreminjanje velikosti:

  • 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):

S vrtenjem in nagibanjem pravokotnika, ki ga nato kopiramo in mu z ročicami spremenimo velikost, lahko enostavno ustvarimo trodimenzionalne kompozicije:

Še nekaj primerov pravokotniških kompozicij, vključno z zaobljenjem in prelivnimi polnili:

Elipse

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.

Raziščimo ročice elipse! Izberite to:

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:

Če želite dobiti odsek (lok in dva polmera), vlecite zunaj elipse; če pa želite dobiti lok, vlecite znotraj elipse. Zgoraj so štirje odseki na levi in trije loki na desni strani. Bodite pozorni na loke, ki niso zaprti liki - obroba gre okrog elipse, vendar ne poveže koncev loka. To postane očitno, če odstranite polnilo in ostane le obroba:

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).

Drugi dve ročici sta namenjeni spreminjanju velikosti okrog središča in delujeta podobno kot ročici za zaobljenje pri pravokotniku:

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

  • Ctrl+click to make a circle without dragging.

Kot pravokotnikove ročice za spreminjanje velikosti tudi ročice elipse prilagodijo višino in širino elipse v njenih koordinatah. To pomeni, da se elipsa razteguje ali krči po svojih lastnih oseh, tudi če je zasukana ali nagnjena - tudi med spreminjanjem velikosti bo ostala zasukana oz. nagnjena. Poizkusite z ročicami spremeniti velikost katerekoli od spodnjih elips:

Zvezde

Zvezde so najbolj kompleksni in najbolj zanimivi Inkscapovi liki. Če želite nad Inkscapom navdušiti prijatelje, jim pokažite Orodje za zvezde. Neskončno zabavno je - popolnoma zasvajujoče!

Z Orodjem za zvezde lahko ustvarite dve podobni, a vendar različni vrsti predmetov: zvezde in mnogokotnike. Zvezda ime dve ročici, katerih položaja določata dolžino in obliko krakov; mnogokotnik ima le eno ročico, s katero pri potegu zavrtimo mnogokotnik ali pa mu spremenimo velikost:

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.

Ko rišete novo zvezdo ali mnogokotnik,

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

Seveda je zvezda veliko bolj zanimiva oblika (čeprav je pri delu mnogokotnik pogosto bolj uporaben). Ročici zvezde imata rahlo različni funkciji. Prva ročica (prvotno na vrhu kraka, torej na izbočenem oglišču zvezde) vam omogoča daljšanje in krajšanje zvezdinih krakov, ko pa jo zasukate (relativno glede na središče lika), se skladno zasuka tudi druga ročica. To pomeni, da s to ročico zvezdinih krakov ne morete nagniti.

Drugo ročico (prvotno na vbočenem oglišču, med dvema krakoma) lahko, nasprotno, prosto premikate radialno in tangencialno, ne da bi vplivali na ročico na vrhu kota. (Pravzaprav lahko ta ročica postane ročica na vrhu kota, če jo premaknemo bolj stran od središča kot prvo ročico.) S to ročico lahko nagibamo zvezdine krake, in tako dobime različne vrste kristalov, mandal, snežink in ježkov:

Če želite preprosto zvezdo brez okraskov, lahko ročici za nagnjenost začasno odvzamete sposobnost nagibanja:

  • 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.

Inkscapove zvezde pa skrivajo še nekaj trikov. V geometriji je mnogokotnik lik z ravnimi stranicami in ostrimi koti. V realnem svetu pa so lahko prisotne tudi različne stopnje ukrivljenosti in zaobljenosti — Inkscape zna narediti tudi to. Zaobljenje zvezde ali mnogokotnika deluje nekoliko drugače kot zaobljenje pravokotnika, saj za to ne potrebujete posebne ročice, temveč:

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

  • Shift+click a handle to remove rounding.

"Tangencialno" pomeni pravokotno na smer proti središču. Če ročico "zavrtite" s tipko Shift v obratni smeri urinega kazalca okrog središča, dobite pozitivno zaobljenost; z rotacijo v smeri urinega kazalca pa dobite negativno zaobljenost. (Spodaj glejte primere negativne zaobljenosti.)

Tu je primerjava zaobljenega kvadrata (Orodje za pravokotnike) z zaobljenim 4-straničnim mnogokotnikom (Orodje za zvezde):

Kot lahko vidite, ima zaobljen pravokotnik ravne stranice in krožno (ponavadi eliptično) zaobljena oglišča; zaobljen mnogokotnik ali zvezda pa nimata nobene ravne črte; ukrivljenost se spreminja od največje (v ogliščih) do najmanjše (na sredini med oglišči) z gladkimi prehodi. Inkscape to naredi z dodajanjem istosmernih Bezierjevih tangent vsakemu vozlišču lika (vidite jih lahko, če lik pretvorite v pot in si jo ogledate z Orodjem za vozlišča).

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.

Za boljšo imitacijo oblik iz resničnega sveta lahko Inkscape naključno popači zvezde in mnogokotnike. Majhno popačenje naredi zvezdo manj pravilno, bolj človeško, pogosto smešno; močno popačenje je zanimiv način za doseganje zanimivih in nepredvidljivih oblik. Zaobljena zvezda ostane po naključnem popačenju še vedno gladko zaobljena. Bližnjice:

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

  • Alt+click a handle to remove randomization.

Ko rišete ali s potegom ročic spreminjate popačeno zvezdo, le-ta "trepeta" saj vsaka posamezna pozicija njenih ročic odgovarja posameznemu popačenju. Vsak premik ročice brez uporabe tipke Alt torej ponovno popači lik na isti stopnji popačenosti, Alt+poteg pa obdrži enako popačenost, vendar ji spreminja stopnjo. Tu so zvezde s popolnoma enakimi parametri, vsaka od njih pa je ponovno popačena z rahlim pomikom ročice (stopnja popačenja je vedno 0,1):

In tukaj je srednja zvezda iz prejšnje vrstice s stopnjo popačenosti od -0,2 to 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.

Verjetno ima vsak svojo najljubšo zvezdo; meni so všeč predvsem zaobljene, amebam podobne packe in veliki, grobi planeti s sanjskimi pokrajinami:

Spirale

Inkscapovo Orodje za spirale je precej vsestransko in je, čeprav ni tako fascinantno kot Orodje za zvezde, včasih zelo uporabno. Podobno kot zvezdo tudi spiralo rišemo in spreminjamo iz središča;

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

Narisana spirala ima dve ročici - na notranjem in zunanjem koncu. Če ju povlečemo, obe ročici navijeta ali odvijeta spiralo (jo "nadaljujeta" oz. spreminjata število vrtljajev). Ostale bližnjice so:

Zunanja ročica:

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

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

Notranja ročica:

  • 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:

Največje število obratov spirale je 1024.

Podobno kot Orodje za elipse ni uporabno le za risanje elips, temveč tudi za risanje lokov (ćrte s stalno ukrivljenostjo), je Orodje za spirale uporabno tudi za ustvarjanje krivulj z gladko spremenljivo ukrivljenostjo. V primerjavi z enostavnimi Bezierjevimi krivuljami sta lok ali spirala pogosto bolj uporabna, ker ju lahko skrajšate ali podaljšate z vlečenjem ročice ob krivulji, ne da bi s tem tudi spremenili njuno obliko. Poleg tega pa lahko spirali dodate tudi polnilo, obrobo, ali oboje, in tako ustvarite zanimive učinke.

Zanimive so tudi spirale, ki uporabljajo pikčasto obrobo, saj združujejo enakomerno zgoščevanje lika z enakomerno oddaljenimi pikami oz. črticami v lepe efekte moire:

Zaključek

Inkscapova orodja za risanje oblik so zelo močna. Naučite se njihovih posebnosti in se z njimi igrajte v prostem času – to se bo verjetno izplačalo že pri prvem resnem oblikovanju, saj uporaba likov namesto poti pogosto pohitri oblikovanje, spreminjanje pa poenostavi. V kolikor imate kakršnekoli ideje za nadaljnje izboljšave tega orodja, vas prosimo, da kontaktirate razvijalce.

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

Translators: Boštjan Špetič — 2004; Martin Srebotnjak — 2007.

Header / footer design: Esteban Capella — 2019