Účinek typového portrétu je kreativní technika, při které se text a portrét prolínají, aby vytvořily jedinečný a působivý design. Tento efekt je ideální pro plakáty, obálky knih nebo digitální umění. S programem Photoshop můžeš tento vzhled snadno vytvořit kombinací vrstev mask, textových prvků a úprav. V tomto tutoriálu ti ukážu krok za krokem, jak vytvořit typový portrét, který harmonicky propojuje text s obrázkem. Pojďme na to a přeneseme tvé designy na novou úroveň!

1. Generování portrétu z řádků textu

Poznámka: Podmínkou pro úspěšné vytvoření atraktivního textového portrétu je vysoký kontrast v obraze. Ne každý obrázek je vhodný pro efekt typového portrétu. Avšak u mnoha obrázků lze kontrast přizpůsobit již předem k požadovanému výsledku. S kontrastem by měla jít ruku v ruce i úprava černobílého obrázku. To lze nejlépe udělat pomocí Kanálového míchání, což umožňuje obrázek zobrazit rovnou v monochromní podobě při zároveň zesílení kontrastu pomocí posuvníků.

Vytvořit efekt pop art portrétu

Krok 1: Zesílení kontrastu pomocí úroveňové úpravy

Prvním krokem by obvykle bylo převést barevný obrázek na stupně šedi pomocí úroveňové úpravy Kanálového míchání nebo Černobílý. Vzhledem k tomu, že můj obrázek (zdroj obrázku: sumnersgraphicsinc - Fotolia.com) je již téměř kompletně ve stupních šedi, mohu přímo přejít k zesílení kontrastu. Proto volím úroveňovou úpravu Jas/Kontrast a zvyšuji

  • Jas na 34
  • Kontrast na 40

    Obrázek nyní má výraznější kontrasty a světla v oblastech kůže mohou být částečně přesvětlena.

    Vytvořit efekt portrétu s chybami

Krok 2: Umístění textu

Pomocí Nástroje textu nakreslím textový rámec přes celý dokument. Do textového rámu naplním libovolný text písmem Charlemagne Std s velikostí 5 bodů. Barva textu je bílá. Odstup mezi řádky také činí 5 bodů.

Pro podporu můžu použít generátor Lorem Ipsum: http://www.loremipsum.de/.

Důležité je, aby text byl pouhým průběžným textem bez odstavců. Odstavce musí být tedy odebrány ze zóny textu! Co se týká fontů, je potřeba vyzkoušet, co je průsvitné a zároveň není zcela nevhodné pro motiv.

Vytvořit efekt portrétu s chybami

Krok 3: Duplikace textové vrstvy a skrytí

Textovou vrstvu zduplikuji dvakrát pomocí zkratky Ctrl+J. Následně skryji všechny tři textové vrstvy.

Vytvořit efekt portrétu s textovou chybou

Krok 4: Určení prvního textového pole pro světla v obraze pomocí výběru barevné oblasti

Volám dialog pro Výběr barevné oblasti přes menu Výběr>Barevná oblast.

Při Toleranci přibližně 100 vyberu první světlou oblast obličeje pomocí Pipety. Pokud je zaškrtnuto pole Výběr, vidím, jaká oblast je přesně vybrána. Můžu potvrdit kliknutím na OK.

Alternativně: V rámci Výběr zvolit ne Přijaté barvy, ale Světla.

Vytvořit efekt portrétu s chybami

Výběr vložím jako Vrstvenou masku na mou spodní textovou vrstvu. Stačí na ikonu Přidat novou vrstvenou masku jednoduše kliknout.

Vytvořit efekt portrétu



Barvu textu můžu v tomto případě ponechat bílou. Textová vrstva bude zatím opět skryta.

Pro ohodnocení efektu mohu jednoduše umístit černou vrstvu do spodní části hierarchie vrstev a vrstvu s obrázkem skrýt.

Vytvořit efekt portrétu s chybami

Krok 5: Určení druhého textového pole pro stíny v obraze pomocí výběru barevné oblasti

Pokračuji tím, že opět volám Výběr barevné oblasti. Tentokrát vyberu stíny obrázku buď pomocí Pipety, nebo opět alternativně: V rámci Výběr volit ne Přijaté barvy, ale Stíny.

Vytvořit efekt portrétu s typografií

Výběr přidám jako Vrstvenou masku k mé druhé textové vrstvě. Barvu textu v tomto okamžiku ale změním na hlubokě tmavě šedou nebo případně tmavě modrou barvu.

Vytvořit efekt portrétu s typografií

Krok 6: Určení třetího textového pole pro střední tóny v obraze pomocí výběru barevné oblasti

Opakuji kroky a tentokrát vyberu střední tóny v obrázku v rámci Výběr barevné oblasti. Pokud nechytím všechny najednou, mohu přidat k předchozímu výběru pomocí Shift další střední tóny. Pipeta pak ukáže malý Plus. Také zde lze alternativně v rámci Výběr volit ne Přijaté barvy, ale Střední tóny.

Vytvořit efekt portrétu s tiskovou chybou

Výběr přidám do třetí úrovně textu jako vrstvenou masku. Teď změním barvu textu na tmavě šedý odstín.

Vytvořit efekt portrétu z klepy

Krok 7: Zvýraznit doutník

Doutník je znát až při bližším prozkoumání. Doporučuje se trochu ho ještě zvýraznit.

Vytvořit efekt portrétu s chybou



Proto duplikuji jednu z tří textových vrstev a odstraním vrstvenou masku.

Pomocí nástroje Rychlý výběr vyberu doutník na hlavním obrázku a přidám tento výběr k právě duplikované textové vrstvě jako vrstvenou masku.

Vytvořit efekt portrétu pomocí typografie

Barva textu je středně šedá.

Nastavím režim vrstvy na Zklidnění barvy. Režim Zklidnění barvy je důležitý, aby doutník nezískal jednotnou šedou barvu, ale byl vyrovnán se původní strukturou jasu podkladových vrstev a zároveň zvýšil jas.

Pozadí: Režim Zklidnění barvy jako výplňová metoda snižuje kontrast barevných kanálů a zvyšuje sytost. Původní barvy jsou zesvětleny.

Vytvořit efekt portrétu z tisku

Krok 8: Akcentovat doutník, který září

Když vypnu vrstvu s obrázkem a zapnu všechny textové vrstvy, uvidím můj efekt. Pokud chci ještě zvýraznit doutník, mohu jednoduše zduplikovat vrstvu s obrázkem a umístit ji na vrchol v výběrovém poli vrstev.

Nastavím režim vrstvy na Barva. Tato výplňová metoda zajistí, že barva a sytost vrstvy budou převzaty do obrázku. Nyní doutník září na portrétním typu.

Vytvořit efekt portrétu s typografií

S pomocí úpravové vrstvy Odstín/Sytost jako střihová maska zvýším sytost žluté/červené oblasti doutníku asi o 80 procent.

Vytvořit efekt portrétu pomocí tiskové chyby

Jednoduchý, klasický obraz s textovými řádky je hotov.

Vytvořit efekt pop art portrétu

2. Vytvoření efektu typu portrétu

Klasický obraz s textovými řádky je dobrým výchozím bodem pro další vývoj výsledku ke kreativnímu vzhledu s typem portrétu.

Krok 9: Nastavení režimu vrstvy na tvrdé světlo/Smazání úpravové vrstvy

Úpravovou vrstvu Odstín/Sytost mohu opět smazat.

Nastavím výplňovou metodu nejvyšší plochy obrázku z Barva na tvrdé světlo. Režim tvrdé světlo zajišťuje silné oddělení tónů, tj. podstatně více kontrastu. Metoda vrstvy zpracovává obsah obrazu podobně jako režimy Násobení a Opačné násobení. Hranici mezi nimi označuje 50% šedé.

Vytvořit efekt portrétu s chybami

Krok 10: Duplikovat vrstvu s obrázkem

Vrstvu s obrázkem zduplikuji stisknutím Cmd+J a nastavím režim na Překrytí. To způsobí, že světla a stíny v tomto příkladu budou tvrdší.

V pravé části obrázku tone střední tóny stejně jako stíny. Proto vytvořím vrstvenou masku a černě vykreslím místa, kde vrstva nemá být zobrazena.

Vytvořit efekt portrétování pomocí chyb

Krok 11: Úpravová vrstva Jas/Kontrast

Pro ještě tvrdější oddělení světel a stínů v kontrastu vytvořím úpravovou vrstvu Jas/Kontrast jako střihovou masku k nejvyšší vrstvě s obrázkem (která je v režimu Překrytí!).

Nastavení jsou:

Jas: 32

Kontrast: 40

Tímto způsobem působí obličej ostrým a tvrdým, jak má být.

Vytvořit efekt portrétu na chyby

Krok 12: Posunutí textové vrstvy nahoru

V důsledku zvýšení kontrastu v obraze zmizely tmavé textové oblasti. Snadno si je znovu přinesu tím, že umístím textovou vrstvu s textem pro stíny na nejvyšší místo v výběrovém poli vrstev.

Vytvořit efekt portrétu s typografií

Krok 13: Vložení textový překryvů

Dosavadní kroky byly zaměřeny na dodání obrazi jisté tvrdosti s vysokými kontrasty. Nyní přichází řada na vložení krátkých, výstižných textových úseků s různými jasnostmi a různými velikostmi na některých místech v obraze.

Je ideální vytvořit skupinu, do níž budou tyto textové překryvy vloženy.

Předem bych si měl rozmyslet, které texty nejlépe odpovídají tématu obrazu, aby výsledek nebyl nesmyslný. Tyto texty totiž vyniknou a takto na kreativní způsob zvýrazní efekt písma.

Začínám tím, že umístím několik textových bloků na pravou stranu límce. Přes panel znaků mohu velice rychle formátovat text.

Vytvořit portrétní efektTYPOKOURET

Poté se vrhnu na oblaka kouře. Je důležité vždy volit různé velikosti textu, barvy textu a uspořádání.

Tip: Existující textové bloky mohu také jednoduše duplikovat přesunutím pomocí Alt klávesy. Tím trochu zrychlím práci. Chci-li úplně změnit velikost textového bloku, jednoduše zvětšuji textové vrstvy pomocí Nástroje pro přesunutí (Ctrl+T). Důležité: Pro proporcionální zvětšení vždy stiskněte Shift klávesu.

Vytvořit efekt portrétu z textu

Krok 14: Podklady pod text

Nyní mohu také ještě jednou duplikovat existující textové bloky a umístit je trochu posunuté pod existující textové bloky. V tomto případě výrazně snížím Průhlednost asi na 30 procent. Textová vrstva by měla být poté v panelu Vrstvy umístěna pod existující textové vrstvy.

Vytvořit efekt portrétu z textu

Poté mohu překrýt čelo, doutník a bradu dalšími textovými bloky a obohatit je dalšími textovými vrstvami s nízkou Průhledností.

Vytvořit efekt portrétu z textu

Krok 15: Vložení efektu tónování

Pokud chci přidat ještě efekt tónování, jednoduše vytvořím vrstvu s úpravami Fotofiltr a mohu si vybrat libovolný fotofiltr pro obrázek.

Chladné i teplé filtry působí krásně.

Vytvořit efekt portrétu s chybou

Konečný obraz s chladným filtrem:

Vytváření efektu portrétu s chybou