A Typoporträteffekt egy kreatív technika, ahol a szöveg és a portré egymással olvadnak össze, hogy egyedi és lenyűgöző design-t hozzanak létre. Ez a hatás tökéletes plakátokhoz, könyvborítókhoz vagy digitális műalkotásokhoz. A Photoshop segítségével könnyedén elérheted ezt a kinézetet, ha rétegmasket, szövegelemeket és beállításokat kombinálsz. Ebben a tutorialban lépésről lépésre megmutatom neked, hogyan hozz létre egy Typoportrét, ami harmonikusan összekapcsolja a szöveget és a képet. Kezdjük el, és emeljük a designjaidat egy új szintre!
1. Szövegsorokból álló portré generálása
Bevezetés: Az attraktív szövegsorportré létrehozásának előfeltétele a magas kontraszt a képen. Nem minden kép alkalmas a Typoporträteffektre. De sok képen előre beállítható a kontraszt a kívánt eredmény elérése érdekében. Az optimális kontraszt növelésnél egyidejűleg a fekete-fehér korrekció is megvalósul. Ideálisan ezt lehet elérni a Kanalmixer segítségével, amivel a képet monokrómként is megjelenítheted a csúszkák segítségével történő kontraszt növelése mellett.
1. lépés: Kontraszt növelése az állító rétegen keresztül
Az első lépés általában a színes kép átalakítása szürkeárnyalatosra egy állító réteggel, például Kanalmixer vagy Fekete-fehér. Mivel a képem (forrás: sumnersgraphicsinc - Fotolia.com) már szinte teljes egészében szürkeárnyalatos, rögtön nekiállhatok a kontraszt növelésének. Ehhez az Fényerő/Kontraszt állító réteget hívom elő, és megnövelem
- a Fényerőt 34-re
- a Kontrasztot 40-re
A kép most erőteljesebb kontrasztot mutat, a bőrfelületek világossága részben kifakultnak tűnhet.
2. lépés: Szöveg elhelyezése
Az Szövegeszköz segítségével egy szövegkeretet húzok az egész dokumentumon át. Egy 5 pontos Charlemagne Std betűtípussal kitöltöm a szövegkeretet bármilyen szöveggel. A szöveg színe fehér. A sorköz is 5 pt.
Segítségként használhatom a Lorem Ipsum-generátort: http://www.loremipsum.de/.
Fontos, hogy a szöveg egy folyamatos szöveg legyen abszinek nélkül. Az abszineket tehát el kell távolítani a szövegkeretből! A betűtípusoknál érdemes kipróbálni, melyik takarja a legjobban és nem teljesen illetlen a motívumhoz.
3. lépés: Szöveg rétegek duplikálása és elrejtése
A szövegrétegeket kétszeresítettem a Ctrl+J gyorsbillentyű segítségével. Ezután az összes három szövegréteget elrejtem.
4. lépés: Első szövegterület kiválasztása a fényeknél a színtartomány kiválasztásával
A Színtartomány kiválasztás párbeszédpanelt a Kiválasztás>Színtartomány menüponton keresztül hívom elő.
100 környékén Toleranciával először a világos arc részbe választok egy pipettával. Ha a Kiválasztás jelölőnégyzete be van kapcsolva, már láthatom, hogy mely terület van kiválasztva. Az OK opcióval megerősítem a kiválasztást.
Alternatívaként: a A Kiválasztás > Az Elkapott Színek helyett a Fényeket válasszuk.
A kiválasztott elemeket alakítom Rétegmaszk-ként az alsó szövegrétegemhez. Ehhez egyszerűen csak a Új Rétegmaszk hozzáadása ikonra kell kattintanom.
Ebben az esetben a szövegszínt hagyhatom fehér. Az egyelőre elrejtett szövegréteget újra elrejtem.
Elemzés végett egyszerűen egy fekete háttérréteget helyezhetek az egyelőrétegesebb réteghierarchia legaljára és az képréteget elrejthetem.
5. lépés: Második szövegterület kiválasztása a mélységekben a színtartomány kiválasztásával
Folytatom a munkát a Színtartomány kiválasztás párbeszédpanelének előhívásával. Ezúttal a kép mélységi részeit vagy egy pipettával vagy ismét az alternatívval választom ki: a Kiválasztás helyett a Mélységeket válassza valaki.
A kiválasztást a második szövegrétegemhez adom hozzá mint Rétegmaszk. Most viszont megváltoztatom a szöveg színét mély sötétszürkére vagy mély söték kék árnyalatra.
6. lépés: Harmadik szövegterület kiválasztása a köztes tónusokban a színtartomány kiválasztásával
Ismétlem a lépéseket, és most a köztes tónusokat választom ki a Színtartomány kiválasztás párbeszédpanelében. Ha nem sikerül egyből az összeset megragadnom, a korábbi kiválasztáshoz a Shift-tel további köztes tónusokat adhatok hozzá. Ekkor a pipetta egy kis Pluszjelet mutat. Itt is alternatívaként a Kiválasztás helyett a Köztes tónusokat válassza valaki.
A kiválasztást hozzáadom a harmadik szövegrétegemhez rétegmáscsként. A szövegszínét most sötétszürke színűvé változtatom.
7. lépés: Szivar hangsúlyozása
A szivart csak alaposabb megfigyeléssel lehet észrevenni. Ajánlott kicsit hangsúlyozni.
Ezért duplikálom az egyik három szövegrétegem közül, és töröljem a rétegmáscskát.
A Gyors kijelölő eszközzel kijelölöm a szivart a főképen, majd hozzáadom a kiválasztást a most duplikált szövegrétegemhez rétegmáscsként.
A szövegszín közepes szürke.
A réteg módját Színes tónálás-ra állítom. A Színes tónálás mód fontos, hogy a szivar ne kapjon egységes ősz színt, hanem a lenti rétegek eredeti fényességszerkezetével kerüljön összehasonlításra, miközben növeli a fényességet.
Háttér: A Színes tónálás mint kitöltési mód csökkenti a színkanálok közötti kontrasztot és növeli a telítettséget. Az eredeti színek világosodnak fel.
8. lépés: Fényesedő szivar hangsúlyozása
Ha kikapcsolom a képréteget és bekapcsolom az összes szövegréteget, megmutatom az effektemet. Ha most a fényesedő szivart kis érdekességnek színesen be szeretném mutatni, egyszerűen duplicálom a képréteget és legfelülre pozícionálom a rétegműveletpanelen.
A réteg módját Szín-re állítom. A kitöltési mód gondoskodik róla, hogy a képréteg színének árnyalata és telítettsége az ábrán megjelenjen. Most már világít a szivar a tipográfiai portrén.
Egy Színárnyalat/Telítettség beállítóréteggel Vágási maszkként növelem a % olíva/zöldtónus telítettségét a fényszál tengelyén.
Kész a könnyű, klasszikus szövegsortáblázat.
2. Typográfiai portréeffekt létrehozása
A klasszikus szövegképtábla jó kiindulópont arra, hogy a végeredményt még továbbfejlesszem egy kreatív típusportrétkinézet felé.
9. lépés: Rétegmódus Beégetett fény/Módosító réteg törlése
A Színárnyalat/Telítettség beállítóréteget törölhetem.
A legfelső képréteg kitöltési módot átállítom Beégetett fény-re. A Beégetett fény mód jelentős tónuskülönbséget eredményez, azaz lényegesen több kontrasztot. A kitöltési mód a képtartalmakat hasonlóan dolgozza fel, mint a Szorzás és az Inverz szorzás módok. A kettő közötti határt a 50%-os szürke jelöli.
10. lépés: Képréteg duplikálása
A képréteget duplikálom Cmd+J segítségével és az Egyesített réteg módba állítom. Ezáltal a fények és árnyékok ebben a példában keményebb élei lesznek.
A jobb oldali képterületen sajnos a középtónusok a mélyárnyékokkal együtt elsüllyednek. Ezért készítek egy rétegmásvédsávot és a helyeken, ahol a réteg ne legyen látható, feketével kitöltöm.
11. lépés: Fényerő/Kontraszt beállítóréteg
A fények és az árnyékok közti kontrasztok még keményebben elkülöníthetők, ha egy Fényerő/Kontraszt beállítóréteget hozok létre Vágási maszkként az legfelső képréteghez (az Egyesített rétegben!).
A beállítások:
• Fényerő: 32
• Kontraszt: 40
Így az arc élesebb és keményebb benyomást kelt, ahogy lennie kell.
12. lépés: Szövegréteg felfelé mozgatása
A képben lévő kontrasztnövekedés miatt az sötét szövegresületek elvesztek. Egyszerűen visszahozom őket, ha a szövegréteget a legfelső helyre szúrom a rétegműveletpanelen.
13. lépés: Szövegátvágások beillesztése
Az eddigi lépések arra szolgáltak, hogy a képnek adott keményességet és magas kontrasztot. Most jönnek az rövid, csattanós szövegrészletek, különböző fényességekkel és különböző méretekkel néhány helyen a képen elhelyezve.
Ideális, ha készítek egy csoportot, amelybe ezeket a szövegátvágásokat beillesztem.
Már előtte érdemes meggondolni, melyik szövegek illenek legjobban a képtémához, hogy ne legyen benne semmi nonszensz. Mert ezek a szövegek szembetűnnek, és így kreatív módon hangsúlyozzák a tipográfiai hatást.
Jelrendszereszköz-ön keresztül gyorsan formázhatom a szöveget.
Azután foglalkozom a füstfelhőkkel. Fontos, hogy mindig különböző szövegméreteket, szövegszíneket és elrendezéseket válasszunk.
Tipp: Egyszerűen duplikálhatom a meglévő szövegrészeket az Alt billentyű segítségével, majd áthelyezhetem őket. Így egy kicsit felgyorsíthatom a munkát. Ha teljesen meg szeretném változtatni egy szövegrészt, egyszerűen a szöveg rétegeket átméretezem az Áthelyezés eszközzel (Ctrl+T). Fontos: A méretezés során mindig nyomjam meg az Shift billentyűt.
14. lépés: Szöveg aláhúzások
A meglévő szövegrészeket most még egyszeresen is duplikálhatom, és kissé eltolva helyezhetem őket a meglévő szövegrészek alá. Ebben az esetben a fedőréteget jelentősen lejjebb veszem, kb. 30%-ra. A szövegrétegnek az Rétegek panelen alul kell lennie a meglévő szövegrétegek alatt.
Ezután a homlok, a szivar és az áll is szövegrészekkel fedhetem le, és további szövegrétegekkel keverhetem meg alacsony fedőréteg értékkel.
15. lépés: Árnyalat hatás beillesztése
Ha most hozzá szeretnék adni egy árnyalat hatást, egyszerűen hozok létre egy Fényképszűrő beállítási réteget és választhatok egy tetszőleges fényképszűrőt a képhez.
Szép hatást kelthetnek hideg és meleg szűrők is.
Végeredmény hideg szűrővel:
