Illustrator tutorial: jak se dělají vlastní brushe

Illustrator tutorial Nedávno jsem dostal emailem dotaz, jak jsem nakreslil jednu kresbičku (hlava, ze které vyrůstá asi stovka šlahounů), kterou jsem dával jako ukázkový příklad jednoduché ilustrace pro fotobanky ve článku věnovaném kreslení pro fotobanky.

ilustrator.cz web o Adobe Illustratoru a vektorové grafice Na adrese ilustrator.cz jsem spustil nový web o Adobe Illustrátoru a tvorbě vektorové grafiky (včetně diskuzního fóra), který pravidelně zásobuji novými tutoriály, tipy, triky a odkazy na zajímavé zdroje, které by se vám při práci mohly hodit.

A tak jsem se rozhodl sepsat o tom jednoduchý tutoriál – třeba se z toho stane zvyk a těch tutoriálů na kreslení v Illustratoru tu bude časem více – nechci to ale zakřiknout, aby to nedopadlo jako se slíbeným seriálem o tricích ve Photoshopu, kde jsem se dostal asi jen ke druhému dílu.

Ukázková ilustrace

Zpátky k ilustraci. Uvedený obrázek se dá nakreslit během několika minut. Celý fígl spočívá v nadefinování vlastního brushe ve tvaru šlahounu s lístky. Níže vidíte zkrácený postup, jak jsem nakreslil jeden abstraktní šlahoun.

Illustrator tutorial: vlastní brush - kresba

Zde předpokládám, že umíte základy Illustratoru a něco podobného zvládnete sami nakreslit. Ale abyste neřekli, prozradím vám rychlý trik, jak dostat z jednoduché křivky o stejném průměru křivku, která se zužuje (krok 1 – 2). Stačí nakreslit křivku a použít na ni brush z palety šipek (standardní výbava Illustratoru). Zobrazte si paletu Brushes a v pravém horním rohu rozbalte nabídku:

Illustrator tutorial: vlastní brush - použití brushe šipky

Ukáže se vám pak několik brushů pro kreslení šipky a ten protáhlý trojúhelník dělá přesně to, co potřebujeme.

Illustrator tutorial: vlastní brush - Výběr šipky

Nuže v okamžiku, kdy máte kresbu hotovou, spojte ji a převeďte na tvar a otočte naležato. Pak již jen stačí chytnout myší a přetáhnout na paletu s brushi. Tím vytvoříte vlastní brush – měl by se vám zobrazit dialog s jeho nastavením:

Illustrator tutorial: vlastní brush - nastavení

Vyberete New Art Brush (o ostatních typech napíšu možná někdy příště).

Illustrator tutorial: vlastní brush - další nastavení

V dalším dialogu velmi doporučuji zvolit Colorization method na tints, díky tomu pak budete moci použít na váš brush různé barvy. Jinak není potřeba nic měnit (a v podstatě si toto nastavení můžete kdykoliv později i zpětně změnit).

No a teď už můžete brush použít – nakreslete přímku, křivku, kružnici, spirálu, či cokoliv jiného a aplikujte na to svůj nový brush. Snadné a působivé, což? Už věříte, že těch 100 šlahounů se dá nakreslit za pár minut?

Pro dokreslení malá ukázka, co se dá nakreslit s tímto brushem:

Illustrator tutorial: vlastní brush - výsledná ukázka

a druhá ukázka:

Illustrator tutorial: vlastní brush - výsledná ukázka

Obě uvedené ukázky – v době kdy čtete tento článek – už vydělávájí ve fotobankách…

Máte-li nějaké dotazy, či zajímají-li vás nějaké další tutoriály, nebojte se ozvat v komentářích.

Komentáře

1
Jiri Vaclavek
22 únor 2008, 13:41

Jednoduché a krásné… prostě tutoriál pro amatéry… jen dále a více takových.

 
2
Jiri Vaclavek
22 únor 2008, 13:43

PS a jak se delaji ty kulickove prechody a flekaté pozadí viz poslední pic ?

 
3
1 březen 2008, 22:24

Dotaz od čtenáře:

Zdravím, zkouším podle Vašeho tutotiálu vlastní brush, mám Illustrator verzi 11 a nějak jsem se zadrhl u toho, jak píšete, že mám objekt převést na tvar, můžete mi to nějak lépe popsat? děkuji

A odpověď: Převod na tvar se nemusí ani aplikovat – jde to i bez toho, ja to občas dělám automaticky (jinak to je menu Object/Expand…

 
4
Pavel D.
8 březen 2008, 12:29

Tak jsem to vyzkoušel a je to perfektní, díky.

 
5
Martina Kýrová
19 březen 2008, 22:19

jak jste udělal ty puntíky na pozadi?

 
6
20 březen 2008, 10:17

[5] To je halftone effect, napíšu o něm něco příště, jen co budu mít chvilku čas

 
7
Jakub Kostal
26 březen 2008, 19:55

Primlouvam se k vytvoreni navodu jak vytvorit ty puntiky pomoci hlaftone effectu.

 
9
gruppe
6 duben 2008, 12:44

umím Corel, Photoshop, ale Illustrator je pro me beznadejne ztracena, nesmirne zbytecne komplikovana a krkolomna aplikace. Nicmene peru se s ni.

ALE, kdyz udelam caru a aplikuji na ni Brush-arrow, 0,25pt cerny obrys, utvori se mi sice spravny tvar, ale obrys je cerny, kdezto vnitrek teto protahle sipky (stonku) je tmave sedy. Uz jsem z toho zoufaly, co s tim?

 
10
6 duben 2008, 22:54

[9] mrkněte, zda nemáte nastavenou u té křivky výplň – ta způsobuje zabarvení vnitřku.

 
11
Bara
10 duben 2008, 18:32

Dobrý den, prosim Vás jak se dělají ty lístky. tak aby byli na konci do kulata Dekuji

 
12
Martin
17 duben 2008, 23:15

Také se přimlouvám za objasnění kulatého zakončení lístku. Děkuji.

 
13
29 duben 2008, 19:51

Dobrý den. Můžu se zeptat, jak jste udělal ten tečkovaný přechod z barvy do bílé?

 
14
SynchR
8 květen 2008, 13:58

Dobrý den, potřeboval bych poradit mám problém s tím, žě když už mám vytvořený brush a chci přebarvit obrazec udělá mi to barevný obdelník místo větve s listy, problém s přebarvením je až v případě když to vytáhnu z brushes, předtím než sem dal obrazec do brushe tak to šlo. Děkuji, prosím o pomoc.

 
15
19 květen 2008, 21:16

[2], [5], [7], [13] – Tady je slíbený tutoriál na halftone efekt.

 
16
rem
27 srpen 2008, 15:47

prosím Vás co mam robit ked mam vsetko spravene ale ak to dam do palety s brushi tak sa mi to automaticky dá ako keby do bieleho rámčeku a potom to vadí ked ich chcem dávat vedla seba..ale výplň mám priesvitnú..

 
17
27 srpen 2008, 15:57

[16] Pošlete mi .ai soubor s ukázkou (nejlépe verze CS2) a já se na to podívám.

 
18
vlado
29 září 2008, 18:46

Ako sa dá previesť ťah napr. v tvare šípku na objekt-uzavretú plochu? Ak dám „objekt-cesta-obrysy tahu“, stratí sa tá stopa v tvare šipku. Ako na to? Ďakujem

 
19
2 říjen 2008, 15:51

[18] Mám anglickou verzi, takže název položky přesně neřeknu, ale používám

Object / Expand Apearance (v menu Objekt to je desátá položka)

 
20
vlado
6 říjen 2008, 22:23

Ďakujem za radu, funguje to. Po česky to bolo „Rozdělit vzhled“

 
21
Marian
9 únor 2009, 22:52

Taky bojuju s tim, že mám českou verzi. Nebylo by možné psát tutoriály i v českém postupu. :D

 
22
16 březen 2009, 15:06

jeeeeeeeeeeee­eeeeeeeeeeeej!!!!!

 
23
17 březen 2009, 10:07

[20][21] Ono je lepšejší si do Illustrátoru tu češtinu nemontovat. Protože spousta skvělých tutoriálů je právě v angličtině…

 
24
Iron
1 srpen 2009, 13:32

prosim vás, jak se převádí na tvar? děkuji moc.

 
25
1 srpen 2009, 15:04

[24] Stačí objekt(y) označit a pak menu Object / Expand.

 
26
Iron
1 srpen 2009, 20:55

Díky moc.. takže jsem poprvé otevřel dneska ilustrator :)… nedopadlo to nijak valne.. alespon se pochlubim.. Super navod ! :) http://photos­s.borec.cz/…d-1-copy.png

 
27
PecanCZ
4 září 2009, 19:44

Ahoj, díky za super návod, jen bych se chtěl zeptat jak mám na vytvořenou křivku nebo spirálu aplikovat ten „můj“ brush, díky moc za odpověď

 
28
7 září 2009, 15:49

Stačí mít vybranou tu křivku a pak kliknout v paletě brushů na ten nový brush.

 
29
Martin
2 říjen 2009, 19:22

Dobry vecer, pokousim se udelat slahouny dle Vaseho navodu, problem je, ze mam v urcitych zakrivenich slahounu bila mista, kdyz je dam na bok z hlavniho dokumentu. Pomuzete mi? dekuji

 
30
2 říjen 2009, 21:21

Martine,
pravděpodobně máte u toho objektu (šlahounu) nastavenou i barvu výplně (a to bílou). Zrušte výplň (vyberte pro ní transparentní barvu) a mělo by to být OK.

 
31
30 leden 2011, 20:50

hhh ja som ked osm robila dess tiež niečo taketo CooL potrebovala ale nevedela som že sa to tak vola, hh ale už to viem, vkusem som na internet do google zadavala textu backgrund a pod.

 
32
Pája
16 leden 2012, 16:54

Mám problém, když chci udělat nějaký tvar, například vánoční stromeček, tak samozřejmě ho dělám z jednotlivých čar, jenže pak nevím, jak ho mám spojit do jednoho tvaru, abych ho následně mohla vybarvit. Uměla jsem to, jenže teď na to nemůžu přijít, vždycky se mi vybarví jen jednotlivé čáry, naštěstí to vypadalo, jako by byl zasněžený, ale musela jsem použít různé efekty, aby vyšel do popředí. Nebo když chci jednu stranu obdélníku zaoblit tak pomocí kotev, jenže rohová kotva mi zaoblí dvě strany a já chci jen jednu. Je to základ, jenže jsem to tak dlouho nepoužívala, že už nevím jak na to

 
33
Dominik
26 únor 2012, 14:04

Jak se prosím dělají ty lístky a kde přesně najdu tu paletku s těma Brushema. Díky

 
34
4 červen 2012, 21:20

Ahoj, můžu se zeptat, jestli Shutterstock nezakazuje při výrobě vektorů a ilustrací používat přednastavené šablony u Adobe Illustrator, např. ozdobné štětce apod. Nebo je třeba si vždy vytvořit vše své od první čáry? :) děkuji za odpověď a velmi si cením, že sdílíte své zkušenosti a své objevy!

 
35
6 červen 2012, 14:34

Zdravím Mirko,
obecně je lepší si vše raději vytvářet sám. Ale myslím, že abstraktní a jednoduché štětce můžete používat.

 
36
Taťana
8 září 2013, 22:08

Dobrý den Petře.
Děkuji moc opravdu mi to pomohlo :)) bude v budoucnu nějáký tutorial na tvoření fontu? :)
Předem děkuji za odpověď

 
37
9 září 2013, 21:30

Taťano,
co myslíte tím tutoriálem na font? To jako udělat celý vlastní font? No to jsem ještě nezkoušel – maximálně si dělám vlastní abecedu, ale nepřevádím to do fontu.

 

Přidej komentář

Pište prosím slušně, s diakritikou a k věci. Dodržujte pravidla a využijte možnosti formátování uvedená pod formulářem.

Email nebude zveřejněn

Pravidla a možnosti formátování

  • Nepoužívejte HTML značky, blog podporuje formátování texy. Nový odstavec získáte 2x odřádkováním, odkaz: "text odkazu":odkaz, **tučně**, *kurzíva*
  • Adresy začínající na http:// budou automaticky převedeny na odkazy
  • Jediné dvě povinné položky formuláře jsou Jméno a zpráva
  • Na předchozí komentáře odkazujte zápisem [2]

 

Sekce