Účinok typopotrétu je kreatívna technika, pri ktorej sa text a portrét spájajú, aby vytvorili jedinečný a pôsobivý dizajn. Tento efekt je ideálny pre plagáty, obaly kníh alebo digitálne umelecké diela. S pomocou Photoshopu môžete tento vzhľad jednoducho dosiahnuť kombinovaním vrstiev masky, textových prvkov a úprav. V tomto tutoriáli vám krok za krokom ukážem, ako vytvoriť typopotrét, ktorý harmónicky spája text a obrázok. Poďme na to a dajme vaše dizajny na novú úroveň!
1. Generovanie portrétu z textových riadkov
Úvodná poznámka: Podmienkou pre úspech atraktívneho textového portrétu je vysoký kontrast v obraze. Nie každý obrázok je vhodný pre efekt typopotrétu. Avšak u mnohých obrázkov sa dá kontrast predem prispôsobiť žiadanému výsledku. S kontrastným zosilnením by mal byť súčasne upravený aj čiernobiely efekt. Ideálne je to možné dosiahnuť pomocou Kanálového miešača, s ktorým sa obrázok môže zároveň zobraziť v monochromatickom režime pri súčasnom zosilnení kontrastu pomocou posuvníkov.
Krok 1: Zosilnenie kontrastu cez vrstvu úprav
Prvým krokom by normálne bolo previesť farebný obrázok na stupne šedej cez vrstvu úprav Kanálový miešač alebo Čiernobiely. Keďže môj obrázok (Zdroj obrázka: sumnersgraphicsinc - Fotolia.com) už takmer úplne existuje vo forme stupňov šedej, môžem sa rovno pustiť do zosilnenia kontrastu. K tomu si zvolím vrstvu úprav Svetlosť/Kontrast a zvýšim
- Svetlosť na 34
- Kontrast na 40
Obrázok teraz má výraznejšie kontrasty a svetlá v oblastiach pleti pôsobia čiastočne vyblednuto.
Krok 2: Umiestnenie textu
Pomocou nástroja Textový vytvorím textový rámec cez celý dokument. Do rámca s veľkosťou 5 bodov Charlemagne Std vložím akýkoľvek text. Farba textu je biela. Medzera medzi riadkami je tiež 5 bodov.
Na pomoc môžem použiť generátor Lorem Ipsum: http://www.loremipsum.de/.
Dôležité je, že text je čistý priebeh bez odsekov. Odseky je teda potrebné odstrániť z textového rámca! Pri výbere písma sa musí len vyskúšať, čo je priehľadné a taktiež nie je úplne nevhodné pre tému.
Krok 3: Duplikácia textovej vrstvy a skrytie
Textovú vrstvu duplikujem dvakrát pomocou skratky Ctrl+J. Potom vypnem všetky tri textové vrstvy.
Krok 4: Definovanie prvého textového oblasti v svetlých tónoch pomocou výberu farieb
Vyvolávam dialóg pre výber farieb cez menu Výber>Výber farieb.
Pri Tolerancii približne 100 zvolím prvýkrát svetlé oblasti tváre s pipetou. Ak je zaškrtnuté políčko pri Výber, uvidím, ktorá oblasť je presne vybraná. S týmto potvrďte pomocou OK.
Alternatívne: Namiesto Odobrať vzaté farby zvoľte Svetlá.
Umiestním tento výber ako vrstvovú masku na mojej najspodnejšej textovej vrstve kliknutím na symbol Pridať novú vrstvovú masku.
V tomto prípade môžem ponechať farbu textu bielu. Textovú vrstvu zatiaľ opäť skryjem.
Na hodnotenie efektu jednoducho umiestnim čiernu vrstvu najnižšie v hierarchii vrstiev a obrázkovú vrstvu vypnem.
Krok 5: Definovanie druhého textového oblasti v tmavých tónoch pomocou výberu farieb
Pokračujem tým, že opäť zavolám výber farieb. Tentoraz si vyberiem tmavé časti obrázka buď s pipetou, alebo opäť alternatívne: Namiesto Vzaté farby zvoľte Tmavé.
Tento výber pridám ako vrstvovú masku na moju druhú textovú vrstvu. Farbu textu teraz zmením na tmavosivú alebo voliteľne tmavo modrú odtieň.
Krok 6: Definovanie tretej textovej oblasti v stredných tónoch pomocou výberu farieb
Opakujem kroky a tentoraz zvolím stredné tóny v výbere farieb. Ak ich nezachytím všetky naraz, môžem s Shiftom pridať ďalšie stredné tóny k doterajšiemu výberu. Pipeta potom zobrazí malé plusko. Aj tu je možné alternatívne pri Výbere zvoliť Stredné tóny.
Výber pridám do mojej tretej textovej vrstvy ako maska vrstvy. Teraz zmením farbu textu na tmavosivý odtieň.
Krok 7: Zvýrazniť cigaru
Cigara je postrehnutá až po dôkladnom preskúmaní. Odporúčam ju ešte trochu zvýrazniť.
Preto duplikujem jednu z troch textových vrstiev a odstránim masku vrstvy.
S nástrojom Rýchleho výberu vyberiem cigaru na hlavnom obraze a pridám tento výber do nedávno duplikovanej textovej vrstvy ako maska vrstvy.
Farba textu je stredne sivá.
Nastavím režim vrstvy na Farebne stierať. Režim Farebne stierať je dôležitý, aby cigara nezískala jednotnú sivú farbu, ale bola prepočítaná s pôvodnou štruktúrou jasu podradených vrstiev pri súčasnom zvýšení jasu.
Pozadie: Režim Farebne stierať ako metóda výplne znižuje kontrast farieb a zvyšuje nasýtenie. Pôvodné farby sú zjasnené.
Krok 8: Akcentovať žiariacu cigaru
Ak zobrazím vrstvu s obrázkom a zobrazím všetky vrstvy s textom, uvidím môj efekt. Ak chcem ešte pridať žiariacu cigaru ako malý detail, jednoducho duplikujem vrstvu s obrázkom a umiestnim ju na vrchol v panely vrstiev.
Nastavím režim vrstvy na Farbu. Táto metóda výplne zabezpečí, že odtieň a nasýtenie vrstvy sa prevezmú do obrazu. Teraz cigara žiari v Typoportrétu.
S pomocou vrstvy úprav Farebný odtieň/Nasýtenie ako masky s výsekom ešte zvýšim nasýtenie žlto-červeného rozsahu cigary o približne 80 percent.
Jednoduchý, klasický obraz so znakovými riadkami je hotový.
2. Vytvorenie efektu Typoportrétu
Klasický obraz so znakovými riadkami je dobrým východiskom na ešte kreatívnejší vzhľad Typoportrétu.
Krok 9: Nastavenie režimu vrstvy na Tvrdé svetlo/Zmazanie vrstvy úprav
Vrstvu úprav Farebný odtieň/Nasýtenie môžem znovu zmazať.
Nastavím metódu výplne najvyššej plochy z Farba na Tvrdé svetlo. Režim Tvrdé svetlo zabezpečuje výrazné oddelenie odtieňov, čo znamená výrazne viac kontrastu. Metóda výplne prepočítava výseky obrazu podobne ako režimy Násobiť a Špeciálne násobiť. Hranicu medzi nimi označuje 50 % sivá.
Krok 10: Duplikovať vrstvu s obrázkom
Vrstvu s obrázkom duplikujem klávesmi Cmd+J a nastavím ju do režimu vrstvy Zlúčiť do seba. Tým sa svetlá a tiene v tomto prípade tvrdšie kontúrujú.
V pravom oblasťi s obrázkami sa stredné tóny, bohužiaľ, zmiešali s tiene. Preto vytvorím masku vrstvy a časti, kde by vrstva nemala byť zobrazená, nechám čiernu.
Krok 11: Úprava Helligkeit/Kontrast
Aby som ešte tvrdšie oddelil svetlá a tiene v kontraste, vytvorím úpravovú vrstvu Helligkeit/Kontrast ako masku s výsekom k najvyššej vrstve s obrázkom (nastavenej v režime Zlúčiť do seba!).
Nastavenia sú:
• Helligkeit: 32
• Kontrast: 40
Teraz má tvár ostré hrany, ako by mala byť.
Krok 12: Presunúť textovú vrstvu nahor
Vzhľadom na zvýšený kontrast v obraze sa strátili tmavé textové oblasti. Jednoducho ich znovu získam tým, že umiestnim textovú vrstvu s textom pre tiene na vrchol v paneli vrstiev.
Krok 13: Pridať textové prekrytia
Doterajšie kroky mali za cieľ dodanie obrazu určitej tvrdosti s vysokými kontrastmi. Teraz prichádza na rad krátke, výrazné textové pasáže s rôznymi jasmi a veľkosťami na niektorých miestach v obraze.
Je optimálne, ak si vytvorím skupinu, do ktorej vložím tieto textové prekrytia.
Už by som si mal premyslieť, ktoré texty najlepšie zapadajú k téme obrazu, aby sme nevytvorili nezmysly. Tieto texty budú vynikať a takýmto spôsobom podporia typografický efekt kreatívnym spôsobom.
Začnem umiestňovaním viacerých textových blokov na pravom okraji goliera. Pomocou oblasti pre znaky môžem text rýchlo formátovať.
Následne sa vrhnem na popolný dym. Dôležité je vždy vybrať rôzne veľkosti textu, farby textu a usporiadania.
Tip: Existujúce textové bloky môžem jednoducho duplikovať a presúvať pomocou Alt-Tlačítka. Tým trochu zrýchlite prácu. Ak chcem úplne zmeniť veľkosť textového bloku, jednoducho zmením textové vrstvy pomocou Nástroja Presunúť (Ctrl+T). Dôležité: Pri proporcionálnom zmene veľkosti vždy stlačte Tlačítko Shift.
Krok 14: Podčiarknutie textu
Existujúce textové bloky teraz môžem ešte raz duplikovať a umiestniť ich niečo posunuté pod existujúce textové bloky. V tomto prípade výrazne znížim Prekrytie na približne 30 percent. Textová vrstva by mala byť potom v Paneli Vrstiev pod existujúcimi textovými vrstvami.
Potom môžem prekryť taktiež čelo, cigaru a bradu textovými blokmi a obohatiť ich ďalšími textovými vrstvami s nízkym Prekrytím.
Krok 15: Pridanie odtieňového efektu
Ak chcem teraz pridať ešte odtieňový efekt, jednoducho vytvorím vrstvu nastavenia Fotofilter a vyberiem si ľubovoľný fotofilter pre obrázok.
Dobre vyzerajú studené aj teplé filtre.
Koncový obraz s chladným filtrom:
