Inkscape tutorial: Tvary

Inkscape

Tutorial | Tvary

Tento návod popisuje štyri nástroje na tvorbu tvarov: Obdĺžnik, Elipsa, Hviezda a Špirála. Predvedieme, čo dokážu tvary v Inkscape a ukážeme príklady ako a kedy je ich možné použiť.

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 má štyri všestranné nástroje tvarov, z ktorých každý dokáže vytvárať a upravovať svoj vlastný typ tvarov. Tvar je objekt, ktorý môžete meniť spôsobmi, ktoré sú jedinečné pre daný typ tvaru, pomocou úchopov, ktoré je možné ťahať a číselných parametrov, ktoré určujú vzhľad tvaru.

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.

Nástroje tvarov sú Obdĺžnik, Elipsa, Hviezda a Špirála. Najprv sa pozrime ako nástroje tvarov fungujú vo všeobecnosti. Neskôr sa budeme podrobne zaoberať každým tvarom samostatne.

Všeobecné tipy

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.

Každý nástroj tvaru tiež zobrazuje svoje parametre v Ovládacom paneli nástrojov (ktorý sa nachádza vodorovne nad plátnom). Zvyčajne má niekoľko číselných vstupných polí a tlačidlo na obnovenie štandardných hodnôt. Keď sú vybrané tvary, ktoré sú pre momentálne vybraný nástroj natívne, upravovaním hodnôt v Riadiacom paneli môžete meniť vybrané tvary.

Všetky zmeny Ovládacích panelov nástrojov sa zapamätajú a použijú na ďalší objekt, ktorý týmto nástrojom vytvoríte. Napríklad potom ako zmeníte počet lúčov hviezdy, nové hviezdy budú mať tiež tento počet lúčov. Naviac aj jednoduchým vybraním tvaru pošlete jeho parametre Ovládaciemu panelu a tým nastavíte hodnoty pre novovytvorené tvary tohto typu.

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.

Obdĺžniky

Obdĺžnik je najjednoduchší ale zrejme najbežnejší tvar v návrhu a ilustrácii. Inkscape sa pokúša čo najviac zjednodušiť a spohodlniť vytváranie a upravovanie obdĺžnikov.

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

Potom, bez toho aby ste opustili nástroj Obdĺžnik, prepínajte výber medzi jedným a druhým obdĺžnikom tým, že na ne kliknete.

Skratky na kreslenie obdĺžnikov:

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

Pozrime sa najprv na úchopy na zaoblenie. Chyťte jeden z nich a potiahnite dolu. Všetky štyri rohy obdĺžnika sa zaoblia a teraz môžete vidieť aj druhý úchop na zaoblenie — zostáva v pôvodnej polohe v rohu. Ak chcete kruhové zaoblené rohy, viac nemusíte robiť. Ak chcete rohy so zaoblením viac na jednej strane ako na druhej, môžete potiahnuť druhý úchop smerom doľava.

Tieto dva obdĺžniky majú kruhové zaoblené rohy a ďalšie dva majú eliptické zaoblené rohy.

Pokým máte stále vybraný nástroj Obdĺžnik, vyberte tieto dva obdĺžniky kliknutím a pozorujte ich úchopy na zaoblenie.

Často musí byť polomer a tvar zaoblených rohov rovnaký v rámci celej kompozície, aj ak sú veľkosti obdĺžnikov rozličné (napríklad diagramy so zaoblenými obdĺžnikmi rôznych veľkostí). V Inkscape je jednoduché to dosiahnuť. Vyberte nástroj Výber, v jeho Ovládacom paneli nástrojov je skupina štyroch prepínačov, na druhom zľava sú dva sústredné zaoblené rohy. Týmto ovládate, či sa mení veľkosť zaoblenia rohov, keď meníte veľkosť obdĺžnika.

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:

Všimnite si, že veľkosť a tvar zaoblených rohov je na všetkých obdĺžnikoch rovnaká, takže sa zaoblenia presne zarovnávajú v pravom hornom rohu, kde sa stretávajú. Všetky bodkované modré obdĺžniky boli vytvorené z pôvodného červeného obdĺžnika iba zmenou mierky pri nástroji Výber, bez akéhokoľvek ručného dolaďovania úchopov na zaoblenie.

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.

Tu sú skratky pre úchopy na zaoblenie obdĺžnika:

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

Teraz sa pozrime na úchopy na zmenu veľkosti obdĺžnika. Môžete sa čudovať prečo ich všetky potrebujeme, keď môžeme jednoducho zmeniť veľkosť obdĺžnika nástrojom Výber.

Problém nástroja Výber je, že jeho pojem vodorovnej a zvislej roviny sa vždy týka stránky dokumentu. Naopak úchopy na zmenu veľkosti obdĺžnika menia jeho veľkosť pozdĺž danej osi obdĺžnika, aj keď je obdĺžnik otočený alebo skosený. Skúste napríklad zmeniť veľkosť tohto obdĺžnika nástrojom Výber a potom pomocou jeho úchopov na zmenu veľkosti pri nástroji Obdĺžnik:

Keďže úchopy na zmenu veľkosti sú dva, môžete meniť veľkosť obdĺžnika v akomkoľvek smere alebo ho dokonca posúvať po stranách. Úchopy na zmenu veľkosti vždy zachovávajú polomery zaoblenia.

Tu sú skratky úchopov na zmenu veľkosti:

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

Naklonením alebo otočením obdĺžnika a jeho duplikovaním a zmenou veľkosti pomocou úchopov na zmenu veľkosti je možné jednoducho vytvárať trojrozmerné kompozície.

Tu je viac príkladov kompozícií z obdĺžnikov vrátane zaoblenia a farebných prechodov:

Elipsy

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.

Pozrime sa na úchopy elipsy. Vyberte tento:

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:

Aby ste vytvorili segment (oblúk s dvomi rôznymi polomermi), ťahajte smerom von z elipsy; aby ste dostali oblúk, ťahajte smerom dnu. Hore sú 4 segmenty naľavo a 3 oblúky napravo. Všimnite si, že oblúky sú neuzavreté tvary, t.j. ťah ide iba pozdĺž elipsy, ale neuzatvára konce oblúka. Toto zjavne uvidíte, keď odstránite výplň a necháte iba ťah:

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

Ostatné dva úchopy elipsy sa používajú na zmenu jej veľkosti okolo jej stredu. Ich skratky sa podobajú na skratky úchopov na zaoblenie obdĺžnika:

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

  • Ctrl+click to make a circle without dragging.

A ako pri úchopoch na zmenu veľkosti obdĺžnika, tieto úchopy elipsy nastavujú výšku a šírku elipsy vo vlastnom súradnicovom systéme elipsy. To znamená, že otočenú alebo skosenú elipsu je možné jednoducho natiahnuť alebo zmenšiť pozdĺž jej pôvodných osí, pričom zostáva otočená alebo skosená. Skúste zmeniť veľkosť ktorejkoľvek z týchto elíps pomocou úchopov na zmenu veľkosti:

Hviezdy

Hviezdy sú najkomplexnejšie a najzaujímavejšie tvary v Inkscape. Ak chcete, aby vaši priatelia žasli nad Inkscape, nechajte ich pohrať sa s nástrojom Hviezda. Je nekonečne zábavný — priam vytvára závislosť!

Nástroj Hviezda dokáže vytvárať dva podobné, ale odlišné druhy objektov: hviezdy a mnohouholníky. Hviezda má dva úchopy, ktorých poloha určuje dĺžku a tvar jej lúčov. Mnohouholník má iba jeden úchop, ktorý pri ťahaní jednoducho otáča a mení veľkosť mnohouholníka.

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.

Pri kreslení novej hviezdy alebo mnohouholníka

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

Prirodzene, hviezda je oveľa zaujímavejší tvar (hoci mnohouholníky sú v praxi častejšie užitočné). Dva úchopy pri hviezde majú mierne odlišné funkcie. Prvý úchop (na začiatku je vo vrchole, t.j. na konvexnom rohu hviezdy) predlžuje alebo skracuje lúče hviezdy, ale keď ho otáčate (vzhľadom na stred tvaru), druhý úchop sa tiež zodpovedajúco otáča. To znamená, že týmto úchopom môžete skosiť lúče hviezdy.

Druhý úchop (na začiatku je vo vrchole, t.j. na konvexnom rohu hviezdy) je naopak možné voľne pohybovať radiálne aj tangenciálne bez toho, aby bol ovplyvnený úchop vrchola. (V skutočnosti, tento úchop sa sám môže stať vrcholom, keď ho presuniete ďalej od stredu ako prvý úchop). Týmto úchopom môžete skosiť lúče hviezdy do rôznych kryštálov, mandál, snehových vločiek a ostňov:

Ak chcete iba obyčajnú pravidelnú hviezdu bez akejkoľvek dekorácie, môže zamedziť, aby úchop na skosenie spôsoboval skosenie:

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

Hviezdy v Inkscape majú v rukáve ešte dva ďalšie triky. V geometrii je mnohouholník útvar s rovnými hranami a ostrými rohmi. V skutočnom svete sa však bežne vyskytujú rôzne stupne zakrivenia a zaoblenia — a Inkscape to tiež dokáže. Zaoblenie hviezdy alebo mnohouholníka sa však trocha líši od zaoblenia obdĺžnika. Nepoužívate na to vyhradené úchopy, ale

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

  • Shift+click a handle to remove rounding.

„Tangenciálne“ znamená v smere kolmom na smer k stredu. Ak „otočíte“ úchop so stlačeným Shift proti smeru hodinových ručičiek okolo stredu, vytvoríte kladné zaoblenie. Otočením v smere hodinových ručičiek vytvoríte záporné zaoblenie (príklady záporného zaoblenia uvidíte dolu).

Tu je porovnanie zaobleného štvorca (nástroj Obdĺžnik) so zaobleným štvorstranným mnohouholníkom (nástroj Hviezda):

Ako vidíte, kým zaoblený obdĺžnik má ako strany rovné úsečky a kruhové (vo všeobecnosti eliptické) zaoblenia, zaoblený mnohouholník nemá vôbec rovné úsečky — jeho zakrivenie sa mení plynule z maximálneho (v rohoch) na minimálne (v strede medzi rohmi). Inkscape to dosahuje jednoducho pridaním kolineárnych Bézierovych tangenciál každému uzlu tvaru (môžete ich vidieť, keď prevediete tvar na cestu a pozriete sa na ňu nástrojom Uzol).

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.

Aby bolo možné lepšie napodobniť tvary reálneho sveta, Inkscape dokáže znáhodniť (t.j. náhodne zakriviť) hviezdy a mnohouholníky. Jemné znáhodnenie urobí hviezdu menej pravidelnou, ľudskejšou, často zábavnou. Silné znáhodnenie je vzrušujúci spôsob ako vytvoriť bláznivé a nepredvídateľné tvary. Zaoblená hviezda zostáva hladko zaoblená, aj keď je znáhodnená. Tu sú skratky:

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

  • Alt+click a handle to remove randomization.

Pri kreslení alebo upravovaní znáhodnenej hviezdy ťahaním páčok sa bude „chvieť“, pretože každá jedinečná poloha jej páčok zodpovedá vlastnej jedinečnej náhodnej hodnote. Takže ťahanie úchopu so stlačeným Alt znáhodňuje tvar s rovnakou úrovňou náhodnosti, kým ťahanie so stlačeným Alt zachováva náhodnosť, ale upravuje jej úroveň. Tu sú hviezdy, ktorých parametre sú presne rovnaké, ale každá z nich má odlišnú náhodnosť získanú miernym potiahnutím jej úchopu (úroveň náhodnosti je všade 0,1):

A tu je stredná hviezda z predchádzajúceho radu s úrovňou náhodnosti od -0,2 do 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.

Pravdepodobne nájdete svoje vlastné aplikácie znáhodnených hviezd, ale som obzvlášť hrdý na zaoblené meňavkovité fľaky a veľké zdrsnené planéty s fantastickými krajinkami:

Špirály

Špirála v Inkscape je všestranný tvar, a hoci nie je taký fascinujúci ako hviezda, je občas veľmi užitočný. Špirála sa rovnako ako hviezda kreslí od stredu. Počas kreslenia aj počas upravovania

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

Po nakreslení má špirála dva úchopy na vnútornom a vonkajšom konci. Oba úchopy po jednoduchom potiahnutí zbalia alebo rozbalia špirálu (t.j. „predĺžia“ alebo „skrátia“, čím sa zmení počet závitov). Iné skratky:

Vonkajší úchop:

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

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

Vnútorný úchop:

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

Maximálny počet závitov špirály je 1024.

Rovnako ako nástroj Elipsa neslúži len na vytváranie elíps, ale aj oblúkov (čiar s konštantným zakrivením), nástroj Špirála slúži na vytváranie hladko sa meniaceho zakrivenia. V porovnaní s holou Bézierovou krivkou je zvyčajne oblúk alebo špirála pohodlnejšia, pretože ho môžete skrátiť či predĺžiť bez toho, aby bol ovplyvnený jeho tvar. Tiež hoci sa špirála zvyčajne kreslí bez výplne, môžete pridaním výplne a odstránením ťahu vytvoriť zaujímavé efekty.

Obzvlášť zaujímavé sú špirály s bodkovaným ťahom — kombinujú hladkú sústrednosť tvaru s pravidelnejšími ekvidištantnými značkami (bodkami alebo čiarkami), čím sa dajú vytvoriť prekrásne moiré efekty:

Záver

Nástroje tvarov Inkscape sú veľmi mocné. Naučte sa triky s nimi a hrajte sa s nimi ako sa vám páči — vyplatí sa vám to, keď budete pracovať na svojom návrhu, pretože použitie tvarov namiesto kriviek často umožňuje rýchlejšiu tvorbu a jednoduchšiu zmenu vektorovej kresby. Ak máte ďalšie nápady na vylepšenia, kontaktujte prosím vývojárov.

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

Translators: Ivan Masár — 2008

Header / footer design: Esteban Capella — 2019