Egy üvegeffekt eleganciát és mélységet visz a tipográfiába és a elrendezésekbe. Az átlátszóságával és tükröződő kiemelésekkel modern és lenyűgöző jegyet ad a terveidnek. Legyen szó logókról, címekről vagy kreatív kompozíciókról - ez az effekt garantáltan minden tekintetet magára von. Ebben a bemutatóban lépésről lépésre megmutatom neked, hogyan készíthetsz egy valósághű üvegeffektet Photoshopban, amelyet egyaránt használhatsz szöveghez és elrendezési elemekhez. Lássunk neki és emeld színvonalra terveidet!
Az első üvegeffekt a háttérképből kibuggyanva/kivájva fog hatni, és ezáltal egy egységet alkot a háttérrel.
A második üvegeffekt nem lesz összeolvadva a háttérrel, hanem inkább a felületen fekvő, és az optikája tompa vagy enyhén tejüveges lesz.
Források ebben a bemutatóban: archaeopteryx_stocks
1. Rész: Statikus üvegeffekt szöveg létrehozása
Az első üvegeffekt szöveg kissé folyékony, mint a tiszta üveg, amely könnyű kivágni a háttérből.
1. Lépés: Új dokumentum létrehozása
Egy új dokumentumot hozok létre Ctrl+N nyomva a méretű 1600x1200 px. A kitöltési beállítások és szűrők lehetnek a dokumentum méretétől függően változók.
2. Lépés: Háttérkép kiválasztása
Ez az optimális, ha e hatás érdekében egy részletes háttérképet választok, hogy az üvegszöveg törése is látható legyen. Például nem megfelelőek a felhőképek. Egy virágképet választok, amelyben a virág részletes szerkezetét lehet látni.
3. Lépés: Szöveg elhelyezése
Hogy lekerekített üvegeffektet érjek el, előnyös, ha a választott betűtípus magában is tartalmaz íveket. 640 ponttal fekete színben lejegyzem az "PSD" betűket a dokumentumba.
4. Lépés: Mátrix réteg létrehozása a fényszóró szétszórt tükröződéssel
Megnyomom az Alt+Z gyorsbillentyűt annyiszor, amíg az eredeti munkafájlom nem jelenik meg újra. Tehát folytathatom a munkát az aktuális fájlban. Előnyös, ha kitörlöm a felesleges mátrixstruktúra rétegeit és elmentem a munkafájlt PSD dokumentumként.
Ezt követően kijelölöm a háttér rétegemet. Ha ez még nem Okos objektum, akkor átkonvertálhatom a rétegemet Kattintás jobb gombbal az Rétegek felületen az Okos objektummá. Az Okos szűrők előnye az, hogy változtathatom őket veszteség nélkül. Amint egy réteg átkonvertálódik Okos objektummá, lehetőség van szűrők alkalmazására Okos szűrők formájában.
A Szűrő>>Distortion filter>Glass menüponton keresztül hozom elő az Üveg szűrőt. Kiválasztom a torzítást 20-ra és az átmenetet 15-re.
Fontos, hogy most a szerkezeti előírást, vagyis a mátrixomat is bevonjam. Ezt a következőképpen teszem meg: az Szerkezet menüponton keresztül betöltöm a struktúrát. A megnyíló böngészőben a korábban elmentett mátrix-PSD fájlomat választom ki. Most a bélyegek helyett egy homályos üvegeffektus jelenik meg az előnézetben.
Az eddigi hatás így néz ki:
6. lépés: Szövegréteg újra aktiválása
Az elején létrehozott fekete szövegréteget aktiválom újra, amelyből a mátrix-PSD fájlt elkészítettem.
Előnyös, ha a szövegréteget Okos objektummá konvertálom. Így a szöveg maga védett marad az Okos objektum-eredetiben (a PSB fájlban), miközben a további, nem destruktív módosítások elvégezhetők.
7. lépés: Szöveghatás létrehozása
A szövegréteg kitöltési lehetőségeiben enyhén lekerekített széleket lehet lágyan faragtatni az alábbi értékekkel:
- Mélység: 400 százalék
- Méret: 8 pixel
- Lágyítás: 4 pixel
- Szög: 120 fok
- Magasság: 30 fok
- Mélység módja: Szorzás 40%-os átlátszósággal és 70%-os világossággal (B)
A réteg kitöltési módját Meghatározott rétegbe másolra állítom.
Ebben a tutorialban gyakran lesz szó a Világosságértékekről, ezért röviden szeretném elmagyarázni, hogy mit értek ezalatt. A Photoshopban a Színválasztó leginkább a HSB modellnek felel meg három értékkel: Szín (Hue), telítettség (Saturation) és Világosság (Brightness). A Szín (Hue) a jobb oldali színsáv, a telítettség (Saturation) bal-jobb mozgatásával állítható be a Színválasztóban, a Világosság (Brightness) pedig felfelé és lefelé mozgatással. Ha ebben a tutorialban egy Világosságértékről beszélek, kizárólag az HSB modell B-értékét értem, a Színt vagy a Telítettséget figyelmen kívül hagyva.
A Mélység módja 70%-os Világossággal lett beállítva. Ennek megfelelően a kép a Színválasztóban így néz ki.
Az eddigi hatás így néz ki:
8. lépés: Művész-Filter használata Műanyagfólia beállítással
A hatás további fokozása érdekében alkalmazom a művész-filtret. Előzetesen átalakítom a szövegréteget Okos objektummá, így továbbra is veszteség nélkül lehetséges a Kitöltési lehetőségváltozások stb.
A művész-filterben a Műanyagfólia opciót a legmagasabb beállításokkal választom:
- Ragyogás: 20
- Részlet: 15
- Lágyítás: 15
A hatás most sokkal üveges, hasonlóan a üveggolyókhoz.
9. lépés: Szűrő ismét alkalmazása
A hatás kiemelése érdekében egyszerűen választom a Ctrl+F lehetőséget az utolsó szűrő újra alkalmazásához.
A Rétegpalettán a Okos objektumhoz kétszer jelenik meg az Okos szűrő a Műanyagfólia, amelyet igény esetén most még külön módosíthatok.
10. lépés: Belülárnyék és Kicsapódás hozzáadása
Végül az egyik rétegemhez egy minimális Belülárnyékot adhatok hozzá 85 százalék világossággal, hogy a betűk egy kissé, gyakorlatilag alig észrevehetően, szegélyezettek legyenek.
Ehhez a rétegkitöltéseket állítsam elő, és a Betűszínével állítsam be a árnyékolás világosságját a Színválasztóval. Az alábbi további beállításokat is elvégezem:
- Átlátszóság: 70 százalék
- Távolság: 1 pixel
- Méret: 1 pixel
- félköríves Kontúr
Mivel a belülárnyék egy fényes sarokból van számítva, egy Kicsapódást is be kell állítanom, amely ugyanazt az effektet eredményezi a másik oldalon.
A beállítások ugyanazok, mint a Belülárnyéknál.
11. lépés: Variációk
A hatás nagyon könnyen variálható. Például egyszerűen a Kitöltési lehetőségeknél különböző módokat választhatok, és megnézhetem, hogy hogyan változik meg a hatás. Egyszerűen duplikálhatom a szövegréteget és különböző Rétegmódokban megjeleníthetem.
Mindig nyitva áll számomra az is, hogy további szűrőket alkalmazzak a szövegrétegre. Így gyakorlatilag végtelen sok variációs lehetőség áll rendelkezésemre.
Ebben a példában például egy folyékonyabb átmenetet képzelek el a háttérből az üveghatásig. Ezért kiválasztom újra a szöveg betűit a Ctrl és Kattintás kombinációjával azon a rétegminiatűrön, majd hozzáadom a Szél finomítása párbeszédpanelt. A kiválasztott részlet kap egy Kerekítést és egy minimális Lágy széllel, hogy a szöveg és a háttér átmenete folyékonyabb legyen.
Új réteget hozok létre a Ctrl+Shift+Alt+N gyorsbillentyűvel, és feketével töltöm ki; az Alapértelmezett színeket használva az Eszköztáron, az Alt+Delete gyorsbillentyűt használom.
A kijelölést leveszem a Ctrl+D kombinációval. Most az Alt-et használva egyszerűen Húzás és ejtés módszerrel áthelyezem az eddigi szövegrétegek Kitöltési beállításait és Okos szűrőit az új rétegemre. A Kitöltési beállítások és az Okos szűrők másolódnak. Az Domborítás-t és a Belső árnyékot ebben az esetben kikapcsolom. Ezenkívül a kiindulási szövegréteget kikapcsolhatom, és az új szövegréteget az Egyesítésbeágyazás rétegmódra állíthatom.
A végeredményem így lágyabb és folyékonyabb átmenetű lesz. Ebben a kis változatban az Laposított él és Beütött hatás technikáját választottam Kemény horonnyal.
Ezen üvegeffekt egyik hátránya, hogy a szöveget a pozícióban már nem lehet könnyen módosítani. Ha változtatok a pozíción, akkor a hozzátartozó mátrixomat is meg kell változtatnom. Azonban van egy lehetőség, ahogyan a szövegemet dinamikusan alakíthatom, hogy a fénytörés bármikor igazodjon az új szövegpozícióhoz.
2. Rész: Dinamikus üvegeffekt szöveg létrehozása
A dinamikus üvegeffekt szöveg különlegessége az lesz, hogy a betűk textúrát és méretet bármikor megváltoztathatom, valamint az egész szöveget a dokumentumban elmozdíthatom. A fénytörés mindig megmarad, és automatikusan igazodik az új háttérhez.
Példaként a szövegem nem olyan átlátszó-vágott hatást kelt majd, mint az első példában, hanem valamivel tompább lesz, tejköveg-jellegű, a háttérre fektetve. Ebben a tutorialban két lehetséges módszert láthattok különböző üvegeffekt szövegek kialakítására.
1. Lépés: Új dokumentum létrehozása
Egy új dokumentumot hozok létre a Ctrl+N gyorsbillentyűkombinációval, méret 1600x1200 képpontban. A dokumentummérettől függően változhatnak a beállítások a Kitöltési beállításokban és Szűrőkben.
2. Lépés: Háttérkép kiválasztása
Ebben az esetben is a Virágképet választom, amelyen a virág tiszta struktúrái láthatóak.
3. Lépés: Szöveg elhelyezése
Egy lekerekített üvegeffekt elérése érdekében előnyös, ha a választott betűtípusban már maguktól is vannak kerekítések. Egy 640 pontos Army betűtípussal az "PSD" betűket írom bármelyik színben a dokumentumba.
4. Lépés: Felületet 0 százalékra csökkenteni
A Fillerősség csúszkálóját 0 százalékra csökkentem. A Átlátszóság és a Fillerősség különbsége ebben a tutorialban különösen látható. Míg az Átlátszóság csúszkánál a réteg tartalma valamint a Rétegstílusok átlátszósága változtatható, a Fillerősség csúszkánál kizárólag a rétegtartalom érintett. A választott Rétegstílusok (a Kitöltési beállításokon keresztül) láthatók maradnak.
Mivel kezdetben még nem voltak beállítások a Kitöltési beállításoknál, jelenleg a szövegréteg teljesen el van rejtve.
5. Lépés: Üvegeffekt beállítása
Több Kitöltési beállítással értem el, hogy a betűim üveges hatást kapjanak. Fontos: A dokumentum- és betűmérettől függően módosítanom kell a Kitöltési beállításokat.
Árnyék:
Az Árnyék 45%-os Világosságot kap a következő beállításokkal:
- Kitöltési mód: Szorzás
- 60 százalék Átlátszóság
- Távolság 12 képpont
- Méret 10 képpont
- félkör alakú, simított Kontúr
A Árnyékhatás:
Belső árnyék:
A Belső árnyék 90%-os Világosságot kap a következő beállításokkal:
- Kitöltési mód: Szorzás
- 85 százalék Átlátszóság
- Távolság 15 képpont
- Alul kitöltés 30 százalék
- Méret: 57 képpont
- lineáris, simított Kontúr
Kiálló csillogás:
A Kiálló csillogás 20%-os Világosságot kap a következő beállításokkal:
- Tömőmódszer Negatív Szorzás
- Átlátszóság: 60 százalék
- Méret: 10 pixel
- félkör alakú, simított Kontúr egy 70%-os Tartományban
Lapos Él és Domborúság:
A belső lapos él keményen faragott. Variációként a kerekített is szép lehet!
A következő beállításokat választhatja:
- Mélység: 100 százalék
- Méret: 20 pixel
- Életlenség: 8 pixel
- Szög 120 fok
- Magasság 70 fok
- Mélységüzemmód 60%-os Világosság 40 százalék Átlátszóság mellett
Az eddigiek szerinti hatás a végrehajtott beállításokkal:
Ragyogás:
A ragyogás egy 70%-os Világosságot kap a következő beállításokkal:
- Tömőmódszer: Színes Takarással Világosít
- Átlátszóság: 40 százalék
- Szög 100 fok - Távolság 100 pixel
- Méret 100 pixel
- lineáris, simított Kontúr
A betű elkészült a üveges stílusban. A Tömőopciók változataival a üvegeffektet nagyon szépen egyedi módon is testre lehet szabni.
Én szándékosan használtam szürkeárnyalatokat a rétegstílusokban, hogy a üveg szöveg könnyen alkalmazható legyen más háttérképekhez is, anélkül hogy külön a Tömőopciók-ban a színt az új képháttérhez igazítanom kellene. A Színes Takarással Világosít tömőmódszer a Ragyogás fül alatt gondoskodik a szükséges szín-érzékről!
Lépés 6: Mátrix réteg a Fénytöréshez Verzerrációval készítése
A szövegréteget duplikálom a Ctrl+J gyorsbillentyűvel. A Ctrl és a kattintás a Új réteg ikonra a Rétegszerkesztő ablakban a bejelölődött szövegréteg alá új réteget hoz létre. Ezt a réteget feltöltöm egy 60% -os világos szürkeértékkel.
Az összes Tömőopció kivételével a Belső Árnyék lesz inaktív a szövegrétegben. A Belső Árnyék-ot még a Tömőopciókban módosítom. Ott a szürke Világosságértékét egy olyan értékre csökkentem, amely körülbelül 50% -os, így a Belső Árnyék kicsit erőteljesebb lesz.
Az összes réteget kijelölöm és egybeolvasztom őket a Ctrl+E gyorsbillentyűvel. Fontos, hogy a redukálást követően egy háttérrétegként legyen létrehozva, mert a következő üveg szűrőnek a mátrixot háttérrétegként kell használnia. Ha a mátrix nem háttérrétegre csökkentett réteg, akkor a szűrő nem fogja az üvegtöréseket olyan módon létrehozni, ahogy azt szeretnénk. A Réteg>Új>Hintergrundleereményből menüponton keresztül átalakíthatom a átlátszó réteget egy háttérréteggé.
A mátrix elkészült. Most elmentem a dokumentumot PSD fájlként a matrix-02-original.psd néven.
Lépés 7: Üvegszűrő alkalmazása Mátrix-szerkezettel
Visszamegyek a lépésekkel a Ctrl+Alt+Z gyorsbillentyűvel, amíg újra meg nem jelenik az eredeti szerkesztési állapot a Mátrix létrehozása előtt.
Első lépésként Ctrl+J-val duplikálom az eredeti hátteremet.
Megnyitom a duplikált réteget és kiválasztom a Verzerrációs Szűrőt Üveg. Szerkezetként betöltöm a Mátrixrétegemet.
A csúszkákkal tetszés szerinti beállítást végezhetek a Verzerráció hatására. Én ezt választom:
- Verzerráció: 18
- Simítás: 12
A OK gombra kattintok. Pont azon a helyen, ahol a szövegem található, most a szövegem meg van törve. Az üvegeffekt a fénytörés miatt szinte valóságosnak tűnik.
Hogy valóban csak a szöveg területén látszódjon az effektus, és ne legyen törött szél, egyszerűen kijelölöm a szöveget a Ctrl és a Kattintás a Rétegmásolat miniáturára a rétegszerkesztőben, majd hozzáadom a kijelölést a Üvegszűrőmhöz egy Okosfiltermaszk formájában. Így az effektus pontosan arra a területre lesz vágva, ahol hatnia kell.
Kész az effektus. Aki számára túl bonyolult az útvonal a Mátrixon keresztül, egyszerűen alkalmazhatja a Oszcilláció szűrőt. Az effektus valóban nem tökéletes, de közelít egy autentikus fénytöréshez.
Ha most mozgatni akarom a szövegemet, észreveszem, hogy a duplikált háttér rétegben a fénytörés nem követi a mozgást. Ez bosszantó, mert most megint egy új mátrixot kellene beállítanom a szövegem végső elhelyezéséhez.
8. lépés: Alapmátrix létrehozása
Sokkal jobb azonban előre létrehozni egy alapmátrixot ehhez az effekthez, amelyben a szöveg lehetséges elhelyezéseit jól mutatóan kialakítva vannak.
Ismét megnyitom a matrix-02-eredeti.psd fájlt, többször duplikálom a szöveget, és a duplikátumokat teljesen lefedően elhelyezem a dokumentumban. Ezt azért tehetem meg a PSD fájl csak a háttérrétegből áll, ezért ezt a legegyszerűbben tudom megtenni a Másolókendő eszközzel.
Ebben az példában egyszerűen másoltam a PSD-szöveget. Ugyanúgy lehetőség van arra is, hogy a mátrixba egyszerűen egy sötét Festék ecsettel bizonyos struktúrákat fessenek be, amelyeket később össze lehet számítani. Így biztosítható, hogy a következő lépésben a pohárelnyelés során a karakterek nem lesznek láthatóak.
Ezt követően elmentem a dokumentumot matrix-02-standard.psd néven.
9. lépés: Az üvegszűrőt az alapmátrixszal végrehajtani
Mivel a Üveg torzítószűrőt Okosszűrőként alkalmazták, újra megnyitom ezt a Dupla kattintással. A Beállítások beállítása menüpontban frissítem az Alapbeállítást az új mátrixfájl matrix-02-standard.psd-vel.
10. lépés: Rétegstruktúra újraszervezése
A Okosszűrőmaszkot most törölhetem. Mert ha a szöveg a dokumentumban mozogni szeretne, egy maszk túlságosan statikus. Az új szűrőhatású réteget a Rétegkezelőtáblázat legalsó részére helyezem. Ekkor azzal foglalkozik az eredeti háttérkép.
A szűrőhatású réteget át kell alakítanom egy átlátszó rétegből háttérréteggé. Ezt az Réteg>Új>Háttér az rétegből menüponton keresztül tehetem meg.
11. lépés: A kiürítés technikája alkalmazása
Az effektus az új rétegstruktúra miatt nem látható. A következő lépésben visszahozzuk a fénytöréseffektust a képbe.
Megnyitom a szövegem Kitöltési lehetőségei menüpontját, és az Esélyes Kitöltési lehetőségek alatt egy erős Ausspartung lehetőséget aktiválok.
Minden átlátszóságot a dokumentumban a szöveg alakjából az alaprétegig kiszámolok. Mintha egyfajta díszítés lenne a dokumentumban, mindegy, hány réteg látható a dokumentumban. A láthatósági rétegek pontosan ezen a szöveg helyén el vannak rejtve. Mivel az alapréteg nem ismer átlátszóságot, mindig ezen a helyen látható az alkalmazott háttérhatás.
Így a szöveget bárhová mozgathatom, és a fénytöréseffektus megmarad a betűkben. Az előzőleg duplikált háttérréteg gondoskodik arról, hogy az összes többi terület fénytöréseffekt nélkül jelenjen meg.
12. lépés: Az Aussparung alternatívája: a Maszk vágása
Az Ausspartechnik sajnos nem annyira ismert és az effektus variációihoz is valamelyest statikus. Azonban van egy jó alternatíva, amely inkább a Photoshop ismert területeihez tartozik, és a variációkhoz rugalmasabb: a szokásos Vágómaszk.
Visszamegyek a gyorsbillentyűkkel Ctrl+Alt+Z, így visszatér a háttérréteg Okosobjektumként, a Üveg okosfiltterhez. Az Aussparungot kikapcsolom a Kitöltési lehetőségek menüpontján belül a szöveg rétegén. A fénytörés réteget, azaz az éppen visszanyert Okos objektumot, az irott szöveg rétegére helyezem.
Lenyomással a szöveg és a fénytörés rétege között a Réteg kezelési tervben egy Vágómaszkot hozok létre. Ugyanezt lehet elérni a Ctrl+Alt+G gyorsbillentyűvel is.
A Vágómaszk azt eredményezi, hogy a fénytörés csak a szövegrétegen jelenik meg.
A hatás látható lesz, ha a Teljesítmény szabályozó 0 százalékról 100 százalékra állítom vissza. Az út a Vágómaszk segítségével azért előnyös, mert itt nem szükséges háttérréteg, és elméletileg a réteget okosobjektumként a lehetőség a variációk veszteség nélküli módjával használni.
13. lépés: Variációk
Variációk nagyon könnyen elvégezhetők a szöveg betűin más betűtípusokkal, valamint a Kitöltési lehetőségek segítségével.
A fénytörési effektus módosítható a Üveg torzítószűrőben; például nagyon jól működik azzal az előírással, hogy a Quader legyen. Az is könnyen alkalmazható a Göndörödés vagy a Oceanwave törési hatásokra. Ha a törési hatás túl gyenge, egyszerűen újra alkalmazom a szűrőt az Ctrl+F gyorsbillentyűzettel.
Mivel az effektus a Kitöltési lehetőségek színsemlegesre lett beállítva - tehát főként szürke értékekkel dolgoztak és az Színes élelgelnemódszer az Ragacs alatt -, nagyon könnyű új háttérképeket helyezni a megjelenő szöveghez. A szükséges beállítások arra korlátozódnak, hogy a mátrixot az új háttér egyetlen alkalommal futtatja át az Üveg szűrőn.
Ebben a példában egy új háttérképet helyeztem el, ezt dupláztam. A duplikátumot a szöveg rétegére is Vágómaszkként helyeztem el. Az Alt-tal az aktuális fénytörés rétegét a saját új, duplikált háttérképemre vihetem. Így a hatás gyorsan alkalmazkodik egy másik háttérhez.
További változatossági lehetőségek például a fényszórás enyhén elmosása vagy élesen rajzolása. Ez különösen hasznos egy standard mátrix esetén, hogy kiegyenesítse a kemény struktúrákat az effektben. Elegendő egy Lágyítás: 2 pixel.
Az élesítés a Magas Passz okos szűrővel jobban működik. Az Okos szűrő töltési beállításaiban a töltési módot az Átfedés-re állítom! Így egy kis élességet és kontrasztot kapok a törésbe, ami még realisztikusabbá teszi a fényszórás effektet.
Zárásként itt van a kezdeti kép a Magas Passz szűrővel:
