Jordy: Jak si poradit s polotóny ve Photoshopu
Keď som sa začal zaujímať o tvorbu návrhov na trička, sledoval som veľké množstvo grafík. Nakoľko som bol nový v tomto svete (a ešte stále tomu tak je), snažil som sa učiť pozorovaním rôznych technik a štýlov. Narazil som však na jeden rozpor. Vedel som totiž, že pri grafike tlačenej sieťotlačou sa nemôžu používať prechody, no ja som ich aj tak na veľkom množstve návrhov videl. Po nejakom tom čase strávenom hľadaním, sa ku mne dostala jednoslovná odpoveď: POLOTÓN - ilúzia monochromatického prechodu, vytvorená rovnomerným rozmiestnením bodov na ploche.
V tomto príspevku sa teda pokúsim o čo najjednoduchšie popísanie postupu, s ktorým tvorím polotóny vo svojich grafikách. Pracujem v programe Adobe Photoshop.
Otvorím si dokument s už pripravenou kresbou návrhu. Ja osobne, používam tmavo šedé pozadie, aby mi monitor toľko neťahal oči. Následne vytvorím novu vrstvu pomocou klávesovej skratky CTRL+SHIFT+N (odporúčam sa naučiť používať skratky, šetria čas), kvôli prehľadnosti ju pomenujem „Tieň“.
Zvolím si nástroj ŠTETEC ( skratka B), čiernu farbu, nastavíme krytie podľa potreby (ja som použil 25%), a vytvorím požadovaný tieň (obr. 1). Každým ťahom je tmavší a tmavší (o množstvo percent, ktoré sme zadali). Preto ak chceme docieliť jednotného odtieňa, musíme ho spraviť jedným ťahom. Ďalšou možnosťou je vytvoriť si vrstvu a namiesto nastavenia prehľadnosti u štetca, ju nastavíme u vrstvy (nevýhodou tohto spôsobu je to, že vrstva musí byť prekrytá ďalšou vrstvou, pretože štetec má stále rovnaké krytie). Pri neskorších návrhoch som začal využívať kombinovanie týchto dvoch metód podľa toho ako sa hodí. Vyber je teda na Vás. Dopracujeme sa k takémuto niečomu (obr. 2).
Dôležitý základ na tvorbu polotónu máme pripravený. Teraz klikneme na vrstvu „Tieň“, zvolíme si nástroj VÝBER (M), a označíme sním celú plochu s tieňom. Následne výber skopírujeme klávesovou skratkou CTRL+C.
V ďalšom kroku klikneme na Súbor > Nový (CTRL+N). Režim farby zvolíme stupne šedi (obr. 3) a dáme OK. V novom dokumente, použijeme skratku pre vloženie skopírovaného objektu CTRL+V.
Teraz dôjde k vytvoreniu samotného polotónu. Klikni Obraz > Režim > Bitová mapa. Objaví sa takáto tabuľka (obr. 4). Vyberieme polotónovy raster, a následne si zvolíme hustotu a tvar polotónov. V tomto prípade som použil hustotu 35 a ako tvar čiaru. OK. A tadáá, polotón je hotový. Teraz už len ostáva dostať ho do nášho dokumentu s návrhom.
Bitmapu opäť prevedieme do stupňov šedej, teda Obraz > Režim > Stupne šedi a OK. K tomu aby sme mohli polotóny preniesť do nášho návrhu dáme vo vrchnej lište Výber > Rozsah farieb, zaškrtneme políčko invertovať, klikneme pipetou na bielu farbu (môžeme spraviť výber aj bez invertovania, ale pri tom ako sú polotóny drobné, je pohodlnejšie kliknúť na väčšiu plochu :)) a OK (obr. 5). Zostava už len stlačiť CTRL+C.
A sme vo finále. Prejdeme do dokumentu s naším návrhom. Tu polotón vložíme (CTRL+V) a pomocou nástroja PRESUN (skratka V) ho už len prenesieme na správne miesto a okolorujeme :) (obr. 6).
Celý postup sa môže zdať byť trošku zložitejší, ale koniec koncov, všetko je len o zvyku, a po určitej dobe by to už mala byť len podvedomá činnosť. Polotóny môžu byť využité okrem tieňovania aj na odlesky, svetelné lúče, zmiešanie farieb, atd. Fantázia je bez medzi. Dúfam, že môj recept na polotóny bude užitočný pre začínajúcich grafikov, a ušetrí ich od lámania si hlavy nad tým, ako to je. Veľa zdaru.
Tomáš Jordan, Jordy
Pokračování zde...
Video tutorial: Křivky, objekty, transformace v Corelu
Přinášíme vám spolu s torinkem další várku tutorialů pro vektorový editor Corel Draw. Tentokrát se zaměříme již na samotnou práci s křivkami. Podle následujících návodů si budete moci konečně něco nakreslit ;)
3. Slučování, ořezávání a transformace objektů v Corel Draw
Ve třetí části tutorialu Corel Draw pro grafiky se zaměříme na práci s objekty, na jejich transofrmování, slučování anebo ořezávání. Vše na příkladu vlastních puzzle kostiček.
4. Bezierova křivka, barvy a vrstvy v Corel Draw
Čtvrtá část tutorialu se zaměřuje na základní prvek vektorové grafiky, čili Bezierovu křivku. Dála si pak na příkladu vektorizace loga ukážeme práci s vrstvami a vybarvování objektů.
Jestli nechcete, aby vám unikly další díly, přihlaste se k odběru našeho YouTube kanálu.
Pokračování zde...Video tutorial: Základní funkce Corel Draw
Jak jste si možná všimli, většina našich top grafiků "profesně vyrostla" spolu s naším webem. A podobným způsobem podporujeme další. Formou tutoriálů se snažíme přivádět začínající grafiky k lepším a profesionálnějším výsledkům. Teď vám přinášíme video tutoriály pro vektorový editor Corel Draw, které pro nás vytvořil torinek (díky!). Dílů je celkem 10 a dnes se v prvních dvou zaměříme na ovládání a základní funkce Corelu.
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 ;)
Pokračování zde...
inmax: Jak převést grafiku do křivek (vektorů)
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
Pokračování zde...zuzik: Práce s linkami v programu Xara Xtreme Pro
V mém příspěvku bych vám ráda popsala, jak vytvořit pěkné křivky pro obrys vašich nových návrhů. Program Xara Xtreme Pro má spoustu různých vychytávek a já se bych se chtěla zaměřit na práci s linkami. K tomu to účelu jsem si vybrala obrázek „Rozpláclá vlaštovka“ :).
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
inmax: Jak pracuju s Photoshopem při kreslení nových návrhů
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
Pokračování zde...Jena: Využití perokresby při tvorbě vektorové grafiky v Corel Draw
- Skica + perokresba
- Skenování
- Import + Převod do „bmp“
- Vektorizace
- Rozdělení + úpravy
- Vrstvení + barvy
- Finiš
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
Eddy_cz: Postup při tvorbě návrhu
a) Ozáření
Zasáhne vás záblesk geniality a máte nápad na návrh, který nemá obdoby. Už se nemůžete dočkat, až tvoje špagety škrtící vidličku všichni uvidí. Nebo moc chceš triko s drakem, ale chybí mu vtip. Tak ho pořádně vymazlíš, aby měl šanci se kluk barevná pořádně předvést v SELFu.
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