Mezi základní představené funkce patří práce s nástroji, kreslení křivek a objektů, Bezierovy křivky, malířské techniky, obrysy, tvary, interaktivní přechody, kontury, interaktivní deformace, průhlednost, kapátko, různé moduly zobrazení, efekty, transformace a ukládání grafiky. Zkrátka je toho celkem dost, ale díky názornému videu a komentáři to určitě zvládnete vstřebat ;)

Minule jsme si ukázali kreslení ve Photoshopu, dnes si ukážeme, jak grafiku zvektorizovat (převést do křivek), aby mohla putovat do tisku.

Jak vidíte, máme obrázek složený ze čtyř barev, každá na samostatné vrstvě s transparentním pozadí.

Nyní si grafiku musíme předupravit, než ji budeme vektorizovat v Illustratoru. K tomu použijeme Photoshop. Každou vrstvu obarvíme na černou barvu (budeme vektorizovat v režimu „Černá a bílá“). Vrstvy necháme jak jsou a tento „nevzhledný“ obrázek, kde je vše černé, si uložíme jako PSD.

Jena nám ukázal, jak vektorizovat v Corel Trace, my si teď ukážeme, jak vektorizovat v Adobe Illustrator. Adobe Illustrator je vektorový program (obdoba Corel Draw a Corel Trace v jednom). Nevýhodou je, že je jeho ovládání krapet složitější než Corel Draw (aspoň mi to tak připadá) ale když to zvládnete, nic víc k práci s vektorem nepotřebujete. Lze též kombinovat práci v Illustratoru a Corel Draw (zde je však třeba dávat pozor na výrobní verze programů, starší si nerozumí s novějšími).

Nyní již k samotné vektorizaci v Adobe Illustratoru
Otevřeme si připravený PSD soubor, vpravo v menu vrstev vybereme tu první. V horní liště pak zvolíme „Objekt“ -> „Živá vektorizace“ -> „Volby vektorizace…“ V nově otevřeném okně zvolíme režim „Černá a bílá“. Dále můžeme snížit velikost minimálních ploch, to když máme složitější grafiku, vektorizace pak bude věrnější předloze.

Výsledek budoucí vektorizace můžeme kontrolovat kliknutím na okénko „Náhled“. Nakonec nezapomeneme zaškrtnout políčko „Ignorovat bílé“ (to nám zaručí, že ve výsledku vektorizace nebudou zbytečné bílé objekty, které bychom museli zdlouhavě mazat). Vše nakonec odsouhlasíme tlačítkem „Vektorizovat“. Stejný postup pak opakujeme i u zbývajících vrstev.

Když máme vše převedeno, můžeme jednotlivým vrstvám vrátit svou původní barvu. A máme hotovo. Výsledkem našeho snažení je vektorový obrázek, který můžeme libovolně zvětšovat bez ztráty kvality (to je vlastně důvod, proč jsme celou tuhle srandu podstoupili :).

Tomáš Eder, inmax, inmaxpictures.ic.cz

1. krok
Po otevření programu si prázdný soubor hned uložíme.

2. krok
Rukou nakreslený podklad neskenujeme a importujeme. (FILE → IMPORT → vybrat složku, kde je neskenovaný obrázek uložený → OTEVŘÍT).

3. krok
Pro tvorbu linií je nutné naučit se ovládat nástroj „tužky“ (FREEHAND AND BRUSH TOOL). V panelu nástrojů „LINE GALLERY“ (UTILITIES → GALLERIES → LINE GALLERY = obrázek „šipka“) zvolíme šířku linie a požadovaný tvar.

• Pozn. 1. Během kresby můžeme šířky a tvary křivek měnit podle vlastního uvážení ;)
• Pozn. 2. Pro lepší práci používáme ZOOM (obrázek lupy)
• Pozn. 3. Nezapomínáme průběžně ukládat!

4. krok
Kreslíme :).

5. krok
V případě Vlaštovky jsem použila jednoduché oči – tvorba kruhu.

6. krok
Po úpravách, když jsme se svou prací spokojeni, smažeme podklad a máme z části hotovo.

7. krok
Pak už jen obrázek vybarvíme. Já jsem například zvyklá vybarvovat v Corelu.

Tak držím palce při tvorbě nových návrhů.
Program Xara Xtreme si můžete stáhnout třeba na Slunečnici.cz.

Zuzana Magrlová, zuzik

V následujícím tutoriálu bych rád popsal základní kroky práce v programu Adobe Photoshop. Důležité je podotknout, že Photoshop je program na BITMAPOVOU grafiku. Abychom mohli odeslat Bastardu grafiku na trika, potřebujeme grafiku ve VEKTORU. Jak vektorizovat bitmapu už popsal ve svém tutorialu Jeňa. Lze samozřejmě pracovat rovnou ve vektorovém programu (Corel, Illustrator,...), ale mně víc vyhovuje tento postup.

Pokud to myslíte s kreslením v PC aspoň trošku vážně, je nutno pořídit si tablet. Kreslení s tabletem je podobné kresbě tužkou na papír, stejně tak tablet rozlišuje tlak pera na podložku. Následující práce je kreslena za pomoci tabletu Wacom Volito 2, což je už starší kousek... Tento a podobné tablety lze pořídit za cenu pod 1000 Kč. To je myslím rozumná investice, pro začátečníky dostačující vybavení :).

Nyní už k samotné práci. Spustíme Photoshop, v liště zvolíme „Soubor -> Nový…“ (klávesová zkratka CTRL+N). Otevře se okno, kde upravíme parametry našeho budoucího díla. Pokud budeme kreslit velmi složitou kresbu, bohatou na detaily, musíme zvolit co nejvyšší rozlišení (velikost plátna), aby bylo vše krásně ostré i při vytisknutí na větší formát papíru. Pokud budeme později převádět grafiku do vektoru, bude výsledek také kvalitnější.

Po potvrzení voleb se nám konečně otevře plátno pro naše veledílo :). Zvolil jsem rozlišení 3000 x 4000 pixelů, což se ve výsledku ukázalo málo, takže pokud to vaše PC zvládne, vysokým rozlišením nešetřete. Zmenšit obrázek můžete kdykoliv, naopak to beze ztráty kvality nejde.

Nyní by se vaše pozornost měla zaměřit na okénko s vrstvami (já ji mám vpravo dole). Photoshop umožňuje kreslení ve vrstvách, kdy je možné jednotlivé transparentní vrstvy nezávisle na sobě upravovat a přehazovat pořadí, jak jsou na sobě položené… což je velmi důležité a hodně to usnadňuje práci. Následuje velmi důležitý krok… nikdy, opakuji NIKDY nekreslete na podkladové pozadí. S tím se nedá manipulovat a nejde kreslit pod něj. Takže si vyznačeným tlačítkem na obrázku nebo nahoře v liště „Vrstva -> Nová vrstva“ (CTRL+SHIFT+N) vytvoříme novou transparentní vrstvu umístěnou nad pozadím.

Pokračujeme volbou vhodného štětce.

Z levého panelu nástrojů zvolíme Štětec. Dále v horní liště zvolíme stopu štětce… vybereme hned tu první, která simuluje tahy pera. Různý tlak pera tabletu na podložku zanechává na ploše různě tlusté čáry.

Nyní se můžeme pustit do samotné kresby. Fantazii se meze nekladou. Pro jistotu si ale zkontrolujeme, že kreslíme do průhledné vrstvy ;).

Tenkými tahy si načrtneme základní tvary, obraz můžeme lupou přibližovat, chyby mazat gumou. Důležitá je i historie (panel najdeme vpravo nad panelem s rozdělením vrstev), kde můžeme vracet zpět jednotlivé kroky naší práce... To když něco pokazíme nebo chceme překreslit jinak.

Když máme načrtnuté základy, postupně přidáváme detaily a upravujeme nepřesnosti. Tady nejde moc co radit, chce to hlavně cvičit a pořádně si vykreslit ruku. Knihy o práci s tužkou taky nejsou k zahození... :)

Doteď jsme kreslili jednou barvou do jedné vrstvy. Pokud chceme grafiku později vektorizovat, je dobré kreslit vždy jednou barvou do jedné vrstvy zvlášť. Když chci tedy teď vybarvit ústa, vložím novou vrstvu pod aktuální s černou kresbou a nakreslím červenou pusu.

Stejně postupujeme i s dalšími barvami. Když máme v obrázku třeba 5 barev, měli bychom mít 5 vrstev.

Výsledek svého úsilí si nezapomeneme uložit. „Soubor -> Uložit“ (CTRL+S). Tím se nám uloží PSD soubor, se všemi vrstvami a nastavením, abychom se k němu v případě potřeby mohli vrátit a dále s ním pracovat. Pokud se chceme se svým dílem pochlubit třeba na internetu, musíme grafiku uložit do JPG souboru. „Soubor -> Uložit jako...“ a tam změnit formát grafiky na JPG.

To by bylo protentokrát vše… Kreslete, zdokonalujte se. Se svou prací se můžete pochlubit i na mé stránce „inmax pictures“ na Facebooku, kde vám v případě potíží rád poradím.

Tomáš Eder, inmax, inmaxpictures.ic.cz

Způsobů, jak vytvořit návrh ve vektorové podobě je mnoho. V tomto tutoriálu vám popíš můj oblíbený způsob tvorby (upozorňuji, že pracuji v programu Corel Draw X3 a některé věci a nástroje se mohou lišit od jiných verzí). Protože mi vždy šlo lépe kreslení na papír než v počítači, začal jsem vymýšlet, jak toho využít při tvorbě návrhů na trička. Jako nejsnazší způsob mi přišla perokresba.

Tužkou si zhruba načrtneme obrázek. Poté technickým perem nebo černým fixem vytáhneme obrysy. Důležité je dotahovat černé linky k okrajům. Je dobré kreslit na co největší formát např. A4, aby obrázek neztratil příliš na kvalitě při následné vektorizaci.

Hotovou perokresbu naskenujeme do počítače. Případné nedostatky lze odstranit nebo dokreslit po naskenování v běžném programu na úpravu fotek nebo v malování.

Otevřeme si Corel Draw a naimportujeme naskenovaný obrázek (Soubor > Importovat). Poté přejdeme do Corel Photo-Paint (označíme importovaný obrázek a klikneme na Upravit rastr – tato možnost je dostupná pouze pokud máte s Corelem Draw nainstalovaný i Corel Photo-Paint). Následně upravíme obrázek na černobílý (Obrázek > Převést na černobílý > Perokresba). Práci uložíme a vrátíme se do Corel Draw.

Nyní můžeme 1bitový obrázek snadno vektorizovat. (označíme obrázek > Trasovat rastr > Perokresba). Nastavíme si pro nás optimální úroveň detailů a vyhlazení a máme zvektorizováno.

Dále již budeme pracovat s vektory, uzly a vrstvami. Pro jednodušší práci obrázek přebarvíme na jednotnou barvu a kontrastně obarvíme obrysy dílů (označíme objekt a vybereme barvu na paletě: kliknutím levým tlačítkem volíme barvu výplně, pravým tlačítkem barvu obrysu).

Zrušíme skupinu, (označíme postavičku > Změnit > Zrušit skupinu), abychom mohli pracovat s jednotlivými objekty. Po rozdělení odstraníme všechny objekty kromě obrysu pro snadnější upravování. Provedeme odstranění přebytečných uzlů a doladíme křivky podle potřeby a libosti (dvojklik na vybraném objektu – dostaneme se tak do tvarového režimu a můžeme mazat a natáčet jednotlivé uzle).

Označíme obrys a provedeme rozdělení (Změnit > Rozdělit: křivka).

Přehážeme jednotlivé vrstvy tak, aby byl obrys v pozadí a ostatní díly na vrchu (pravým tlačítkem označíme objekt > pořadí). Dle potřeby posunujeme o vrstvu vpřed/vzad. Chce to trošku cviku :).

Nad paží potřebujeme vytvořit místo bez výplně. Označíme si tedy objekt, který chceme „odstranit“ a objekt pod ním (použijeme nástroj Odečíst přední objekt od zadního).

Nyní přistoupíme k barvení jednotlivých dílů. Po obarvení všech dílů zrušíme kontrastní obrys objektů (vybereme všechny objekty > pravým tlačítkem klikneme na proškrtnuté okénko na barevné paletě) a doladíme barvy.

Nakonec přidáme oči, které vytvoříme stejným postupem jako celou postavičku.

Doufám že, vám můj tutoriál přinesl něco nového.
JENA

b) Pot a dřina

Začíná největší špína... a to vymyslet jakým způsobem nápad zrealizovat. Jednoduše, detailně? Věř, že vše má své kouzlo. Lidská fantazie je nekonečná a v originalitě se meze nekladou. Vytvoříš návrh a ukázku šoupneš na triko, k tomu poslouží šablony.

c) Očista

Návrh je kompletní a tak může na svět. Zde se na nějaký čas podrobí detailní analýze všech zúčastněných, jenž ovlivní jeho další osud. Jelikož byl tvůj návrh peckovní a dostal se přes kata jménem NEREALIZOVANÉ NÁVRHY. dostává šanci v síní slávy TOP HODNOCENÍ. A nyní získáváš titul TOP GRAFIK.

d) Vavříny

A je tu finále tvé pouti. Špagetky se líbily a konkaktoval tě Bastard.cz. Dohodnete předání zboží a na klidném místě vyinkasuješ tučný balík. Jako bonus ještě triko dle výběru, aby jsi někde zbytečně nezpíval.

Jak Klaun (Irony) k vytvoření přišel

1. krok: návrhy
Když mám nápad o kterém myslím, že by stál za realizaci, udělám si pár rychlých náčrtků na papír a zkouším jak by nejlépe vypadal.



2. krok: obrysy a detail
Oskenuji předlohu do PC a podle ní tvořím obrysy návrhu. Použiji tablet nebo křivky. Potom dodělám detaily.



3. krok: vybarvení a prezentace
Rozmyslím si na jakou barvu trika by se motiv hodil a zvolím pozadí. Jemu přizpůsobím barevnost návrhu. Vytvořím náhled, aby motiv hezky vynikl a dám k posouzení odborné porotě :)



4. krok: realizace
Když se zadaří a návrh se vám líbí, dostane se až do realizace. Z té mám vždycky radost.

Díky za podporu.
Eddy_cz