Zavřít okno

Přihlášení









Zapomenuté heslo?   

Registrace






nebo

Přihlásit se přes Facebook
Poštovné už od 39 Kč
Dárky k objednávkám
Všechno skladem
Dodání do druhého dne
Přejít na slovenské stránky Bastard.sk
Česká verze Bastard.cz
info@bastard.cz    773 445 613

Bastardí blog



Jordy: Recept na textury

autor: Jordy | vystaveno: 11.08.2014 | přečteno: 1190x | komentářů: 0 | přejít na diskusi

U jednoho z mých posledních designů se nedávno objevil dotaz, jak jsem udělal „ty barevné přechody, co vypadají jak vodovky“, tak aby byly tisknutelné. Není to nic složitého. Jde o jednoduché vytvoření textury a následně její aplikaci v designu. Otázku tisknutelnosti sítotiskem řeším až ve finále, a to např. použitím polotónu.

Správně použitá textura dodá návrhu organičtější nádech a šmrnc. Na ukázku použiji jednoduchý nápis, který namaluji pomoci štětce a akrylové barvy na papír. Počkám až vše zaschne a následně oskenuji. Já osobně používám rozlišení o velikosti 600dpi a stupně šedi.

Oskenovaný obrázek otevřu ve Photoshopu. Pomocí nástroje křivky (CTRL+M) přidám na tmavosti tak, aby byl nápis výraznější. Zároveň zvýším světlost tak, aby bylo pozadí bílé a aby se odstranily nežádoucí prvky, jako např. stíny na papíru a různé nečistoty (obr. 1).

Teď přejdu do záložky Kanály (obr. 2a) a tady kliknu na symbol přerušovaného kolečka „načíst kanál jako výběr“ (obr. 2b). Následně zmáčknu CTRL+SHIFT+I, čímž se invertuje daný výběr a zkopíruji ho stlačením CTRL+C.

Požadovanou texturu teď můžeme aplikovat v designu. Na ukázku si otevřu nový dokument (CTRL+N) a použiji zkratku vložení CTRL+V. V dalším kroku podržím CTRL a kliknu na náhled dané vrstvy s texturou (obr. 3). Tím se mi vytvoří její výběr, zmáčknu SHIFT+F5 a odklepnu OK. Teď můžu objekt umístit, kam potřebuji, zvětšit, zmenšit, nebo kolorovat prostřednictvím funkce překrytí barev (dvojklik na danou vrstvu, v kolonce "překrytí barvou" otevřít barevný obdélníček a nastavit požadovaný odstín).

Na závěr bych ještě ukázal další jednoduchou manipulaci s texturou, kterou můžeme použít při úpravě fotografií, nebo vytváření prezentace s designem. Zhotovím si další texturu oskenováním čistého akvarelového papíru. Jemně upravím křivky a uložím jako obrázek. V již otevřeném dokumentu s nápisem přejdu na Soubor > Umístit a vložím obrázek papíru. Ve výběru „režim prolnuti“ zvolím násobit (obr.4).

Hotovo! Vyzkoušejte když tak i ostatní módy prolnutí.

Textury se také můžou kombinovat mezi sebou, samozřejmě všeho s mírou ;)

Těším se na Vaše nové designy.
Jordy


Pokračování zde...


Dežik: Jak v návrhu pracovat se světlem

autor: Dežik | vystaveno: 22.05.2014 | přečteno: 1695x | komentářů: 1 | přejít na diskusi

Ahoj, jsem Dežik a chtěl bych Vám ukázat, jak postupuji, když dělám nějaký design určený na triko. Budu rád, když Vás nějakým způsobem inspiruji či nasměruji. V mém „tutoriálu“ bych se chtěl zaměřit hlavně na práci se světlem, což si myslím, že je jedna z nejdůležitějších věcí v grafice. Pro začátek bych chtěl konstatovat, že hodně věcí, které budu popisovat, jsem se naučil od mistrů grafiků, jako jsou například Rax, Ladis, Inmax, apod. Vše je děláno v Adobe Photoshop a následně vektorováno v Adobe Illustrator.

Náčrt návrhu

Jakožto velikost plátna pro Freddyho jsem zvolil 3 000 x 5 000 pixelů. A v prvním kroku si, do nové vrstvy (Ctrl + J) načrtnu motiv. A to tak, že si vezmu 100% tvrdý štětec o velikosti třeba 2 px a začnu čmárat. Když jsem s náčrtem spokojený, obtáhnu náčrt větším štětcem (kolem 5 px).

Obarvení návrhu

Teď přichází řada na základní barvy. Opět štětec libovolné velikosti a 100% tvrdosti, kterým maluji do nové vrstvy, kterou si přetáhnu pod vrstvu s obtaženým náčrtem. Pro každou barvu volím novou vrstvu.

Práce se světlem

Takže základní barvy bychom měli. Teď se dostáváme k jádru věci – světlo, to maluji tvrdým, malým štětcem. Světlo nám pomůže udělat Freddyho plastičtějšího. Nějaké detaily světlem vytáhneme a něco zase zahalíme do stínu, čímž tomu dáme větší hloubku. V tomto případě je potřeba si uvědomit, kolik a jaké zdroje světla chceme použít. Já jsem zvolil takové bílé, lehce nažloutlé světlo, jehož barvu jsem pak použil i na peříčka. Imaginární zdroj světla mám někde vlevo nahoře (z našeho pohledu). Barva světla Vám pomůže dát motivu požadovanou atmosféru. Můžete použít i více zdrojů světla a každé směrovat z jiného úhlu, ale myslím si, že každé nové světlo vyžaduje i větší cit grafika. Je potřeba respektovat dráhu světla v ohledu na Freddyho rysy. Například by se světlo nemělo objevit za jeho uchem apod. Občas dělám i to, že si myší simuluji cestu světla. Na pozadí jsem si dal černou barvu, která znázorňuje barvu trika, pro lepší představu.

Tvorba stínů

Jedna z posledních věcí jsou stíny. Stíny si dělám do nové vrstvy, kterou poté seskupím s vrstvou s náčrtem. Pro stíny platí to samé, jako pro světlo a to respekt světelného zdroje! Štětec si navolím opět 100% tvrdý, ale zmenším si krytí na něco kolem 10%. To, co je dál od světelného zdroje, tam přejedu štětcem víckrát a udělám oblast tmavší, to platí i pro oblasti, které sice nejsou daleko od zdroje, ale zákonitě na ně světlo nedopadá (spodní část paže, oblast za uchem, atd.). Pomocí stínů můžete tvořit další detaily, jako já například vytvořil ohyby svetru.

Tak to by bylo ve zkratce vše. Toto téma chce asi trochu cviku, ale myslím si, že po pár tazích všemu přijdete na kloub. Doufám, že jsem Vám tímto popisem nějak pomohl a že jsem vše správně vysvětlil a budu se těšit na Vaše reakce. Takže dobré světlo a pohodový den Vám přeji :)


Pokračování zde...


Jordy: Jak si poradit s polotóny ve Photoshopu

autor: Jordy | vystaveno: 15.04.2012 | přečteno: 14819x | komentářů: 9 | přejít na diskusi

Tutorial – 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ň“.

Tutorial – polotóny ve Photoshopu

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).

Tutorial – polotóny ve Photoshopu

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.

Tutorial – polotóny ve Photoshopu

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.

Tutorial – polotóny ve Photoshopu

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.

Tutorial – polotóny ve Photoshopu

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.

Tutorial – polotóny ve Photoshopu

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

autor: torinek | vystaveno: 08.01.2012 | přečteno: 38329x | komentářů: 0 | přejít na diskusi

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

autor: torinek | vystaveno: 01.12.2011 | přečteno: 3963x | komentářů: 2 | přejít na diskusi

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ů)

autor: inmax | vystaveno: 30.07.2011 | přečteno: 21182x | komentářů: 10 | přejít na diskusi

Tutorial - vektorizace grafiky

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.

Tutorial - vektorizace grafiky

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

Tutorial - vektorizace grafiky

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).

Tutorial - vektorizace grafiky

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 :).

Tutorial - vektorizace grafiky

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


Pokračování zde...


zuzik: Práce s linkami v programu Xara Xtreme Pro

autor: zuzik | vystaveno: 29.04.2011 | přečteno: 6375x | komentářů: 14 | přejít na diskusi

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.

Tutorial - práce v Xara Xtreme Pro

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

Tutorial - práce v Xara Xtreme Pro

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.

Tutorial - práce v Xara Xtreme Pro

4. krok
Kreslíme :).

Tutorial - práce v Xara Xtreme Pro

Tutorial - práce v Xara Xtreme Pro

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

Tutorial - práce v Xara Xtreme Pro

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

Tutorial - práce v Xara Xtreme Pro

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

Tutorial - práce v Xara Xtreme Pro

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


Pokračování zde...


inmax: Jak pracuju s Photoshopem při kreslení nových návrhů

autor: inmax | vystaveno: 05.04.2011 | přečteno: 10197x | komentářů: 9 | přejít na diskusi

Tutorial - práce v Photoshopu

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ší.

Tutorial - práce v Photoshopu

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.

Tutorial - práce v Photoshopu

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.

Tutorial - práce v Photoshopu

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 ;).

Tutorial - práce v Photoshopu

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.

Tutorial - práce v Photoshopu

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í... :)

Tutorial - práce v Photoshopu

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.

Tutorial - práce v Photoshopu

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...


1. str.