Inkscape - 2 (křivka, objekt, výplň)

6. 6. 2006 | Richard Szlachta | Návody | 32193×

Beziérovy křivky, manipulace s objekty, hvězdy, barva na okraji a ve výplni - vše na vás čeká v druhém díle seriálu o open source vektorovém grafickém editoru.

Ale než se do toho pustíme...

Připomeňme si podstatu ovládání Inkscape. Levou ruku umístíme na klávesnici (poblíž levého shiftu) a pravou dáme na myš - pak bude kreslení efektivní a rychlé. Kombinace klávesových zkratek a myši je obvykle nejrychlejší - viz Blender. A nestyďte se zkoušet, co všechno aplikace zvládne, a co se stane když... Screenshot níže ukazuje, čeho bychom si na grafickém rozhraní měli povšimnout.

Krok stranou: Inkscape a KDE

Jak jsem již minule zmínil, Inkscape je napsáno pomocí GTK+. To může působit vizuální nekonzistenci na desktopu s KDE. Řešením je malinkatá knihovnička gtk-qt-engine. Pokud máte na vašem unix-like systému k dispozici balíčkovač, zkuste se poohlédnout po balíčku gtk2-engines-gtk-qt nebo gtk-qt-engine. V případě že neuspějete, je zde možnost stažení originálních zdrojových kódů, například z repozitáře Debianu.

Po použití je možno provést konfiguraci v Ovládacím centru KDE. Všechny GTK aplikace pak vypadají jako ty Qt, i když to občas působí drobné problémy.

Pan Beziér

První nástroj, na který se podíváme, je kreslení Beziérovy křivky. Je to vlastně základ veškeré vektorové grafiky - pokud byste totiž exportovali do čistého SVG (W3C normovaného), všechno by se na ony křivky převedlo. Takže zmáčkneme Shift + F6 a můžeme začít.

Kliknutím nebo kliknutím a tažením začnete kreslit křivku; s klávesou Shift připojíte křivku, radí dolní stavový panel. Pokud si nejste něčím jisti, sledujte tento panel. Když cokoliv nefunguje podle očekávání, podívejte se - vypisují se sem i chybové hlášky (způsobené chybným používáním).

Poblíž Beziérových křivek je kresba od ruky, klávesa F6. Pokud máte jenom myš, příliš tuto funkci asi nevyužijete, i když umožňuje dvěma kliknutími vytvořit přímku. Pro majitele tabletů a jiných minoritních polohovacích zařízení je to však hotová pohádka.

Tady ubrat, tady přidat

Je jasné, že nikdy nenakreslíme křivku napoprvé přesně podle naší představy. Pomocí F2 nebo druhého tlačítka na panelu nástrojů přepneme do režimu úprav bodů. Podívejte se na panel, co všechno nyní nabízí - myslím, že tooltip každého tlačítka je dostatečně popisný. Jenom poznamenám, že tomto režimu můžeme upravovat všechny kontrolní body, které daný objekt má - tedy i například barevné přechody nebo poloměry cípů hvězd (všechno má svůj čas).

Sezame, pohni se!

Máme krásnou křivku, ale je moc velká nebo špatně otočená. Co s tím? F1, výběr a transformace objektů. V základním režimu se s objektem hýbe a mění se velikost, kliknutím na už označený objekt se režim přepne na otáčení a zkosení. Pokud máte spíše uměleckého ducha, vystačíte si povětšinou pouze s myší. Ale jste-li matematici, oceníte možnost přesného zadání do polí na panelu a také pohyb pomocí klávesnice. Šipky hýbou s objektem a pokud přimáčknete Shift, budou jednotlivé skoky delší. Tip: všechny transformace se dají provádět pomocí plovoucího okna, zobrazí se po stisku Ctrl + Shift + M.

Objekty lze přetočit horizontálně a vertikálně nejenom klávesami H a V, ale také použitím táhla pro změnu velikosti, které se dá přetáhnout "na druhou stranu" - viz ilustrace.

Hvězdy

Jeden z nejsilnějších nástrojů pro Inkscape. U hvězdy máme možnost zvolit, nejen kolik bude mít cípů (neboli rohů), ale také jak moc bude zaoblená. Tady bych se pozastavil. Zaoblení může nabývat nízkých hodnot pro hvězdu bez špičatých rohů (okolo 0.09), ale může mít i hodnoty převyšující 10. V tu chvíli již není vidět původní hvězda, ale zajímavý propletenec. Poloměr paprsku sice také hraje svoji roli, ale umístění táhel (malé čtverečky se kterými se dá pohybovat) je to hlavní. Věnujte pozornost sérii názorných ilustrací (červené body znázorňují táhla).

"Je to až nechutně pravidelné."Pokud máte tento názor, rozhodně zkuste přidat trochu náhodnosti, ale velice lehce, běžně užitelné hodnoty jsou okolo 0.06. Všechny hvězdy na obrázku mají nastavenou náhodnost na 0.05 - jak je vidět, náhodnost se projevuje opticky více u složitějších objektů.

Pokud chcete upravit vlastnosti hvězdy či polygonu, zvolte nástroj pro hvězdy a polygony (klávesa *) a klikněte na objekt, který chcete upravit. Poslední "hvězdný" obrázek ukazuje užití v praxi.

Výplně a okraje

Nejdůležitější částí kresby není tvar objektů, ale jejich barva. A ne barva jednolitá, ale především barevný přechod, neboli gradient. Ten je klíčem k esteticky vyhlížejícímu obrázku. Podívejte se na následující praktické srovnání.

Pomocí Ctrl + Shift + F zobrazíme okno "Výplň a obrys". Obecně vzato, všechny barvy v Inkscape mají alfa kanál, neboli průhlednost. Je jenom na vás, jestli zvolíte RGB, HSL, CMYK nebo barevný kruh pro vybrání barvy. Můžete všechny způsoby kombinovat, protože informace se ukládá v jednotném formátu. Osobně doporučuji vybírat pomocí barevného kruhu. Také můžeme vybírat barvu z již předdefinovaných palet, které se zobrazují Ctrl + Shift + W.

Je samozřejmě možné vytvořit si paletu vlastní. Jejich adresář je /usr/share/inkscape/palettes a formátem to jsou .gpl - palety Gimpu. Je to jenom prostý text, takže je možné poskládat si paletu vlastní (pokud nechceme používat Gimp). Obecná syntaxe je:

GIMP Palette
Name: JMÉNO PALETY
#
RRR GGG BBB     JMÉNO BARVY

Například tedy:

GIMP Palette
Name: Moje paleta
#
255   0  69     Má první barvička
  0   0 255     Má druhá barvička

kde R, G a B zastupují příslušné složky RGB stupnice v desítkovém zápisu (0 - 255).

To by mohlo pro dnešek stačit, co říkáte? Na viděnou za týden!

       

Komentáře

[Petr Šigut]

Jsem rád, že se v Inkscapu rýsuje další velmi pěkný program na práci s grafikou (po Gimpu...) a ač nemám vůbec kreslící talent, stáhnu a vyskouším.

Dík za seriál

Plakátek fajn, jen bych oddělil číslice po třech:)

[Lukáš Rýdlo]

A krom tech cislic bych zrusil mezeru za hodinou (19.00) a z toho spojovniku za ZS bych udelal pomlcku . Jinak supr clanek!

[Ricardo]

Plakát byl dělaný podle požadavků mojí mamky, učitelky na tamní ZŠ (a potažmo tamního ředitele), takže jsem do textu nekecal.

[Hynek (Pichi) Vychodil]

To jsou výmluvy a dost chabé. Za typografii zodpovídáš ty a to nejsou úpravy textu, ale typografické chyby.

[Pitris3]

Co mate konkterne proti teto typograficke kvalite? Ja bych mozna vytkl jen tel. cislo (mezery mezi skupinami cisel), tecku za tel. cislem a udani casu. Bud 19. hodina nebo 19:00. Jen me to zajima. Dekuji

[Lukáš Rýdlo]

Osobně jsem si zvykl, že typografické konvence se porušují, takže mi to na příkladu pro článek o Inscape nikterak nevadí. Ale proč si nerýpnout a neudělat (dobře míněnou) osvětu, že ?

Nalezené typografické nedostatky jsou uvedeny výše a domnívám se, že jsou všechny (neoddělené číslice telefonního čísla, spojovník místo pomlčky a mezera za tečkou oddělující hodiny od minut). Tečka za telefonem je IMHO korektní, protože celý text je koncipován jako jedna věta, uvozená velkým písmenem a tedy i zakončená tečkou. Ohledně udání času: "19. hodina" by poněkud nesedělo do textu, takže tam patří buď "v 19 hodin" nebo "v 19.00 hodin". Dvojtečka jako oddělovač hodin a minut je informaticko-počítačový zmetek, který v klasické typografii nemá co dělat a zavlekli (jsme ) ho tam programátoři. Hodiny a minuty se v evropské typografii tradičně oddělují tečkou (bez mezery).

Mimochodem ten spojovník místo pomlčky je taky typickou ukázkou typografické neznalosti mezi programátory a inženýry. Na klávesnici je totiž pouze mínus (numerická část), které je ale softwarově přiřazeno znaku pro spojovník, a pomlčka (alfanum. část), která je taky běžnými mapami (zcela nelogicky) svázána se spojovníkem. A běžní uživatelé pak sází spojovníky i místo pomlček a mínusů. Je to asi stále přežitek z doby, kdy počítače uměly jen 127 znaků ASCII a rezervovat 3 znaky na "pomlčky", které by byly u neproporcionálního písma všechny stejně dlouhé, se zdálo být nelogické.

Jinak opakuji velkou pochvalu autorovi, za pěkný článek!

[MaT]

Já bych snad ještě doplnil, že některé z těchto věcí nejsou jenom typografickými zásadami, ale dokonce se o nich hovoří i v pravidlech českého pravopisu (minimálně třeba spojovníky vs. pomlčky, oddělovač minut a hodin...).

[Ricardo]

Ano, souhlasím, že je to chabá výmluva - stejně jako uznávám, že text není typograficky dokonalý. Znáš nějaký ucelený přehled pravidel typografie? (vymlouvání není moje "parketa", politik ze mně asi nebude )

[Hynek (Pichi) Vychodil]

Teď si zrovna nemůžu na nějaký ucelený přehled vzpomenout, ale co se týče matematiky tak Yetiho typografický bestiář, který ve svém závěru obsahuje i informace o sázení jednotek a času. No a základní přehled lze nelézt v prakticky každé příručce (La)TeXu. Třeba Stručný úvod do typografického systému LaTeX a další příručky co jdou najít na stránkách CsTUGu. Spoustu informací lze najít na stránkách TYPO.CZ, speciálně třeba Základní pravidla hladké sazby, která jsou na můj vkus moc stručná třeba zrovna v oblasti spojovník x pomlčka x minus.

[Ricardo]

díky moc!

[Lukáš Rýdlo]

Jeste doporucim Beranuv Typograficky manual. Ackoliv byva popisovan jako "ucebnice zakladu typografie a sazby", myslim si, ze (vzhledem k rozsahu) je to uceleny manual. Bohuzel neni k mani v pdf, ale ve srovnani s jinymi IT publikacemi, je studentska cena 351 Kc opravdu lidova.

[Lukáš Rýdlo]

Nesmíš se nechat ukecat lidmi, kteří neznají typografii . Také předpokládám, že pan ředitel je ještě zvyklý na psací stroj, který má poněkud odlišné zvyklosti. Já svou maminku taky nutil necentrovat mezerníkem, v dlouhém textu zapínat dělení slov, správně sázet mezery a uvozovky a výsledkem je, že teď nepíše takové zmetky, jako její kolegyně, kterou občas opraví, takže dál šíří osvětu .

[fakenickname]

Opět dobrý článek. Víceméně nic proti, ono se totiž opravdu těžko popisuje co se může dělat s tím a tím, když existuje milión různých způsobů, jak udělat to co chceme. Líbil se mi tom prvním screenshotu popisek: "Plátno, oblast na kterou se obvykle kreslí". Z toho popisku je cítit autorova zkušenost kreslit mimo plátno což je ostatně zvykem všech dobrých grafiků..

[xsubway]

Seriál je stručný a věcný - dík.

Do této doby jsem používal balík pro Debian Sarge, ale nevydržel jsem to a teď už jsem na verzi 0.43 ;)

[Ricardo]

Autor článku, tedy já, říká:

Chtěl bych požádat čtenáře, aby neváhali vyjádřit se k článku. Jsem začínající autor, takže vítam jakoukoli konstruktivní kritiku.

Pokud máte jakékoli rady, připomínky, náměty, řekněte, jsem obyvkle velmi otevřený.

[sapix]

Zdravim, clanok super, hlavne uzitocny (teda aspon pre mna urcite, ako skoro byvaleho corelovskeho uzivatela, kedze niektore veci su trochu ine). Avsak nababrala ma jedna vec: pri exporte do .eps mi sice exportuje grafiku (plus je tam nejaky jpg), ale pri otvoreni .epska vidim bielu stranu, ked otvorim v gimpe, je vsetko v poriadku. takto exportovany subor ma okolo 1.3 mega, avsak predtym (ked mi ten export fungoval dobre) mal asi 4.9 mega. Neviem asi som daco prestavil, ale netusim co, mozno nieco s bounding box, neviem isto, vsak neviem vratit spet. Netusite nahodou, kde moze byt problem? Vdaka vopred. Sapi

[pok]

Máte nějaký tip pro posouvání objektů vyplněných gradientem? Když s nějakým takovým objektem hýbu, gradient se neposouvá (tak to asi má být), ale jak zařídit, když chci aby se pohnul?

[cornelius]

U nástroje "Výběr" na panelu nastavení nástroje (třetí odshora pokud počítám i menu) jsou na jeho konci 4 ikony zamykající/odmykající transformaci tloušťky čáry, gradientů, vrzorků a zaoblení okrajů při transformaci objektu. Ve vašem případě je ten vztahující se ke gradientům vypnutý. Jeho zapnutím tento problém vyřešíte.

[bbob]

Nejsem žádný velký grafik, ale tento článek je super. Konečně jsem našel smysluplný návod jak na Inkscape. Doufám, že budete pokračovat.

[Ricardo]

Ano, budu pokračovat

[napetsy]

Zdravim,

mohl by nekdo napsat svuj postup vytvoreni "Vzorku", kterym lze potom vyplnit objekt? Tedy jak vysrafovat nejakou ohranicenou plochu.

Diky