Photoshop: 3D kniha - Grafika.cz - vše o počítačové grafice

photoshop efekty 3d trojrozměrné deformace kniha piotr piter konieczny

photoshop efekty 3d trojrozměrné deformace kniha piotr piter konieczny

26. dubna 2002, 00.00 | V dnešním tutoriálu si ukážeme, jak ze dvou obrázků udělat trojrozměrný model knihy. Budeme používat téměř všechny transformace, jeden filtr a interakci vrstev. Tutoriál je určený středně pokročilým uživatelům.

Jak dobře víte, Adobe Photoshop je program pro úpravu dvourozměrných obrázků, ale pomocí několika fíglů si v něm lze hrát i se základními 3d objekty. Ve starších tutoriálech vám Lucinka Vajsová v článku "Sklenička s drinkem nebo ..." a Tomáš Barčík v článku "Suvenýry od moře" ukázali možnosti fitru 3D Transform.

Pokud máte dostatek trpělivosti a šikovnou ruku, můžete si troufnout na něco pokročilejšího… doufám, že díky tomuto tutoriálu vám ukážu pár nových fíglů, které v budoucnu víckrát použijete :)

(klikněte na obrázek pro větší verzi)

Pokud vám obrázky připadají příliš malé, můžete na kterýkoliv kliknout pro 2x zvětšení.

Ještě než přistoupíte k práci na počítači, je dobré si návrh nejdřív načrtnout na papíře. Vyzkoušejte si různé úhly pohledu, nastínění a úhel otevření knížky.

Na začátek potřebujeme dva stejně velké obrázky: Pro vnitřní a vnější stránku, nebo pro dvě vnitřní. Jelikož ještě nevíme, v jakém rozsahu budeme používat transformace, velikosti obrázků by měly být alespoň 2x větší než výsledný dokument.

klikněte na náhledy pro zdroje obrázků

Můžeme vytvořit nový dokument, do kterého zkopírujeme naše listy. Na šířku nastavte víc než dvojnásobek šířky stránky a na výšku něco kolem 1.5 násobku, abyste měli dost místa a mohli volně pohybovat obrázky na ploše. Mě stačila velikost 1024x768pixelů

Pokud už jsme hotovi, nastavíme si levý dolní a horní roh naší brožury. Pomůžeme si Vodícími linkami (Guides). Abychom je mohli používat, musíme napřed zapnout Pravítko (Rulers):
View > Show Rulers
Teď vyberte Move Tool a přetáhněte levé pravítko směrem na střed. Právě jste vytvořili Vodící linku :) Činnost dvakrát opakujte s horním pravítkem. Nezapomeňte zapnout View > Snap

(klikněte na obrázek pro větší verzi)

V pořádku, teď už máme vše připraveno pro transformování - začneme pravým listem.

Začneme se zmenšením: vyberte
Edit > Transform > Scale (ve starších verzích PS jsou tranformace v menu Layer - Vrstva) a posuňte stránku doleva, aby byla zarovnána s vodící linkou. Teď klikněte na levý okraj naší stránky. Nastavíte tím střed, který nám usnadní další transformace.
Uchopte pravý horní roh stránky a přizpůsobte velikost stránky tak, aby se vešla mezi vrchní a dolní čáru. Celou dobu držte klávesu shift, aby změna velikosti probíhala jak horizontálně, tak i vertikálně.

(klikněte na obrázek pro větší verzi)

Teď vyberte Transform > Perspective a přibližte k sobě pravé rohy. (zkratka - mezi jednotlivými transformacemi můžete přepínat v menu, které se objeví po kliknutí pravým tlačítkem myši) Jako na náhledu dole; pomocí scale zmáčkněte trochu obrázek směrem doleva.

(klikněte na obrázek pro větší verzi)

Aby objekt působil ještě víc rozměrně, otočíme stránku pomocí Transform > Rotate.

(klikněte na obrázek pro větší verzi)

Úplně to samé provedeme s druhým listem. Jen na vás záleží, jestli bude obracen dovnitř nebo zevnitř. Pokud se rozhodnete tak jako já obrátit list tak, aby nejlépe vynikla perspektiva, nezapomeňte víc použít perspective a scale.

(klikněte na obrázek pro větší verzi)

Další strany knížečky vytvoříte tak, že vrstvu s pravým listem několikrát duplikujte (stačí 2x) a posunete směrem vpravo dolů.

(klikněte na obrázek pro větší verzi)

V této etapě už můžeme pomocné linky vypnout. Jelikož jsem pro objekt vybral bílý podklad, pro další úpravy se hodí trochu ztmavit pozadí.

Aby papírové listy nevypadaly uměle, musíme je trochu rozhýbat.
Znám pro to dobrý fígl ;)
Načtěte selekci pravého listu. (například podržte klávesu Ctrl a klikněte na vrstvu).
Teď selekci zvětšíme o deset pixelů
Select > Modify > Expand 10pixels a posuňte o deset pixelů doprava (stačí vybrat nějaký jiný nástroj než Move Tool, podržet Shift a stisknout šipku doprava)

(klikněte na obrázek pro větší verzi)

Pokud jste to ještě neudělali, vyberte vrstvu s pravým listem.
Aplikujte na ni Distort > Spherize, Horizontal Only, Amount -50 (na znaménku před číslem záleží, na kterou stranu se obrázek vytočí)

(klikněte na obrázek pro větší verzi)

Nakonec stačí pouze celý objekt efektivně vystínovat..
Vyberte Gradient Tool a nastavte tak jako na obrázku dole:

Lineární stínování, černo-bílé, Mode:Darken, Opacina na 50%.

Stejně jako před chvílí nahrajte selekci levého listu. Vytvořte novou vrstvu a nastavte ji jako Darken. Nezapomeňte na ni hned přepnout. Teď přetáhněte gradient listem tak jako na obrázku. Celou záležitost několikrát zopakujte, ale s opacitou kolem 15%. Nakonec vám vyjde celá přední stránka docela tmavá. To je v pořádku. Zmenšete opacity celé vrstvy na 50% nebo míň.

(klikněte na obrázek pro větší verzi)

To samé ještě jednou s pravým listem.
Stínování vypadá obvzlášť efektivně s výrazným stínem levého listu :)
Stejně jako minule, začínáme stínovat na 50%, později 20% nebo ještě míň. Zkoušejte aplikovat na sebe různé směry a různé délky. Pokud se vám něco nepovede, jednoduše zmáčkněte magické tlačítko Undo (které mi někdy chybí v obyčejném životě).

(klikněte na obrázek pro větší verzi)

..a ještě listy v pozadí

(klikněte na obrázek pro větší verzi)

co myslíte, jak by brožura vypadala, kdyby se jí víc pootevřelo?

(klikněte na obrázek pro větší verzi)

Hotovo. Fuuuch. Je to celkem fuška, ale myslím, že stojí za to..
Když se pozorně podíváte doprostřed obrázku, uvidíte, že listy příliš dobře nedrží pohromadě (může za to Spherize), ale to je v pohodě, protože takové věci se u brožur stávají běžně :)

k dokumentu ještě přidávám náhled mých vrstev. Tady.