Zavřít okno

Příhláš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

  Máme úplně nový web. A poštovné je ZDARMA nad 400 Kč do neděle! V košíku zadej slevový kupon: NOVYWEB

Bastardí blog



Jordy: Jak si poradit s polotóny ve Photoshopu

autor: Jordy | vystaveno: 15.04.2012 | přečteno: 14446x | 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: 36439x | 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: 3671x | 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: 18921x | 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: 6010x | 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: 9534x | 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...


Jena: Využití perokresby při tvorbě vektorové grafiky v Corel Draw

autor: jena | vystaveno: 21.03.2011 | přečteno: 8102x | komentářů: 7 | přejít na diskusi

Výsedek

  1. Skica + perokresba
  2. Skenování
  3. Import + Převod do „bmp“
  4. Vektorizace
  5. Rozdělení + úpravy
  6. Vrstvení + barvy
  7. 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.

Postup tvorby

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

Postup tvorby

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.

Postup tvorby

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.

Postup tvorby

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

Postup tvorby
Postup tvorby

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

Postup tvorby

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

Postup tvorby

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

Postup tvorby

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

Postup tvorby

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.

Postup tvorby

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


Pokračování zde...


Eddy_cz: Postup při tvorbě návrhu

autor: Eddy_cz | vystaveno: 17.11.2010 | přečteno: 7727x | komentářů: 13 | přejít na diskusi
Postup tvorby návrhu

a) Ozáření

Balónky

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

Irony


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.

Skicování návrhu Irony

Díky za podporu.
Eddy_cz


Pokračování zde...


1. str.