Chcete rozšířit své dovednosti v oblasti designu - ať už jde o návrh loga nebo o jednoduché vytváření textových kousků? V tomto tutoriálu vám to pomůžu udělat tím, že vám ukážu, jak vložit text do kruhu v Inkscape. Tato technika je poměrně jednoduchá a vyžaduje jen několik jednoduchých kroků, ale konečný výsledek může výrazně zlepšit vaše grafické možnosti při práci s textem.
Tento tutoriál je dost snadný pro začátečníky Inkscape, aby ho mohli sledovat, a bude postupovat krok za krokem, který vám pomůže důkladně porozumět diskutovaným konceptům. Bez dalšího adieu, pojďme se ponořit!
Mám své plátno Inkscape nastaveno tak, aby vypadalo jako kresba Adobe Illustratoru, kterou se můžete naučit, jak to udělat v tomto tutoriálu.
Krok 1: Přidejte svůj text
![Textový nástroj Inkscape obtéká text kolem kruhu](https://daviesmediadesign.com/wp-content/uploads/2019/11/Inkscape-Text-Tool-Wrap-Text-Around-Circle.jpg)
Začnu tento proces tím, že popadnu svůj textový nástroj z Toolboxu (červená šipka na obrázku výše) na levé straně uživatelského rozhraní Inkscape (přístup k tomuto nástroji můžete také stisknout F8 na klávesnici).
![Řádek Inkscape obtékání textu kolem kruhu](https://daviesmediadesign.com/wp-content/uploads/2019/11/Inkscape-Line-of-Text-Wrap-Text-Around-Circle.jpg)
Dále kliknu kamkoli na své plátno Inkscape, abych začal řádek textu (červená šipka na fotografii výše). Pak napíšu svůj první řádek textu (budeme mít celkem dva řádky textu - jeden řádek procházející kolem horního kruhu a druhý řádek procházející kolem spodního kruhu). Pro svůj první řádek textu jsem právě šel s textem „Snadno zabalit text“.
![Inkscape Druhý řádek obtékání textu kolem kruhu](https://daviesmediadesign.com/wp-content/uploads/2019/11/Inkscape-Second-Line-of-Text-Wrap-Text-Around-Circle.jpg)
Poté kliknu někam jinam na své plátno s aktivovaným textovým nástrojem, abych spustil další řádek textu, a napíšu druhý řádek textu. Pro tento příklad jsem jako druhý řádek použil „Kolem kruhu“.
Krok 2: Nastavte své písmo
Nyní, když máme vytvořeny oba řádky textu, vyberu písmo, které chci použít.
![Nástroj pro výběr Inkscape obtéká text kolem kruhu](https://daviesmediadesign.com/wp-content/uploads/2019/11/Inkscape-Selection-Tool-Wrap-Text-Around-Circle.jpg)
K tomu začnu kliknutím na nástroj pro výběr na panelu nástrojů (který můžete také aktivovat pomocí klávesové zkratky F1 - označené červenou šipkou na fotografii výše) a kliknu a táhnu myší přes oba řádky textu. Tím vyberete oba řádky textu.
![Dialogové okno Text a písma Inkscape obtéká text kolem kruhu](https://daviesmediadesign.com/wp-content/uploads/2019/11/Inkscape-Text-and-Fonts-Dialogue-Wrap-Text-Around-Circle.jpg)
Dále se dostanu k dialogu Text a písmo pomocí ikony na panelu Příkazy (červená šipka na obrázku výše) na pravé straně uživatelského rozhraní Inkscape. Kliknutím na tuto ikonu se otevře dialog Text a písma (zelená šipka).
![Změna stylu písma v Inkscape](https://daviesmediadesign.com/wp-content/uploads/2019/11/Changing-Font-Style-in-Inkscape.jpg)
Po otevření mi tento dialog umožňuje editovat více řádků textu současně. Takže procházím písmem (na obrázku výše zeleně), dokud nenajdu jedno, které se mi líbí (kliknutím na písmo vygenerujete náhled toho, jak váš text vypadá v tomto písmu). V takovém případě jsem použil písmo s názvem „Wicked Grit“, které jsem stáhl a nainstaloval jako písmo třetích stran (jinými slovy, toto písmo ve výchozím nastavení není součástí aplikace Inkscape). Dozvíte se, jak nainstalovat písma do Inkscape s mým článkem nápovědy na toto téma.
Jakmile budu mít požadované písmo, mohu kliknout na tlačítko „Použít“ (červená šipka) a použít nové písmo na mé řádky textu (modrá šipka).
![Vyberte velikost písma v Inkscape](https://daviesmediadesign.com/wp-content/uploads/2019/11/Select-a-Font-Size-in-Inkscape.jpg)
Nyní, když mám nové písmo, rozhodl jsem se také, že chci, aby byl text trochu větší. Chcete-li změnit velikost písma, mohu jednoduše kliknout na rozbalovací nabídku „Velikost písma“ (červená šipka na fotografii výše) a vybrat novou velikost. V tomto případě jsem šel s 48em pro novou velikost písma (modrá šipka). Poté mohu znovu kliknout na tlačítko „Použít“ a použít tuto novou velikost písma na mé řádky textu.
Krok 3: Nakreslete kruh
![Výukový program Inkscape Ellipse Tool obtéká text kolem kruhu](https://daviesmediadesign.com/wp-content/uploads/2019/11/Inkscape-Ellipse-Tool-Wrap-Text-Around-Circle-Tutorial.jpg)
Až bude můj text připraven, budu muset nakreslit kruhový tvar, který text omotám. K tomu kliknu na nástroj Elipsa v mém panelu nástrojů (můžete také použít klávesovou zkratku F5 - červená šipka na fotografii výše).
![Nakreslete kruh pomocí nástroje Inkscape nástroje Ellipse](https://daviesmediadesign.com/wp-content/uploads/2019/11/Draw-a-Circle-with-the-Ellipse-Tool-Inkscape.jpg)
Dále kliknu a přetáhnu myš na plátno a při tažení podržím klávesu ctrl, abych nakreslil dokonalý kruh. Když je kruh velikost, kterou chci, mohu uvolnit myš a použít kruhový výkres na své plátno. Pokud chcete, aby byl kruh konkrétní velikosti, můžete vždy ručně zadat hodnoty „Rx“ a „Ry“ (na obrázku nahoře zelené) na základě hodnot, které chcete použít (ve výchozím nastavení budou jednotky v pixelech).
![Zarovnejte svůj elipsa v Inkscape na stránku](https://daviesmediadesign.com/wp-content/uploads/2019/11/Align-Your-Ellipse-in-Inkscape-to-Page.jpg)
Poté na liště Příkazy kliknu na ikonu „Zarovnat a distribuovat“ (červená šipka). Tento dialog mi umožňuje zarovnat kruh na mém plátně.
Chci zarovnat kruh do středu mého plátna, takže v rozbalovací nabídce „Relativní k:“ vyberu „Stránka“ (zelená šipka na fotografii výše).
![Vodorovně a svisle Zarovnat objekt v Inkscape](https://daviesmediadesign.com/wp-content/uploads/2019/11/Horizontally-and-Vertically-Align-Object-in-Inkscape.jpg)
Poté kliknu na možnost „Střed na svislé ose“ (červená šipka na fotografii nahoře) a poté na možnost „Střed na vodorovné ose“ (zelená šipka). Tím bude můj kruh vystředěn na plátně (modrá šipka).
Krok 4: Přidejte do svého kruhu horní řádek textu
Nyní mám na plátně všechny své prvky, abych začal proces obtékání textu kolem kruhu. Začnu přidáním horního řádku textu do horní části kruhu.
![V kruhovém Inkscape vyberte horní řádek textu, který chcete zabalit](https://daviesmediadesign.com/wp-content/uploads/2019/11/Select-Top-Line-of-Text-to-Wrap-in-Circle-Inkscape.jpg)
Chcete-li to provést, stisknu klávesu F1 na klávesnici nebo kliknu na nástroj pro výběr v mém panelu nástrojů (červená šipka na obrázku výše). Poté kliknu na první řádek textu, který jsme vytvořili (zelená šipka), který bude horním řádkem textu na kruhu.
![V Inkscape vyberte současně dva objekty](https://daviesmediadesign.com/wp-content/uploads/2019/11/Select-Two-Objects-Simultaneously-in-Inkscape.jpg)
Potom podržím klávesu Shift a kliknu na kruh. To umožňuje současně vybrat horní řádek textu a kruh (červené šipky na fotografii výše).
![Inkscape text na cestě](https://daviesmediadesign.com/wp-content/uploads/2019/11/Inkscape-Text-Put-on-Path.jpg)
Nyní přejdu na Text> Put on Path. Tím umístím můj text do kruhu.
![Otočte kruh v Inkscape pomocí transformačních úchytů](https://daviesmediadesign.com/wp-content/uploads/2019/11/Rotate-Circle-in-Inkscape-Using-Transform-Handles.jpg)
Abych otočil svůj text na správné místo, musím nejprve kliknout kamkoli na své plátno, abych zrušil výběr kruhu a textu, který jsem vybral. Pak mohu jednoduše kliknout na můj kruh dvakrát, abych vyvolal úchyty transformace rotace. Poté kliknu na jednu z úchytů transformace rotace (červená šipka na fotografii nahoře) a přetáhnu ji, dokud nebude můj text na požadované pozici.
Krok 5: Přidejte do kruhu spodní řádek textu
Poté zkopíruji svůj kruh z předchozího kroku, zatímco je stále vybrán stiskem klávesy ctrl + d.
![Měřítko kruhu pomocí transformátoru v Inkscape](https://daviesmediadesign.com/wp-content/uploads/2019/11/Scale-circle-Using-Transform-Handle-in-Inkscape.jpg)
Dále kliknu na kruh (který vybere horní kruh - nebo duplikovaný kruh, který jsme právě vytvořili), a přetáhnu úchyt transformace měřítka v kterémkoli z rohů pole kolem kruhu (červená šipka na fotografii) výše) pro zvětšení kruhu. Přidržím klávesy Shift + Ctrl, zatímco kliknu a přetáhnu, abych zajistil měřítko kruhu od středu a také si zachová svůj poměr stran 1: 1 (nebo jinými slovy zůstává perfektním kruhem, když táhnu).
Jakmile bude kruh dostatečně velký na to, aby zakryl horní řádek textu, který jsme vytvořili, uvolním myš.
![V Inkscape vyberte současně tvar a text](https://daviesmediadesign.com/wp-content/uploads/2019/11/Select-Shape-and-Text-Simultaneously-in-Inkscape.jpg)
Nyní kliknu na druhý řádek textu, který bude spodní částí textu, a posunu + kliku na větší kruh tak, že nyní máme vybrány oba objekty (označené červenou šipkou na fotografii výše) .
![Text kolem kruhu v Inkscape](https://daviesmediadesign.com/wp-content/uploads/2019/11/Text-Around-a-Circle-in-Inkscape.jpg)
Znovu přejdu na Text> Put on Path. Tím umístíte druhý řádek textu kolem vnějšku kruhu.
Problém spočívá v tom, že potřebujeme, aby byl text na spodní straně kruhu, ale nechceme, aby byl vzhůru nohama (což by nastalo, kdybychom jednoduše použili metodu rotace provedenou pro horní řádek textu v předchozím kroku) .
![Převrátit text vložený do kruhu v Inkscape](https://daviesmediadesign.com/wp-content/uploads/2019/11/Flip-Text-Put-in-a-Circle-in-Inkscape.jpg)
Takže, co udělám, abych to napravil, jednoduše klikněte na „Překlopit vybrané objekty svisle“ na liště Ovládací prvky (červená šipka na obrázku výše). Tím umístíte text na spodní část kruhu a převrátíte jej tak, aby nebyl vzhůru nohama (zelená šipka). Nejprve to však neuvidíte, pokud do kruhu přidáte výplň (tj. Kruh je zbarven). V mém případě mám světle modrou výplň, která pokrývá text.
![Klepnutím změníte posun barvy výplně Klepnutím změníte barvu tahu](https://daviesmediadesign.com/wp-content/uploads/2019/11/Click-to-Change-Fill-Color-Shift-Click-to-Change-Stroke-Color.jpg)
Chcete-li odstranit barevnou výplň pro svůj kruh, kliknutím na náhodnou oblast vašeho plátna zrušte výběr svých objektů, poté kliknutím na svůj kruh vyberte pouze kruh a nakonec klikněte na pole s červeným „X“ v paletě barev (červená šipka na fotografii výše). Tímto se odstraní barevná výplň z vašeho kruhu.
Doporučuji také, abyste se posunuli + klikli na černou barvu (nebo libovolnou barvu - zelenou šipku na výše uvedené fotografii), aby váš kruh měl tah a byl tak snadno lokalizovatelný pro poslední kroky.
![Přemístění elipsy v Inkscape](https://daviesmediadesign.com/wp-content/uploads/2019/11/Reposition-Ellipse-in-Inkscape.jpg)
Nyní, když uvidíme náš text a kruh, ve kterém je, provedu několik posledních kroků, abychom dostali náš text na správné místo. Nejprve, když je můj kruh stále vybrán, pomocí kláves se šipkami na mé klávesnici kruh sklopím, dokud se spodní řádek textu nebude zarovnat s menším kruhem (červená šipka na výše uvedené fotografii).
![V aplikaci Inkscape zvyšte rozteč písmen](https://daviesmediadesign.com/wp-content/uploads/2019/11/Increase-Letter-Spacing-in-Inkscape.jpg)
Pak budu chtít uchopit svůj textový nástroj, vybrat celý můj text ve spodním řádku a zvětšit mezery mezi písmeny tak, aby odpovídaly (nebo jsou více podobné) mezerám v horním řádku textu (nastavím můj rozestup na 5 - označen červenou šipkou na obrázku výše).
![Otočení textu kolem kruhu v Inkscape](https://daviesmediadesign.com/wp-content/uploads/2019/11/Rotate-Text-Around-a-Circle-in-Inkscape-1.jpg)
Potom znovu kliknu na větší kruh, dokud se neobjeví úchyty transformace rotace. Kliknu a přetáhnu tyto úchyty (červená šipka na výše uvedené fotografii), dokud můj spodní řádek textu nebude umístěn tam, kde to chci.
Krok 6: Odstraňte kruhy ze svého složení
Nyní, když je náš text omotán kolem kruhů, které jsme vytvořili, budeme chtít z kompozice odstranit kruhy, protože je již nepotřebujeme.
![Inkscape Path Object to Path](https://daviesmediadesign.com/wp-content/uploads/2019/11/Path-Object-to-Path-inkscape.jpg)
K tomu budu muset nejprve v podstatě „uvolnit“ řádky textu z kruhů. Kliknu na svůj první řádek textu pomocí nástroje pro výběr (F1) a poté přejdu na Cestu> Objekt na cestu.
Tuto akci zopakuji pro dolní řádek textu.
![Text omotal kolem kruhu Inkscape Tutorial](https://daviesmediadesign.com/wp-content/uploads/2019/11/Text-Wrapped-Around-a-Circle-Inkscape-Tutorial.jpg)
Každý řádek textu byl nyní oddělen od kruhů. Takže mohu jednoduše kliknout na každý kruh pomocí nástroje pro výběr a stisknout klávesu Backspace na mé klávesnici a kruhy odstranit.
Zůstali jsme dva řádky textu omotané kolem tvaru kruhu!
To je pro tento tutoriál vše. Pokud se vám líbí, můžete se podívat na moje další Články nápovědy Inkscape na mém webu. Taky jich mám tuny Články nápovědy GIMP a videonávody GIMPu.
Související video: Snadno navrhněte kruhové textové logo v Inkscape
Naučit se Inkscape a jeho mnoho nástrojů/funkcí může být obrovskou výzvou, zvláště když se chcete jednoduše zaměřit na vytváření poutavých návrhů pro své projekty.
V článcích na blogu a video tutoriálech mohu sdílet jen tolik informací, a proto jsem sestavil Inkscape: Od začátečníka po profesionála v Inkscape a grafickém designu kurs. Tento kurz je hloubkovým vzděláním o Inkscape a o tom, jak jej můžete použít k vytváření profesionálních vektorových návrhů pro vaše vlastní podnikání, osobní projekty nebo pro vaše klienty.
Po omezenou dobu můžete získat tento 6+ hodinový kurz s více než 60 video přednáškami s výraznou slevou! V kurzu se naučíte důležité pojmy jako:
- Jak zvládnout Inkscape
- Rozložení Inkscape a jeho nejdůležitější funkce
- Jak zvládnout nástroje Pen a Node pro vytváření vektorových ilustrací
- Jak kombinovat tvary pomocí oblíbeného nástroje Shape Builder
- Jak vytvořit návrh vektorového loga v Inkscape
- Jak vytvořit profesionální vektorové návrhy pro web a sociální média
Naučil jsem více než 17,000 XNUMX studentů, jako jste vy, jak konečně zvládnout svobodný a open source software a posunout své dovednosti na další úroveň.
Přestože je kurz nový, studenti již říkají pozitivní věci a dali kurzu celkové hodnocení 4.8 hvězdiček. Tak na co čekáš? Je čas konečně začněte svou cestu zvládnutím Inkscape, bezplatného softwaru pro grafický design!
![Bannerová reklama kurzu Inkscape od Davies Media Design](https://daviesmediadesign.com/wp-content/uploads/2023/12/Inkscape-Course-Banner-Ad.webp)