Portál AbcLinuxu, 12. května 2024 06:47

Inkscape - 4 (text)

22. 6. 2006 | Richard Szlachta
Články - Inkscape - 4 (text)  

Text na křivce, vlitý a unicode - (nejen) symboly v písmu. Praktická sekce: kreslíme obal na stolní šachy a dámu.

Úvodem

Týden uplynul jako voda a další, tentokráte čtvrtý díl je tady. Ten dnešní je jenom o textu. Proč? S textem se dá dělat tolik věci...

Teorie

Všichni asi tušíte, že text se vytváří nástrojem Úprava a tvorba textových objektů text tool, který se skrývá pod klávesou F8.

Inkscape ukládá text jako UTF-8, takže můžeme psát ve všech možných jazycích. Krom toho, jak jistě víte, obsahuje unicode tabulka i často používané symboly jako jing-jang nebo znamení zvěrokruhu.

Text na křivce

Text se na křivku umisťuje příkazem Umístit na křivku z menu Text. Ovšem stejně jako chleba padá namazanou stranou dolů, text se přilepuje na špatnou stranu křivky. Naštěstí to můžeme vyřešit pomocí schopnosti Převrátit z menu Křivka. Pokud se text odmítá přesunout, objekt, ke kterému je přichycen, není křivkou (ale je primitivem - čtvercem a pod.). Stačí vybrat to, k čemu je text přichycen, a zmáčknout Ctrl+Shift+C, nebo vybrat Křivka -> Objekt na křivku a zopakovat převrácení.

inkscape 4 37

Vlévání

Vlévání textu do rámce je jedna z neužitečnějších funkcí, kterou Inkscape má. Ačkoli mluvíme o "rámci", nemusíme vždy nutně použít uzavřenou křivku. Vlévaný text se totiž objeví na stejném místě jako výplň.

inkscape 4 36

Kerning

Občas je potřeba jedno písmeno lehce posunout, abychom dosáhli vyšší typografické kvality. Nebo písmena rozházet čistě pro efekt. To se v Inkscape provádí pomocí manuálního kerningu textu (dále jen kerning). Ovládání je jednoduché: postavíte se kurzorem pro editaci do textu nebo část vyberete a použijete Alt (levý) a šipky. Pokud aplikujete kerning bez výběru, pohne se celý text za kurzorem, v případě výběru pak pouze označená oblast.

inkscape 4 41

Úprava tloušťky

Stává se, že máme k dispozici písmo pouze v normální tloušťce, ale potřebujeme tučné. Řešení je prosté, i když pořádně zatíží procesor. Text vybereme a převedeme na křivku. Pak zvolíme z menu Křivka možnost Dynamické rozšíření (Ctrl+J), přejdeme do režimu úpravy uzlů a táhel (F2), chytíme jediné viditelné táhlo a lehounce pohneme. (Když říkám lehounce, myslím opravdu velice jemně.) Po dosažení požadované tloušťky bych doporučil převést zpět na křivku, ušetří se tím slušných pár setin sekundy při dalším kreslení.

inkscape 4 40

Písmo

K textu patří neodmyslitelně písmo, kterým je napsán. Pamatujte, že pokud váš SVG dokument pošlete druhé osobě, která nebude mít všechny písma, která jste použili, dojde k porušení vzhledu. Pokud si tedy nejste jisti, převeďte raději text na křivku (Ctrl+Shift+C), nebo pošlete s SVG i soubor písma (hledejte v /usr/share/fonts/). Pokuste se vyhnout proprietálním písmům, ušetříte si starosti.

Praktická sekce

A praktický příklad v dnešním díle? Náčrt potisku balení stolních šach a dámy od firmy Siralos, corp.

Nažhavte Inkscape, začínáme.

Pro začátek si vložíme jeden obdélník (barva je ze sady Tango, viz palety na konci druhého dílu). Teď to vezmu od spodní strany. Vzhledem k tomu, že spousta lidí používá prostředí KDE, dovolím si použít aplikaci KCharSelect. Dělá to, co by člověk podle názvu očekával. Na 38. a 39. tabulce unicode najdete často používané symboly, z nichž jsem zvolil dvě šachové figurky. Nad nimi jsou nápisy, dolní dva jsou vycucané z prstu, pouze ilustrují funkčnost zápisu zprava doleva.

inkscape 4 26

inkscape 4 38

Obdélník trochu zvětšíme a umístíme na něj text. Je dobré si text zarovnat; pro zapomnětlivé: Ctrl+Shift+A. Figurky zvětšíme, obarvíme namodro a pro efekt přidáme dvě "dámy". Ty jsou vyrobeny podobně jako CD v minulém díle.

inkscape 4 27

Balení bude mít natištěno "razítko" se jménem společnosti a trojitým "V" složeným z prstů. Připravíme si dvě kružnice a vycentrujeme je. První text je jednoduchý, druhý - tři ruce - vytvoříme pomocí znaku unicode U+270E.

inkscape 4 28

Nyní zbývá umístit text na křivku. Pamatujte - pokud se text přichytí ke špatné straně, volíme Převrátit z nabídky Křivka.

inkscape 4 29

Teď zarovnáme text tak, aby vypadal dobře. Nesnažte se otáčet text, správný postup je otáčet kružnicí, ke které je přichycen.

inkscape 4 30

Jak je vidět, ruce se překrývají. I tady se dá použít kerning textu! Stačí provést kerning v horizontální rovině (doleva, resp. doprava), text si podrží ohnutí podél křivky.

inkscape 4 31

Kružnicím, které drží text, nastavíme okraj na žádný, textu barvu na červenou. Celé razítko spojíme do skupiny vybráním a zmáčknutím Ctrl+G (jako group). Skupinu posuneme na oranžový obdélník a lehce natočíme. Tím je jedna strana hotova!

inkscape 4 32

Pustíme se do zadní strany obalu. Bude na ní jenom text, ovšem ten musí obtékat prostor, kde bude tenké plexisklo (průzor do krabice). Abychom toho dosáhli, vytvoříme obdélník s otvorem uprostřed, opět analogicky jako u CD. Protože text ještě neznáme, vezme si onen známý, začínající "Lorem ipsum ...". (Skoro nikdo tomu nerozumí a proto se používá jako "vata".)

inkscape 4 33

Vybereme text a rámeček (na ilustraci červený). Zvolíme Vlít text do rámce z menu Text. Prozatím můžeme klidně nechat rámci orientační obrys.

inkscape 4 34

Zbavíme se obrysu a dovnitř vložíme bílý obdelník v místě, kde má být průzor. Zatřepejte si končetinou, nakreslili jste obal!

inkscape 4 35

P.S.

Prakticky má obal šest stran, IRL (= in real life) vypadá samozřejmě trochu jinak. Ruština se už dneska neučí, takže jsem musel text v azbuce nabrat ze slovníku (takže se moc správnosti čekat nedá). Berte to spíše jako ukázku a inspiraci. SVG zdroj si můžete stáhnout: sachy.svg.

Takže pokud vás tento díl inspiroval, tak je to jenom dobře, a v každém případě se uvidíme zase příští týden!

Seriál Inkscape (dílů: 6)

První díl: Inkscape - 1 (seznámení), poslední díl: Inkscape - 6 (vizitka).
Předchozí díl: Inkscape 3 - (čtverec, kruh a spirála)
Následující díl: Inkscape - 5 (přechody)

Související články

Přechod z CorelDraw! na Inkscape
Scribo, scribere, Scribus
Scribo, scribere, Scribus - II
Scribo, scribere, Scribus - III
GIMP v příkladech - 1 (hvězdná obloha)
GIMP v příkladech - 2 (hvězdná obloha 2)
GIMP v příkladech - 3 (kámen)
GIMP v příkladech - 4 (meteor)
GIMP v příkladech 5 - (blesk)
GIMP v příkladech - 6 (kometa, mraky)
GIMP v příkladech - 7 (mlha na fotografii, planeta)
GIMP v příkladech - 8 (planeta)
GIMP v příkladech - 9 (hvězda, semafor)
GIMP v příkladech - 10 (Semafor)
GIMP v příkladech - 11 (semafor pro chodce, spirála, pružina)
GIMP v příkladech - 12 (mapa k pokladu)
GIMP v příkladech - 13 (mapa k pokladu 2)
GIMP v příkladech - 14 (psí známky)
Recenze: GIMP - Grafický editor pro Linux a Windows
Snímání obrazovky aneb vyfoťte si okno
GNU Lilypond - The music Typesetter - I
Geomview - váš interaktivní 3D prohlížeč
Reportáž: Blender Conference 2005, De Waag, Amsterdam
Myslíme trojrozmerne

Odkazy a zdroje

Inkscape.org

Další články z této rubriky

VDR a DVB-T2, část 2.
VDR a DVB-T2, část 1.
Šifrovaný Proxmox VE 6: ZFS, LUKS, systemd_boot a Dropbear
MapTiler – proměňte obrázek v zoomovatelnou mapu
Syncthing

Diskuse k tomuto článku

22.6.2006 10:02 ikarlos | skóre: 8
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Mne by spíše zajímalo, kdy bude inkscape umět pracovat s textovými spany a patřičnými tagy, jako je třeba baseline_shift=sub a baseline_shift=sup. Pokud neumí takové základní operace s textem, jako jsou subscript a superscript, a to ani jejich import z regulerniho svg vytvořeného v jiném programu, pak je mi celý inkscape i s možností manuálního kerningu a textu do vrtule na p*d. Pokud má být inkscape produktivním programem, a ne jenom vektorovým kreslítkem pro děti a pro nadšence, pak by se měli autoři snažit o kompatibilitu se standardem svg a implementovat z něj aspoň základní věci, ne pouze to, co se jim zrovna hodí.
22.6.2006 12:20 cornelius | skóre: 11 | Ostrava
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Pokud se nemýlím tak podpora pro textové spany je k dipozici už od verze 0.43 a pokud se mýlím tak je ve skutečnosti k dispozici až teď v nové verzi 0.44. Maximální kompatibilita se standardem SVG je primárním cílem Inkscape a jeho vývojářů. Co se týče podpory horního a dolního indexu, tak již existuje RFE nějakou dobu a podle toho co se píše v komentáři u něj, tak podpora pro tspan a výběr textu na plátně pro to potřebná už existuje a pak chybí jen vývojář, který by podporu pro indexy napsal. (Tak co se do toho pustit? ;) )
"I'm trying doprdele!"
22.6.2006 20:08 Jirka | skóre: 36
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Zchladnete, Inkscape jeste ani nemel verzi 1.0. Vektorovy editor vaseho oblibeneho vyrobce sw take urcite nebyl ve verzi 0.43 (potazmo 0.44) dokonaly.
23.6.2006 07:52 Ricardo | skóre: 27 | blog: Ricardo | Horní Suchá
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
zlatá slova
My mind may be raving, my words may be void, but I am not afraid of being moderated below threshold!
23.6.2006 12:54 ikarlos | skóre: 8
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
No to je tedy fór! To je jako by Micro$soft čísloval svůj "OS" Windows 0.0.2.0, Windows 0.0.3.0, Windows 0.0.3.1., Windows 0.0.9.5, Windows 0.2.0.0.0 a podobně a vymlouval se, že blbě fungují i po patnácti letech vývoje právě proto, že jsou pořád "beta" a ještě tam nebyla verze 1!

Inkscape je venku hezkých pár let a ten požadavek byl zaslán před dvěma léty. Za tu dobu, co se odpojil od Sodipodi zase až tak moc nových věcí neumí. A tyhle základní operace s textem uměly svg editory postavené na javě už před pěti léty a to hned v prvním "alfa" vydání.

Kód inkscape jsem již také upravoval ke své potřebě, ale zde je problém v tom, že je blbě navržen, takže každý malý zásah znamená změnu v deseti různých souborech a vůbec, škoda mluvit.

Tady nejde o dokonalost, ale o to, že by to mělo nejprve umět vyrenderovat svg aspoň s nějakou základní sadou tagů a pak teprve mířit na různé fancy pitomůstky.
22.6.2006 12:19 lamatin
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Dík moc, zase jsem o něco chytřejší :-)
22.6.2006 12:46 kafcha | skóre: 1 | east
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
no, me by spise zajimalo, jak udelat, abych dostal na nakou krivku treba vlnovku?
22.6.2006 18:04 Ricardo | skóre: 27 | blog: Ricardo | Horní Suchá
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
abych dostal na nakou krivku
mám ti naplácat na zadek? :-D :-D
My mind may be raving, my words may be void, but I am not afraid of being moderated below threshold!
23.6.2006 19:46 kafcha | skóre: 1 | east
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
ne, spis poradit
23.6.2006 21:47 Ricardo | skóre: 27 | blog: Ricardo | Horní Suchá
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
promin, ale z te tvé věty nechápu, v čem je problém. můžeš to prosimtě říct jinak?
My mind may be raving, my words may be void, but I am not afraid of being moderated below threshold!
25.6.2006 12:51 kafcha | skóre: 1 | east
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
no, rad bych si prevedl do pc naka herni cviceni. napr: www.florbal.com/UplImages/tech11.jpg no a pohyb hrace s mickem je zobrazen vlnovkou. A ja bych potreboval poradit, jak nejlepe tu vlnovku nakreslit. Nejpohodlnejsi by bylo, ze by to byl jakoby styl cary (prerusovana, cerchovana ..), ale netusim, jak to udelat.
26.6.2006 17:40 Jan Martinek | skóre: 43 | blog: johny | Brno
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Přes styl čáry to nepůjde. Ale kdysi jsem potřeboval v inkscapu sinusoidu, tak jsem nafitoval beziérovou křivkou čtvrtperiodu - můžeš si to stáhnout tady:
http://kf.fyz.fce.vutbr.cz/pub/inkscape/sinus.svg
No a když si s tím trochu pohraješ pomocí Duplicate a Align, tak si můžeš vyrobit takovouhle klikatici:
http://kf.fyz.fce.vutbr.cz/pub/inkscape/sinus.png
Sice je to trochu s kanónem na vrabce, ale harmonická funkce je taková hezká, ne?
26.6.2006 17:52 cornelius | skóre: 11 | Ostrava
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
pokud by stačila sinusoida jako náhrada té klikatice, a fungují vám python efekty v inkscape, zkuste následující: 1) vytvřote libovolný objekt(třeba čtverec) a vyberte jej 2) Efekty - Vykreslit - Vykreslit funkci 3) Zadejte funkci jakou chcete vykreslit a i její 1. derivaci (např sin(x) a jako derivaci cos(x)) 4) OK a vyčkej kouzla :) Jde nastavit počet period, počet uzlů... takže lze vygenerovat libovolně dlouhou křivku a se správným předpisem funkce se dají dělat různá kouzla
"I'm trying doprdele!"
27.6.2006 09:05 kafcha | skóre: 1 | east
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
oboum diky, vyzkousim
22.6.2006 15:56 victor8 | skóre: 24 | blog: blog | Košice
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
IRL - .hack//SIGN? :-)
22.6.2006 18:08 Ricardo | skóre: 27 | blog: Ricardo | Horní Suchá
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
nee ... zadny hlubsi význam nehledej
My mind may be raving, my words may be void, but I am not afraid of being moderated below threshold!
22.6.2006 16:48 kibo | skóre: 17 | blog: Fedora Core 4 | Znojmo
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)

Jednim slovem - bezvadne.

22.6.2006 18:09 Ricardo | skóre: 27 | blog: Ricardo | Horní Suchá
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
:-)
My mind may be raving, my words may be void, but I am not afraid of being moderated below threshold!
27.6.2006 17:28 David Macura | skóre: 14 | blog: Trápeníčko | Ostrava
Rozbalit Rozbalit vše inkscape.prosim.org
Zachraňme prosím nadějně vypadající české stránky o programu inkscape. Je to místo, kde by mohlo vzniknout něco jako gimp.cz. Děkuji. Inkscape - české stránky o vektorovém programu
Nejsem lama...
26.7.2006 22:33 bbob
Rozbalit Rozbalit vše text na křivku se nedaří
Prosím o radu. Už dvě hodiny se pokouším umístit text na křivku. Úspěšně se však brání a stále sedí na svém místě. Mohl by mi někdo polopatě vysvětlit jak na něj? Upozorňuju, jsem grafik začátečník. Děkuji za jakoukoli snahu o pomoc.
27.7.2006 10:31 cornelius | skóre: 11 | Ostrava
Rozbalit Rozbalit vše Re: text na křivku se nedaří
A není ten text náhodou "vlitý"? (Tedy vytvořený tak že jsi textovým nástrojem vytáhl oblast místo jednoduchého kliknutí před začátkem psaní textu? Jestli ano tak takový text na křivku umístit nejde a musíš jej převést na jednoduchý textový element pomocí Text - Převést na text. Pak stačí vybrat text, vybrat křivku a použít Text - Umístit text na křivku a je to.
"I'm trying doprdele!"
28.7.2006 17:19 bbob
Rozbalit Rozbalit vše Re: text na křivku se nedaří
Mockrát děkuju. Bylo to tím, že jsem vytáhl oblast. Ještě jednou dík za radu.
22.6.2008 13:40 Pomoc
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Jde nějak udělat obrys písma? Opravdu ne a ne to najít.
25.3.2011 20:32 sokol
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
K té ruštině: vždyď se učí. jako dzuhý předmět na ZŠ (mimo němčinu a ''angličtinu pro dementy'' od 7.třídy
6.10.2013 09:54 Filip
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Příloha:
Zdravím, potřeboval bych pomoci, nedaří se mi umístit text na bezierovu křivku. Potřebuju aby byl samozřejmě od leva do prava a aby byl nad bezierovou křivkou. Když dám umístit text na křivku tak se mi dostane dolů, když dám převrátit křivku tak se mi dostane nahoru ale zprava do leva viz. obrázek. Už vážně nevím jak to udělat, poradte co dělám blbě díky ?
24.7.2014 12:55 pavel
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Ahoj sice nevím, jestli mě zde ještě někdo odpoví, ale jak mám zarovnat text do bloku? normálně do bloku s různou šířkou mezery. Díík
13.11.2016 23:51 Jarda
Rozbalit Rozbalit vše Re: Inkscape - 4 (text)
Nejde mi zarovnat text na křivku (mezi kružnice). V návodu je napsáno "nyní zarovnáme text na křivku" ale když označím textové pole a kliknu na text na křivku, nic to nedělá :-(

ISSN 1214-1267, (c) 1999-2007 Stickfish s.r.o.