Úběžný bod

Obsah lekce:

Využití úběžného bodu

Úběžný bod má využití mnoho, ale všechny spočívají v možnosti vložit text, obrázek, nebo jiný objekt do fotografie tak, aby vložený objekt kopíroval některou z ploch ve fotografii.
V praxi to znamená, že pomocí úběžného bodu jsme schopni vytvořit obal na krabici a přímo jej na ni umístit do prostoru, jsme schopni umístit reklamu přímo na billboard ve fotografii, je možné nechat takto kopírovat jakýkoli tvar, protože Adobe Photoshop přizpůsobí vkládaný objekt, aby přesně dodržoval linie perspektivy.

Jednoduchá aplikace úběžného bodu

Na úvod bychom si představili opravdu primitivní využití úběžného bodu - vytvoříme velmi jednoduchý obal na krabici s džusem. Obal nebude nijak graficky ohromující, ale na této ukázce bude demonstrováno, jak se s úběžným bodem pracuje. Poté teprve budou následovat složitější příklady.

K této ukázce je připraveno video, jehož průběh bude zároveň důkladně popsán pod ním.

1. Připravíme si do Adobe Photoshopu obrázek krabice.
2. Vytvoříme si novou vrstvu a nakreslíme do ní libovolný objekt. Ten necháme ihned Rasterizovat.
3. Označíme objekt v nové vrstvě (držíme CTRL a klikneme na miniaturu vrstvy v seznamu vrstev) a dáme Zkopírovat (CTRL+C).
4. Vytvoříme novou vrstvu a vrstvu s označeným objektem zneviditelníme. Zrušíme také označení (CTRL+D).
5. Klikneme do menu na Filtry > Úběžný bod. Otevře se nám okno s tímto nástrojem.
6. Nyní použijeme nástroj Vytvoření plochy k vymezení prvního obdélníku v perspektivě. Tím bude přední stěna krabice. Po dokončení obdélníku se může stát, že není vykreslen modře, ale žlutě, nebo červeně. To znamená, že obdélník není správně definován a je nutno posunout rohy tak, aby se obnovila modrá barva.
7. Následuje definování boční stěny. V levém sloupečku si přepneme nástroj na druhý odshora (Vytvoření plochy), popotáhneme za pravý střed definovaného obdélníku a roztáhneme stranu. Strana nebude ideálně pasovat v horní a spodní části, což vyspravíme posunutím rohů.
8. Nyní vložíme zkopírovaný objekt pomocí CTRL+V a normálně jej umístíme kamkoli na hranu krabice. Adobe Photoshop si automaticky spočítá deformaci způsobenou prostorem a objekt zakřiví.
9. Opakujeme postup z kroku 7, ovšem roztáhneme boční stěnu nahoru, takže zahrneme do definice i víko krabice.
10. Zkusíme vložit další objekt a umístit jej na roh krabice. Adobe Photoshop opět automaticky spočítá deformace.
11. Nyní jsme přidali nějaký text, nechali jej rasterizovat a opět vložili při aplikaci filtru Úběžný bod. Chování je stejné jako předtím.
12. Pokud budeme chtít vybarvit pozadí, tak si označíme přibližně plochu přední stěny, do nové vrstvy ji vybarvíme, zkopírujeme a novou vrstvu zneviditelníme. Nesmíme zapomenout odznačit výběr, jinak by se úběžné body aplikovaly jen na tento výběr.
13. Podklad můžeme úplně stejným způsobem vložit na krabici a takto lze postupovat i se zbývajícími stranami.
14. Nakonec pouze přesuneme podkladovou vrstvu dolů, aby přes ni byly vidět ornamenty a nápisy.

Složitější projekt

V této části vytvoříme krabici na čaj a kávu se vším všudy, což znamená, že krabice bude mít poutavou přední stěnu, informativní boční stěnu a nápis na horní stěně.
Bude vždy potřeba experimentovat s velikostí obdélníku, který si budeme připravovat, protože je hodně těžké odhadnout míru zmenšení při umístění do prostoru a často se státá, že obdélník není dostatečně veliký nebo naopak přečnívá a je ořezán.

Budeme potřebovat následující soubory: obrázek krabice, obrázek kávy, hrníček s čajem, složení
Všechny tyto obrázky jsou již předupravené, takže je možné je přímo použít do projektu. Složení samozřejmě neodpovídá pravému složení čaje, takže není problém jej jakkoli nahradit vhodnějšími nápisy nebo tabulkami.

Následující video obsahuje po sobě jdoucí snímky s jednotlivými kroky, proto je nutno si vždy video pozastavit. Každý krok je dostatečně důkladně popsán pod videem.

1. Otevřeme si soubor krabice v programu Adobe Photoshop.
2. Vytvoříme nový dokument rozměrů 2535*1326 a uděláme v něm pruh dle videa vhodnou hnědou barvou.
3. Přidáme nahoru pomocí dvou vrstev kávová zrna, která máme k dispozici - je možno užít masku, aby vše vypadalo hladce.
4. Dobarvíme boční stranu stejnou barvou, jako je vybarven pruh.
5. Přidáme obrázek šálku dvakrát, použijeme masku tak, aby první vrstva byla vše na bílém podkladě a druhá vrstva byla jen rozsypaný čaj pod pruhem. Na tuto druhou vrstvu aplikujeme Krytí i Výplň 40%.
6. Přidáme texty dle videa (dvě vrstvy) a použijeme vhodné formátování a stylování vrstvy.
7. Zkopírujeme celý dokument (CTRL+SHIFT+C), v dokumentu s krabicí umístíme Úběžné body dle instrukcí z předchozího příkladu a vložíme obrázek (CTRL+V). Napasujeme jej, aby zaujímal přední a boční stěnu.
   Pokud se nám v jakékoli fázi přidávání obrázku na krabici stane, že obrázek bude příliš malý a nebude dosahovat až do kraje, je nutno daný dokument zvětšit do šířky (symetricky na obě strany), stejně tak zvětšit všechny elementy a zkusit znovu, popřípadě opakovat.
   Při používání filtru Úběžný bod je možno použít Transformaci (T), čímž můžeme dokument zmenšit na vymezenou plochu. Neměli bychom ale zapomenout, že pokud budeme dokument zmenšovat, nemělo by ve finále dojít ke změně poměru stran.
8. Použijeme obrázek se složením a vytvoříme boční stěnu krabice (do nového dokumentu rozměrů 1057*1148). Pozadí není nutné, protože je již na boční stěnu přidán předchozí obrázek.
9. Obrázek určený pro boční stěnu přidáme na krabici pomocí Úběžného bodu.
10. Vytvoříme nový dokument vrchu s pozadím stejným jako má boční stěna a vložíme do něj opět kávová zrna. Tento dokument bude poté přidán nahoru krabice, proto je nutno experimentovat s rozložením zrn a velikostí dokumentu, aby pokryl celou vrchní stěnu a aby zároveň zrna alespoň částečně dotvářela dojem, že přechází z přední stěny do vrchní stěny.
11. Přidáme i tento dokument na krabici pomocí Úběžného bodu.
12. Vytvoříme nápis na vrchní stěnu vhodným fontem, bílou barvou a necháme jej lehce obtáhnout barvou černou. Není důležité, co bude nápis obsahovat, ale měl by mít souvislost s tématikou krabice.
13. Vytvoříme také boční nápis TEA & COFFEE, opět světlejší barvou.
14. Přidáme oba nápisy na krabici pomocí Úběžného bodu.
15. Krabice je nyní zcela hotova a je připravena k prezentaci.

Další příklady využití

Nyní si ukážeme dalším možná využití úběžného bodu, přičemž všechny předpřipravené fotografie pro umístění obrázků do perspektivy budou přístupné ke stažení.

Zde jsou ke stažení dvě fotografie s nachystanými plochami pro využití Úběžného bodu spolu s dokumenty, které lze do billboardů dosadit:
billboard 1, pozadí 1, billboard 2, pozadí 2a, pozadí 2b, pozadí 2c,

Následující video použije první dva soubory a demonstruje umístění pozadí na billboard ve městě. Postup je důkladně popsán pod videem.

1. Otevřeme si soubor pozadí, označíme vše (ALT+A) a dáme kopírovat (CTRL+C).
2. Otevřeme soubor s billboardy, vytvoříme novou vrstvu a použijeme filtr Úběžný bod a nastavíme plochu na jeden z billboardů, není podstatné, kterým začneme.
3. Vložíme pozadí (CTRL+V) a v tomto případě použijeme nejvhodnější nástroj Transformaci (T).
4. Nyní můžeme libovolně měnit velikost vloženého objektu, a dokud nestiskneme ENTER, nedojde k žádné ztrátě kvality. Také víme, že pozadí je připraveno svým poměrem stran k umístění na billboard, takže jej můžeme hodně zmenšit, napasovat do rohu billboardu a roztáhnout tak, aby zakrylo celou bílou plochu.
5. Klávesou ENTER potvrdíme Transformaci i použití Úběžného bodu.
6. Obdobný postup opakujeme na druhý billboard, můžeme buď přesunout stávající definovanou plochu, nebo nadefinovat další, výsledek bude stejný.
7. Po odentrování máme zakryté oba billboardy reklamou, která je umístěna v jiné vrstvě než samotná fotografie.

Nakonec můžeme u vrstev s vloženými objekty nastavit Krytí na 80-90%, aby se zdálo, že je billboard zašlý - vložené objekty jsou totiž příliš jasné a dokonalé, což nevypadá přirozeně. Oba hotové příklady billboardů jsou pod tímto textem. Na druhou fotografii byly přidány vymyšlené názvy obchodů.

Další čtení

Otázky a úkoly

1. Popište postup, který se používá při přidávání obrázku na předmět v perspektivě.
2. Občas se stane, že při přidávání Úběžných bodů dojde ke změně barvy mřížky z modré na žlutou, nebo červenou. Popište proč a vysvětlete jak vše uvést do pořádku.