Vytváření stuhy je stejné jako vytváření jakéhokoli jiného tvaru v aplikaci Adobe Illustrator. To znamená, že se začíná od základních tvarů, jako je obdélník. Vytvoříte několik kopií a kombinací tvarů vytvoříte nový tvar. Nebo můžete vlastně vytvořit stočenou stuhu z čáry.

Zní to zajímavě, že?

Existuje tolik různých typů stuh, že je nemožné je všechny obsáhnout v jednom tutoriálu. V tomto tutoriálu vám tedy ukážu, jak vyrobit klasický stuhový banner a několik triků, jak ho stylizovat. Kromě toho se také naučíte, jak vyrobit 3D kroucenou stuhu.

Poznámka: Snímky obrazovky z tohoto návodu pocházejí z verze Adobe Illustrator CC 2022 pro Mac. Windows nebo jiné verze mohou vypadat jinak.

Jak vytvořit stuhu v aplikaci Adobe Illustrator

Stužku můžete nakreslit pomocí nástrojů pro tvorbu tvarů v aplikaci Adobe Illustrator, například nástroje Obdélník a Nástroj pro tvorbu tvarů.

Vektorovou stuhu vytvoříte podle následujících kroků.

Krok 1: Vyberte si Nástroj Obdélník (klávesová zkratka M ) na panelu nástrojů nakreslit dlouhý obdélník.

Krok 2: Nakreslete další kratší obdélník a přesuňte jej do místa, kde se protíná s delším obdélníkem.

Krok 3: Vyberte si Nástroj pro kotevní body (klávesová zkratka Směna + C ) z panelu nástrojů.

Klikněte na levý okraj menšího obdélníku a přetáhněte jej doprava.

Krok 4: Duplikujte tvar a přesuňte jej na pravou stranu obdélníku.

Obraťte tvar a zobrazí se tvar stuhy s bannerem.

Ne, ještě jsme neskončili.

Krok 5: Vyberte všechny tvary a zvolte Nástroj pro tvorbu tvarů (klávesová zkratka Směna + M ) z panelu nástrojů.

Klikněte a přetáhněte přes tvary, které chcete spojit. V tomto případě spojujeme části a, b a c.

Po zkombinování tvarů by měl obrázek vypadat takto.

Pomocí nástroje čára můžete na stuhu přidat malý detail.

Můžete změnit barvu nebo do něj přidat text a vytvořit z něj stužkový banner. Pokud máte v plánu přidat do toho malého trojúhelníku jinou barvu, můžete tam pomocí nástroje Shape Builder Tool vytvořit tvar.

Jak vytvořit banner se stuhou v aplikaci Adobe Illustrator

Nyní, když jste vytvořili tvar stuhy, je dalším krokem stylizace stuhy a přidání textu, abyste vytvořili banner stuhy. Zde přeskočím kroky tvorby stuhy, protože jsem se jimi již zabýval výše.

Nyní začneme se stylingem. Když už mluvíme o stylingu, na prvním místě je barva.

Krok 1: Vyplňte stuhu barvami.

Tip: Po vyplnění barvy můžete objekty prozatím seskupit pro případ, že byste některé části omylem přesunuli.

Krok 2: Pomocí nástroje Type Tool přidejte text. Vyberte písmo, velikost, barvu textu a přesuňte text na horní část pásu.

Pokud jste s tímto vzhledem spokojeni, můžete zde skončit, ale níže vám ukážu několik triků, jak vytvořit zakřivené stuhy.

Jak vytvořit zakřivené stuhy v aplikaci Adobe Illustrator

Nebudeme kreslit stuhu od začátku, místo toho můžeme vektorovou stuhu, kterou jsme vytvořili výše, zkreslit tak, aby byla zakřivená, pomocí funkce Envelop Distort.

Jednoduše vyberte pás karet, přejděte do horní nabídky Objekt > Zkreslení obálky > Vyrobit pomocí Warp . Zobrazí se okno Warp Options.

Výchozí styl je vodorovný oblouk s ohybem 50 %. Posunutím posuvníku můžete upravit, jak moc se ohýbá. Já jsem například změnil hodnotu na 25 % a vypadá to docela dobře.

Klikněte na OK a je to. Vytvořili jste zakřivenou stuhu.

Kliknutím na rozevírací nabídku Styl zobrazíte další možnosti stylů.

Takto například vypadá styl Vlajka.

Jak vytvořit stočenou stuhu v aplikaci Adobe Illustrator

Vytvoření stočené stuhy v aplikaci Adobe Illustrator vyžaduje pouze dva kroky. Stačí nakreslit čáru a použít na ni 3D efekt. A vlastně touto metodou můžete vytvořit i 3D stuhu.

Krok 1: nakreslit zakřivenou/vlnitou čáru. Zde jsem použil nástroj štětec k nakreslení čáry.

Krok 2: Vyberte řádek, přejděte do režijní nabídky Efekt > 3D a materiál > Extrude & amp; zkosení .

Efekt není příliš vidět, protože je v černé barvě. Změňte barvu čáry a podívejte se, jak to vypadá.

Můžete upravit osvětlení a materiál nebo stuhu otočit tak, aby vypadala co nejlépe.

To je vše. Tvar stuhy tedy závisí na nakreslené čáře. V závislosti na tvaru můžete upravit osvětlení, abyste dosáhli nejlepšího výsledku.

Závěrečné shrnutí

Nyní byste měli vědět, jak vytvářet různé typy stuhových bannerů a kroucených stuh. Při vytváření stuhového banneru se ujistěte, že jsou tvary vytvořeny správně pomocí nástroje Shape Builder Tool, jinak byste mohli narazit na problémy s vybarvením jednotlivých částí.

Tvorba 3D stuh je celkem jednoduchá, jediný "problém", na který můžete narazit, je vyřešit osvětlení a perspektivu. No, ani bych to nenazýval problémem, spíš je to trpělivost.

Dejte mi vědět, pokud máte nějaké dotazy ohledně tvorby stuhy v aplikaci Adobe Illustrator.