Photoshop tutoriál Tvorba stínovaného auta - Grafika.cz - vše o počítačové grafice

Navigace:  » Úvodní stránka  » Rubriky  » Photoshop  

17. ledna 2006, 00.00 | V následujícím Photoshop tutoriálu si vytvoříme jednoduchý stínovaný automobil. Ukážeme si základy práce s cestami, jejich vyplňování a vytahování štětcem a zároveň si vyzkoušíme přechodové druhy výplně a práci s výběrem.

Tutoriál je sice napsán v anglické verzi Photoshopu, ale v závorce uvádím český název funkce a přiložené obrázky vám také pomohou, pokud používáte český Photoshop. Tutoriál by měli zvládnout i začínající grafici. Výsledkem bude auto podobné tomu na obrázku s lesklým vzhledem na barevném pozadí.

Vytvořte nový dokument File - New (Soubor - Nový) o rozměrech třeba 700 x 300 pixelů.

V paletce Layers (Vrstvy) vytvoříme novou vrstvu.

Dále v paletce Paths (Cesty) vytvoříme novou cestu.

Zvolíme nástroj Pen (Pero).

a kliknutím do scény začneme kreslit tvar vozu. Začneme podvozkem. Nejprve klikněte vlevo dole, kde bude spodek karoserie, pak klikněte s podrženým Shiftem vpravo dole na konec karoserie. Shift nám omezí pohyb v jedné ose, abychom měli spodek přesně vodorovný. Pokud chcete oblé tvary, tlačítko myši nepouštějte a hrajte si s táhly od bodu, až dosáhnete krásných hladkých křivek, pak teprve klikněte na další místo. Teď už nakreslíme celý tvar vozu. Body se snažte šetřit a dělejte jen v rozích a na vrcholech křivek. Cestu uzavřete kliknutím na první vytvořený bod.

Tvar karoserie můžeme ještě dodatečně upravit nástrojem Direct selection tool (Přímý výběr) klepnutím na vrchol a tažením táhel.

Nastal čas obrys vozu vyplnit. V paletce Paths (Cesty) klikneme na šipku vpravo a vybereme Fill path (Vyplnit cestu).

V nabídkovém okně vyberte Use colour (Použít barvu).

Zvolte si, která se vám líbí a potvrďte dvakrát Ok.

Tak základní tvar karoserie máme. Přidejte další vrstvu a vytvořením a vyplněním nové cesty udělejte okna. Stejně i světla.

Obrázek je vybarvený, ale působí dost ploše, nyní si tedy ukážeme možnosti, jak obrázek vystínovat a přidat odlesky. Vyberte vrstvu, v které máte celou karoserii. Klepnutím pravým tlačítkem na náhled vrstvy vyvolejte nabídku a vyberte Select layer transparency (Vyber průhlednost vrstvy).

Tím se nám vybere potřebný tvar. Potřebujeme zúžit výběr Select - Modify - Contract (Výběr - Změnit - Zúžit) a zadáme 10 pixelů. Nyní provedeme rozmazání okrajů výběru Select - Feather (Výběr - Prolnout okraje) a zadáme třeba 10 px, podle toho, jak moc chceme neostré okraje. Přidejte novou vrstvu. Zatím je vidět akorát laso výběru, ale nebojte, hned uvidíte, proč jsme toto vše dělali. V panelu nástrojů vyberte Paint Bucket (Výplň).

Zkontrolujte, zdali máte jako barvu popředí zvolenou čistě bílou.

Klepněte do oblasti výběru. Karoserie auta se nám krásně vystínovala, ale přeci jen střed moc září, takže Opacity (Krytí) nové vrstvy s leskem snížíme na 40%.

Teď bychom měli mít výsledek podobný obrázku.

Já jsem ještě přidal prolisy nasávání vzduchu, tato vrstva má krytí taky 40%. Abychom obrázek ještě víc oživili, přidáme výrazný lesk na okraj karoserie. Vytvořte další vrstvu a přidejte cestu po obvodu auta podle obrázku.

Tuto cestu neuzavírejte, jednoduše tím, že místo uzavření cesty vyberete nástroj Brush (Štětec).

Zvolte v menu Brush (Štětec), šířku a tvar štětce.

Nakonec v panelu Paths (Cesty) vybereme možnost Stroke path (Vytáhnout cestu).

Zaškrtneme možnost Simulate pressuree (Simulovat přítlak).

Teď bychom měli mít něco podobného obrázku.

V lesklých předmětech se odráží okolí, to napodobíme následovně. Do nové vrstvy, vytvoříme novou cestu. Tvar udělejte podobný jako na obrázku.

Vybereme možnost Make selection (Vytvořit výběr).

Zadáme 2 v poli Feather radius (Poloměr prolnutí).

Proto aby okraj, který znázorňuje horizont, nebyl úplně ostrý. Vzniklý výběr vyplníme tentokráte přechodovou výplní. Změníme barvy v panelu nástrojů jako na obrázku, také podle toho, jaké barvy požijem nakonec okolo vozu.

Podržením stisknutého tlačítka Výplň se nám nabídne možnost jako na obrázku.

Zvolíme Gradient tool (Přechodovou výplň) a tažením v oblasti označené lasem vyplníme přechodem.

Opacity (Krytí) této vrstvy zmenšíme na 70% a typ krytí na Multiply (Násobit).

Chceme se zbavit přesahů našeho „odrazu“. Klikněte na vrstvu s barevným tvarem karoserie. Pravým tlačítkem opět vytvořte výběr, poté klikněte na vrstvu s odrazem a nakonec na ikonku Add Layer Mask (Přidat masku vrstvy).

Postup zobrazuje obrázek.

Tím se nám k vrstvě přidá maska a přebytečné okraje zmizí.

Ukážeme si, jak udělat různé spáry, např. u dveří a kufru. Určitě jste si všimli, že nová vrstva se nám vytvoří vždy nad aktuálně vybranou, takže vyberte tu nejvrchnější (měla by obsahovat nejjasnější, tenký odlesk), to proto, že nechceme, aby se spáry leskly, a vytvořte vrstvu. Vytvoříme další novou cestu a perem nakreslíme spáry.

Vybereme štětec tentokrát úzký s tvrdými okraji.

Opět v cestách zvolíme Stroke path (Vytáhnout cestu), tentokrát ovšem zrušíme volbu Simulate pressure (Simulovat přítlak), protože chceme čáry po celé délce stejně široké. Stejným způsobem můžeme udělat kufr a víko motoru a okolí skel a světel.

Litá kola

Vytvoříme další vrstvu, ve které budou kola. V panelu nástrojů vybereme Elliptical tool (Eliptický výběr) a táhneme v dokumentu se stisknutým Shiftem (díky tomu vytvoříme pravidelný kruh a ne bramboru). Výběr vyplňte tmavě šedou barvou.

Zúžíme výběr, abychom zhotovili disky kol. Select - Modify - Contract (Výběr - Změnit - Zúžit) a zadáme třeba 7 pixelů. Výběr tentokrát vyplníme světle šedou nebo libovolnou barvou, já sem zvolil zelenou (ať není všechno tak temné). Stejným způsobem zúžíme výběr, ale jen o 2 pixely. Na Panelu nástrojů vybereme Přechodovou výplň a Radiální přechod.

V panelu nástrojů zvolte, z jaké do jaké barvy přechod bude, tedy nejspíš od tmavé do světlejší šedé, a tažením vyplníme vybranou oblast. Tady to chce trochu experimentovat, výsledek může vypadat třeba takhle.

Jednoduché kolo je hotové. Teď si ukážeme, jak jednoduše napodobit "výřezy" na litinovém disku. Vytvoříme další výběr, tentokráte bude elipsovitý a vyplníme černou barvou.

Přepneme na nástroj Move (Přesun).

Zatrhněte možnosti Auto select layer a Show bounding box (Automaticky vybrat vrstvu a Ohraničovací rámeček). První nám usnadňuje vybírání vrstvy a druhé zobrazuje rámeček pro manipulování s ní.

Teď vezměte Ohraničovací rámeček za roh a se stisknutým Ctrl+Alt+Shift (Alt - zkopíruje vybranou vrstvu, Shift - omezí úhel otáčení po 15°) otočte o 45°. Enter - potvrďte transformaci.

Stejně uděláme další kopie po celém kole, konkrétně tedy po 45° to budou 3 kopie. Teď sloučíme všechny černé elipsy příkazem Layer - Merge layer (Vrstvy - Sloučit vrstvy), nebo jednodušeji několikerým stisknutím Ctrl+E (tady pozor, ať toho nesloučíte víc). Výsledné "hvězdě" přidejte masku, kterou vytvoříte zúžením výběru vytvořeného z kola.

Můžete ještě přidat do vrstvy pod kolo černou elipsu a opět jí přidat masku, tentokráte určenou obrysem vozu.

Slučte vrstvy tvořící kolo a blatník. Jedno kolo tedy máme, potřebujeme ho zkopírovat a přesunout dozadu. S podrženým Shift+Alt přetáhněte kolo na záď vozu.

Autíčko už vypadá docela k světu, nemyslíte?!). Vyberte vrstvu Background (Pozadí). Chceme jí vyplnit přechodem. Navolíme barvy pro do panelu nástrojů, nezapomeňte přepnout na lineární přechod

Vyplníme podle naučeného postupu.

Auto se nám ale jakoby vznáší ve vzduchu, takže přidáme pod auto stín. Pro ten vytvořte novou vrstvu. Nástrojem Elliptical tool (Eliptický výběr) udělejte dlouhý, velmi nízký elipsovitý výběr tam, kde chcete mít stín. Nastavte Feather (Prolnutí okrajů) na 2 a vyplňte černou barvou. Vrstvě nastavte krytí 80%. Měli byste dostat něco podobného obrázku.

Jednoduchý automobil máte hotový. Leccos na něm sice ještě chybí, ale to již s postupy zmíněnými v tomto tutoriálu zvládnete sami. Snad byl pro vás tutoriál přínosný a zajímavý.