
Vytvoření vzhledu filmu noir pomocí mapy posunutí ve Photoshopu.
Co je to mapa posunutí?
Pokud jste ve Photoshopu noví, pouhá zmínka o mapách posunutí může být skličující. Účelem tohoto článku je poskytnout vám úvod; vás provede snadnými kroky, jak vygenerovat jednoduché mapy posunutí ve stupních šedi z existujícího obrázku, a ukáže vám, jak je efektivně implementovat pomocí filtru posunutí ve Photoshopu.
Mapa posunutí je verze stejného obrázku ve stupních šedi, na které pracujete, uložená jako soubor Photoshopu (.PSD). Tato mapa posunutí se poté použije k použití textury na plochou grafiku pomocí Přemístit filtr a deformuje grafiku tak, aby odpovídala tvaru mapy. To dává ploché grafice nebo 2D objektu realističtější 3D vzhled. Možná jste viděli online obrázky, kde je na něčí obličej namapována textura nebo na texturovaný povrch je vytvarováno logo.
Proč používat mapy posunutí?
Mapy posunutí jsou skvělý způsob, jak mapovat textury na 2D objekty, jako jsou loga nebo text, přidat hloubku a 3D perspektivu. Doufám, že ilustruji, že mapy posunutí nejsou tak skličující, jak by se mohly zdát, i když si uvědomuji, že tento článek může vyhovovat spíše pokročilým uživatelům Photoshopu než úplným nováčkům.
Jak implementovat mapu posunutí?
Jakmile byla vygenerována mapa posunutí. Musíte použít Přemístit filtr pro zkreslení 2D objektu nebo ploché grafiky na mapu. The Přemístit filtr je ve Photoshopu od verze 2.0. Od té doby se to příliš nezměnilo, ale stále je to filtr, který stojí za to poznat. Může se zdát, že jde o spletitý proces, ale když jste to už několikrát vyzkoušeli, je to jednoduché. Co dělá, je pohyb světlých pixelů nahoru a doleva a tmavé pixely se pohybují dolů a doprava. To vytváří iluzi hloubky prostřednictvím světla. Proto musí být vaše mapa posunutí docela kontrastní.

Jak přistupovat k filtru zkreslení ve Photoshopu.
První metoda, kterou popisuji níže, vám ukazuje, jak použít vektorový tvar k vytvoření dopravního značení a jeho mapování na povrch vozovky. Tento proces by byl stejný pro aplikaci log nebo textu na jakékoli texturované pozadí. V dalších dvou příkladech popisuji, jak lze mapy posunutí použít k vytvoření stínových efektů. Podívejme se.
1. Přidání realistického dopravního značení

Před a po místě, kde bylo na silničním značení aplikována mapa posunutí.
Cíl: Vytvořit realistické dopravní značení z vektorové grafiky.
Začněme základním obrazem silnice. Z tohoto obrázku bude vytvořena mapa posunutí ve stupních šedi. Třetí obrázek je plochý vektorový obrázek dopravního značení. Pomocí nástroje Polygonální laso jsem nakreslil tvar podobný dopravnímu značení a vyplnil ho bílou barvou. Převeďte to na inteligentní objekt a poté tuto vrstvu skryjte.
Proces mapy posunutí:
Otevřete panel Kanály a kliknutím na každý z červených, zelených a modrých kanálů zjistíte, který kanál má největší kontrast. V tomto příkladu jsem zvolil Modrou. Klikněte a duplikujte tento kanál.

Duplikováním modrého kanálu vytvoříte mapu posunutí.
Tím se zobrazí další dialogové okno (viz níže). Kde se píše Dokument, klikněte na kartu a vyberte Nový. Pojmenujte tento soubor Posuňte silnici nebo co chcete a klikněte na OK.

Kliknutím na kartu Dokument vyberte Nový a vytvoříte nový dokument pro mapu posunutí.
Tím se vytvoří nový dokument s vrstvou s názvem Alpha 1. Než tento dokument uložíte jako soubor PSD (Photoshop) ve stupních šedi. Musíte přidat další kontrast, běžte Nabídka> Obrázek> Úpravy> Úrovně, poté přidejte Gaussian Blur o 9,9 pixelech. To umožní, aby okraje vektorového tvaru dopravního značení obepínaly obrysy silnice, místo aby měly zubaté hrany. Převeďte tento obrázek na stupně šedi a uložte jej jako Vymístit road.psd. Zavřete tento dokument.

Toto dialogové okno se zobrazí přímo po výběru možnosti Nový v předchozím kroku.

Mapa posunutí obrazu silnice ve stupních šedi.
Vraťte se do původního dokumentu, kde jsme stále v panelu Kanály a modrý kanál je stále zvýrazněn. Kliknutím na vrstvu RGB obnovíte barvu obrazu.
V panelu Vrstvy (obvykle mám toto vnořené vedle panelu kanálů) kliknutím na čtverec vlevo od miniatury vrstvy zobrazte zpět viditelnost vektorového tvaru silnice, který jsem nakreslil před vytvořením mapy posunutí. Viz obrázek níže.
Se zvýrazněnou touto vrstvou přejděte na Nabídka> Filtr> Zkreslení> Vyměnit. Zobrazí se malé dialogové okno. Velikost zkreslení, které použijete, bude záviset na hodnotách, které zadáte do polí Horizontální a Vertikální měřítko. Výchozí hodnota je 10 v každém poli. Tyto hodnoty představují procenta.
Čím vyšší hodnoty, tím větší zkreslení. Experimentujte, abyste viděli požadovaný efekt, který chcete. Když převádíte své vrstvy na Inteligentní objekty, jakékoli úpravy, které provedete, lze provést snadno a nedestruktivně. Pro tento obrázek jsem zvolil 55 v horizontálním měřítku a 80 ve vertikálním. Chtěl jsem větší zkreslení dopravního značení, aby to odpovídalo opotřebovanému vzhledu silnice.
V tomto okamžiku může váš obrázek vypadat trochu divně, pokračujte dalším krokem, aby vypadal více smíchaný a realistický.

Detailní pohled na dopravní značení po použití mapy posunutí a finálních vylepšení.
Závěrečné vylepšení: Dodat silničnímu značení realističtější vzhled.
Přidal jsem Gaussian Blur 4px, abych se zbavil někdy tak mírně pixelovaného okraje tvaru. Poklepáním kdekoli napravo od vrstvy vyvolejte pole Styl vrstvy. Změnil jsem režim Blend na Overlay, snížil krytí na 77% a výplň na 90%. V sekci Blend If jsem přesunul černý posuvník na 187 v podkladové vrstvě.
Spropitné. Pokud při přetahování černých nebo bílých posuvníků podržíte klávesu Alt / Option, rozdělí se to posuvnou šipkou na dvě, což činí směs plynulejší.

Černý posuvník je rozdělen na podkladovou vrstvu v dialogovém okně Možnosti prolnutí.
2. Stínové efekty - voda
Před a po obrázcích zobrazujících zkreslení slova „Vyměnit“, když byla použita mapa posunutí.
Cíl: Vytvořit realistický reflexní stín ve vodě s textem.
Použil jsem slovo „Vyměnit“, abych ukázal, jak může stín ve vodě vypadat docela efektivně a realisticky. Mapa posunutí, kterou jsem pro tento obrázek vytvořil, fungovala opravdu dobře při zkreslení textu, který obtočil vlnky vody. Postupoval jsem podle stejných kroků, abych vygeneroval posun, jak je uvedeno výše, ale pro tento obrázek jsem použil Gaussian Blur 5,4px.
Hodnoty, které jsem přidal v dialogovém okně Posunout pro horizontální a vertikální měřítko, byly 80.
Pro finální vylepšení jsem přidal Gaussian Blur 10,1px. Změnil jsem režim Blend na Softlight, snížil krytí na 78% a výplň na 80%. V sekci Blend If jsem přesunul černý jezdec na podkladové vrstvě na 148.

Slovo Vyměnit zkresleno pomocí mapy posunutí.
2. Shadow Effects - Film Noir Look

Pomocí černých vodorovných čar a mapy posunutí simulujeme světlo prosvítající přes žaluzie.
Cíl: Vytvořit vzhled filmu noir nebo efekt světla procházejícího roletami.
U tohoto obrázku jsem musel udělat více práce ve Photoshopu, abych získal konečný vzhled. Proces generování mapy posunutí je zde stejný jako v ostatních příkladech. Mějte na paměti, že modrý kanál není pro objekty tou nejlepší volbou, protože tóny pleti vypadají hrozně.
Model jsem izoloval od tohoto obrázku a položil na samostatnou vrstvu s maskou vrstvy. Přidal jsem černou a bílou vrstvu úprav a poté pomocí nástroje Rectangular Marquee Tool vytvořil silné černé vodorovné čáry, které se podobaly lištám oken v samostatné vrstvě. Dále jsem tuto vrstvu duplikoval. Jeden jsem použil pro vrstvu pozadí a přidal jsem značné množství Gaussian Blur. Poté jsem pomocí masky vrstvy přesunul druhou vrstvu nad model. Chtěl jsem naklonit černé čáry (rolety) přes tvář modelu. Udělal jsem to pomocí nástroje Free Transform Tool.

Černé čáry vytvořené pomocí nástroje Obdélníkový výběr.
Vytvořil jsem mapu posunutí a zkreslil lamely přes tvář modelu pomocí hodnot 15 a 20 jako hodnot pro vodorovnou a svislou stupnici.

Černé čáry byly zkresleny pomocí filtru Vyměnit pomocí mapy posunutí.
Toto je jen stručný popis závěrečných vylepšení: Aplikoval jsem Gradient Overlay a nějaké Burning, abych ztmavil levou stranu modelu, protože světelný zdroj vychází z toho directoinu. Přidal jsem Gaussian Blur o 28,9 pixelu a snížil krytí na 40%.
Tipy
- Modrá je nejhorší kanál, který si vyberete, pokud vytváříte mapu posunutí, kde jsou zahrnuty tóny pleti.
- Zelený kanál obvykle vykazuje největší kontrast.
- Při generování map posunutí nezapomeňte použít Gaussian Blur.
- Mapy posunutí musí být uloženy jako soubor PSD ve stupních šedi.
Doufám, že jsem vás inspiroval k tomu, abyste začali dělat mapy přemístění a používat filtr posunutí, pokud jste to nikdy předtím nezkusili.