Ručně-digitální kreslení

30. července 2009 v 5:45 | T(h)om |  Mišmaš
Když jsem nedávno vyráběl ilustrační obrázek k článku o UFO ani mě nenapadlo, že sám grafický proces by mohl být dobrým námětem k článku. Pak mi ale přišlo, že je to zajímavá metoda a tak jsem se rozhodl se o ni podělit. Budeme potřebovat papír, černou fixu, fotoaparát nebo scaner a program photoshop.

Začalo to tím, že jsem potřeboval obrázek mimozemšťana. Kdo někdy zkoušel udělat složitější kresbu ve windowsáckém Malování ten ví jak je to někdy obtížné, a že je mnohem snazší obrázek nakreslit na papír. To je sice pěkné, ale převést pak nakreslený obrázek do PC bez ztráty barev aby to dobře vypadalo není zase tak jednoduché jak by se mohlo zdát. A právě proto jsem zvolil kombinaci obou postupů. Ručního i digitálního. Zkusíme si pro změnu obrázek bezdomovce:
Prvním krokem je nákres provedený na papír. Je jedno jestli si obrázek předem načrtnete tužkou a až potom obtáhnete fixou nebo jestli ho uděláte fixem hned. Důležité je to, aby obrysy byly dostatečně silné. Ideální je tedy černý fix a bílý papír. Kontrast se bude ještě hodit.
Krok č.2 spočívá v digitalizaci vašeho náčrtu. Můžete to provést prostřednictvím scaneru nebo jednoduše "vyblejsknout" foťákem. V tom druhém případě ale dbejte na to, aby čáry nebyly rozmazané a papír byl stejnoměrně osvětlen (aby na něm nebyly nadbytečné stíny či odlesky).
Otevřeme obrázek ve photoshopu, a tady začne ta pravá alchymie.

Protože je obrázek veden jako pozadí bude třeba nejprve vytvořit další vrstvu s obrázkem. Nejjednodušší je označit celý obrázek CTRL+A, zkopírovat CTRL+C a vložit CTRL+V. V okně "Vrstvy" (vlevo dole) tahem přetáhneme vrstvu označenou jako "pozadí" do koše v levém spodním rohu okna.

Nyní nastává čas zvýšit pomocí úrovní kontrast mezi papírem a kresbou tak, aby vznikl v podstatě monochromatický obrázek. Tedy aby na snímku byla jen černá nebo jen bílá barva. Toho dosáhneme pomocí jezdců nástroje "úrovně", který otevřeme pomocí CTRL+L.
Až dosáhneme kýženého eleftu, není na škodu ještě ubrat barevnosti, která by nám komplikovala další kroky. Nedělejte to ale pomocí převodu obrázku do odstínů šedé! Klávesovou zkratkou CTRL+U otevřete nabídku "odstín a sytost" a stáhněte barevnost (prostřední jezdec) úplně na nulu.
Nyní je čas pro vytvoření duplicitní vrstvy. Provede se to kliknutím ravým tlačítkem myši na náhled v panelu "Vrstvy" (vlevo dole) a zvolíme "Duplikovat vstvu". Původní pozadí následně přetáhneme do koše

Teď vyberte buď 1) nástroj "kouzelná hůlka" a označte jí všechny bílé plochy. Ty pak následně odstraňte tlačítkem Delete. Citlivost kouzelné hůlky závisí na tolerance udané v procentech v horní liště okna programu.
Tím definitivně vyčistíte místa, která budeme později vybarvovat.
Mnohem rychlejší, ale bílou barvu odstaňující všude, je pak 2) použít funkci "Výběr barev" v nabídce "Výběr" v horní liště.

V paletě nástrojů následně zvolíme "plechovku barvy". Pokud máte v nabídce místo plechovky nástroj "přechod", dlouhým kliknutím ho změňte na plechovku.
Pro přehlednost můžeme vytvořit prázdnou vrstvu jako pozadí a obarvit ji třeba na bílo, aby nás kostičkované pozadí nemátlo, ale není to bezpodmínečně nutné.. Barvy volíme vlevo v příslušné paletě a nástrojem "plechovka barvy" pak aplikujeme na potřebná místa. Pozor! Funguje to stejně jako v Malování. Pokud tedy nemáte oblast pořádně ohraničenou černou linkou, barva se vám může "rozlít" do ostatních spojitých částí obrázku.
Pokud jsme ji vytvořili, po kompletním vybarvení odstraníme spodní podkladovou vrstvu přetažením do koše a můžeme obrázek uložit. Nejlepším formátem je v tomto případě PNG, kde nám zůstane zachována i průhlednost. Formát PNG je potřeba při ukládání zvolit v nabídce:
Po zadání jména souboru se nás ještě program zeptá jestli chceme použít prokládání. Přednastavená hodnota je "Žádné", takže to změníme na "Prokládaně" a potvrdíme.



No a to je všechno. Obrázek je hotov a připraven pro prezentaci třeba na vašem blogu. Tak ať se vám daří!:)

 


Komentáře

1 f3rd4 f3rd4 | Web | 30. července 2009 v 9:25 | Reagovat

Chybí tomu stíny a světlo jinak je to celkem ok :-)

2 Tomáš Tomáš | Web | 30. července 2009 v 10:13 | Reagovat

f3rd4: Světlo a stíny? Copak jsem nějaký Da Vinci? Tohle je jen narychlo načmáraná karikatura, ne Mona Lisa :D

3 zuzyk zuzyk | Web | 30. července 2009 v 16:54 | Reagovat

Tomáš: :D vtipný odpálkování :D

4 Leafy Leafy | 30. července 2009 v 17:48 | Reagovat

já to teda řešim tabletem :D, ale jinak dobrej tutorial

5 Tomáš Tomáš | Web | 30. července 2009 v 19:59 | Reagovat

Leafy: Já bych to tabletem řešil taky kdybych nějaký měl. Bohužel nemám, tak jsem si "vyvinul" tuhle metodu :)

6 f3rd4 f3rd4 | Web | 30. července 2009 v 20:43 | Reagovat

Svetlo a stíny by ti zabrali asi 30 vteřin ... Co takhle používat třeba přechod místo plechovky ...

7 Tomáš Tomáš | Web | 30. července 2009 v 20:47 | Reagovat

f3rd4: Protože světlo a stín používat nechci. Dělám jen obrázek na blog a chci ho mít bez přechodů. Líbí se mi jednoduchost. Dokreslit stíny bych pochopitelně zvládl;)

8 np. np. | Web | 31. července 2009 v 1:18 | Reagovat

jednodušší je vytvořit vrstvu3 mezi vrstu1_bílé pozadí a vrstu2_linka. ve vrstvě3 pak můžeš obrázek vybarvovat štětcem, jednodušší v případě nespojitých částí obrázku a lepší editace. pokud kreslíš obrázek modrou propiskou, stačí kliknout na tlačítko odbarvit, nemusíš nastavovat úrovně ale jen zvýšit kontrast. nebo postupovat jako někteří autoři komiksů a čáry vektorově převést na linky. tvůj postup je zbytečně složitý, v tisící obměnách na mnoha stránkách o grafice, základy photoshopu.

9 Tomáš Tomáš | Web | 31. července 2009 v 7:37 | Reagovat

np. : Asi máš pravdu. Čáru nakreslenou propiskou jde určitě odbarvit, ale je příliš tenká na to, aby potom vynikla. Nastavení kontastu je v podstatě to samé co uděláš v úrovních, jenže narozdíl od kontrastu lze v úrovních regulovat i střední jasy. Zdá se to zbytečné, ale věř mi: zkoušel jsem to. Vybarvovat je jistě rychlejší plechovkou než štětcem. Tedy pokud nechci dělat stínování - pak je štětec asi opravdu lepší. O převodu na vektory jsem nevěděl. Zajímavá informace, někdy to zkusím. Díky za návštěvu.

10 Pierre Pierre | Web | 31. července 2009 v 21:14 | Reagovat

No vidíš, není tomu tak dlouho, co jsem měl na blogu něco podobného :). http://www.sdilej.net/pics/c90ddc4f700eb8811a89f5777222d8e4.jpg

11 Monishka Monishka | Web | 1. srpna 2009 v 14:48 | Reagovat

Hezky kreslíš a dobrej návod,ale asi ho nepoužiju ;-)

12 Kája Kája | Web | 8. srpna 2009 v 14:16 | Reagovat

Tak tohle se mě líbí. Jdu to hned zkusit. :)

13 Bublajzna Bublajzna | Web | 18. srpna 2009 v 22:36 | Reagovat

Jů, konečně jsem narazila (sice omylem) na nějaký přehledný návod i pro nás, pro blbečky (...tedy tím rozuměj osoby netrpělivé a odmítající se s fotošopem učit cokoliv jinýho, než nejprimitivnější základy :))

A světe div se, ono to fakt funguje! Díky, díky a ještě jednou díky :)

14 pete pete | 28. června 2015 v 12:25 | Reagovat

Moc hezké ;-)

15 T(h)om T(h)om | Web | 29. června 2015 v 10:52 | Reagovat

[14]: Díky :-)

Nový komentář

Vezměte na vědomí, že diskuse je moderována. Než se nový komentář začne zobrazovat, musí jej nejdříve schválit autor blogu.

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.