Átlátszó üveg szöveg az egyik legnépszerűbb szöveg stílus hatás a Photoshop-ban, amely elegáns, modern és szakmai jegyet kölcsönöz a tervezéseknek. Legyen szó logókról, fejléc grafikákról vagy kreatív projektekről - ez az effekt az üveg megnyerő és árnyékot megörökítő realisztikus ábrázolásával nyűgözi le a nézőket. Ebben a bemutatóban lépésről lépésre megmutatom, hogyan hozhatsz létre átlátszó üveg szöveg hatást a Photoshop segítségével. Ennek során egyszerű eszközöket használunk, mint például rétegstílusok, gradiensek és hatások, hogy meggyőző eredményt érjünk el. Kezdjük el, és engedd, hogy a szöveged ragyogjon!
1. A háttér
Hozz létre egy új dokumentumot 700 x 400 pixel méretben. És azoknak, akik később ki szeretnék nyomtatni: 300 ppi felbontásban.
Első lépésként hozz létre egy szép háttér gradienst. A legtöbb gradiens általában két színből áll. A Photoshopban azonban lehetőségünk van több színt használni és ezáltal bonyolultabb gradienseket létrehozni.
Ezért hozz létre egy radial gradienst:
Az első csúszka színének válaszd: #790d3c, kattints a színskála közepére és válaszd ki a színt: #4a0823. Az utolsó: #2c0414.
Ezután húzd jobbról lefelé balra a gradienst, hogy az alsó jobb sarokban fénykúpunk legyen.
2. A szöveg
Következő lépésként vegyük fel a szövegeszközt. Itt az "Adobe Caslon Pro" betűtípust választottam, amely a Creative Suite részeként érkezik. A betűméret ebben a példában 75,92 pt. Most csak meg kell adnunk a megfelelő színt. Ezt megtehetjük a jobb felső színmintara kattintva.
Itt add meg az alábbi értéket: #a9419c.
Az átlátszóságot az 28% értékre állítjuk, így az szövegünk először áttetszőnek tűnik.
Ezután duplán kattintsunk a "PSD" rétegen vagy kattintsunk az alsó rétegvezérlőn található fx gombra, hogy megnyissuk az értékhatásokat. Először kattintsunk a pipa jelre a dobozárnyék mellett. Az értékeket lent találod:
A következő eredményt kapjuk:
Kattints az Belső árnyékra és állítsd be az alábbi értékeket:
És a következő eredményt kapjuk:
• Külső ragyogás:
Közberedmény:
• Belső ragyogás:
• Laposított él és domborítás:
• Kontúr:
Közberedmény:
• Ragyogás: A töltés metódus színét egyszerűen kiválaszthatjuk a jobb oldali sötét háttérre kattintva a pipetta segítségével a "P" betűnk mellett.
Közberedmény:
• Kontúr:
Közberuházás:
3. Tükröződések létrehozása
Most létrehozunk a "D" alsó részén egy kis tükröződést. Ehhez kijelöljük az összes szöveget, és nyomva tartjuk a Ctrl billentyűt, majd kattintsunk az Alaprészleg miniaturára.
Ezután létrehozunk egy új réteget.
Ezután kiválasztjuk a Átfedés eszközt és kiválasztunk egy Fejlettől áttetszőig átfedő színátmenetet. Ügyeljünk arra, hogy az aktiválási négyzet a Sugárszínátmenetnél még mindig be legyen kapcsolva …
… és húzzuk meg az alábbi képen látható színátmenetet.
Eredmény:
Lehetőségünk van a Ctrl+H billentyűkombinációval az Kijelölés elrejtése parancsot kiadni. Ez segít abban, hogy jobban megítéljük az eredményt, ha egy második színátmenetet húzunk.
Ezután még egy színátmenetet húzunk, ahogyan az alábbi képen látható. Így még erőteljesebb lesz a sugárzás.
Ezután megnyomjuk a Ctrl+D billentyűket az elrejtett kijelölés feloldásához. A felső réteget átnevezzük "Alsó sugárzás". Ahhoz, hogy a színátmenet szépen illeszkedjen a szövegre, válasszuk ki a Beolvadás kitöltési módot.
Így kapunk egy közbenső eredményt:
Ugyanezt most végezzük el a bal felső sarokkal is: Kijelöljük a szöveget a Ctrl billentyű lenyomásával az Alaprészleg miniaturáján.
Létrehozunk egy új réteget, amit "Felső sugárzás"-nak nevezünk el …
… és ismét húzunk egy Sugárzás fehértől áttetszőig sugárzást, ahogyan az alábbi képen látható…
Közberuházás:
Ezután a kijelölést feloldjuk a Ctrl+D billentyűkombinációval …
… majd átállítjuk az Átlátszóságot 30%-ra.
Közberuházás:
Egy erősebb tükörlétre vonatkozóan először húzunk egy Ellipszis kiválasztást a szövegünk felső felére … (ahhoz, hogy az ellipszist azonnal elmozdítsuk a húzás közben, tartsuk lenyomva az imént gombot).
Ezt a kiválasztást inverzre állítjuk át a Ctrl+Shift+I billentyűkombinációval, …
… majd a Del gomb segítségével eltávolítjuk a színátmenet többi részét, így éles tükröződési élvonalat kapunk.
4. Kiemelések létrehozása (2 változat)
Hogy még ragyogóbb hatást érjünk el, készítünk kis kiemeléseket. Ehhez több lehetőségünk van. Két változatot fogok nektek bemutatni. Az egyik a Háromszögcsillagok által. A második pedig a Fényfoltok által.
Változat 1: Háromszögcsillagok
Elsőként a háromszögcsillagokkal kezdünk. Ehhez létrehozunk egy új réteget, és "Csillagok" néven elnevezünk.
Ezután kiválasztjuk a Háromszög eszközt …
... kattintson a irányítósáv kis lefelé mutató nyílra és ...
... kattintson a Csillag lehetőségre.
• Állítsa be a Bevonat oldalát 98%-ra, hogy nagyon élesek legyenek a csúcsok. Ezután az oldalaknál állítsa be az értéket 5-re, hogy csillagonként 5 csúcsot kapjunk.
Fontos, hogy fehér színűre állítottuk elöl a színt. A csillagokat a legvilágosabban megvilágított területekre helyezzük el...
Így szép lehet az egész. :)
Most a második változattal foglalkozunk. Mielőtt azonban hozzálátnánk, rendezzük a rétegpalettát, összefogva a sokszögeket egy csoportba (a megfelelő rétegek kiválasztása és a Ctrl+G lenyomása segítségével). Ezután ezeket eltüntetjük egy kattintással. A csoport neve lehet "Csillagocskák".
2. Változat: Zajokat mint ecset létrehozni
Ezután rögtön megmutatom nektek egy hatékony módszert, hogyan lehet gyorsan és egyszerűen helyezni zajokat. Ehhez szükségünk van egy 2000 x 2000 pixel méretű munkaterülettel rendelkező új dokumentumra (erre szükség lesz, mert a zajok kicsiben is hatalmasak lesznek ;)).
Kitöltjük a háttérszínt Feketével ...
... és hozzáférünk a Zajokhoz.
Most ügyelni kell arra, hogy a zajt lehetőleg a közepére helyezzük, hogy a tartományán kívül is megkapjuk a fényt.
Aki jól néz vagy a monitorát felülről nézi, az észreveheti, hogy a zaj majdnem érinti a felső éleket. ;)
Szerencsére azonban teljesen középen vagyunk. Ezért most lenyomjuk a Ctrl+I? billentyűt az elért réteg inverzére.
Ezután a Ctrl+A billentyűkombinációval kiválasztjuk az egész réteget, és megyünk az Szerkesztés>Ecsetbeállítások rögzítése ...
... és mentjük a zajt mint ecsetet.
Vissza a dokumentumhoz, először létrehozunk egy új réteget és elnevezzük "Zajok".
Ezután hívja meg a frissen létrehozott ecsetet a Ecsetek palettában.
Mielőtt használnánk az ecsetet, ügyeljünk arra, hogy ne legyen túl nagy. A szín fehér legyen.
Minden egyes zajhoz létrehozunk egy új réteget (hogy azt el tudjuk tetszés szerint mozgatni) és elhelyezzük azokat a tükröződő területeken a képünkön.
5. Tükrözés létrehozása
Mint a legtöbb fényes tárgynál, ezek általában hagyják a tükröződést. És pontosan ezt fogjuk most megtenni a szövegünkkel.
Ehhez először is létre kell hoznunk egy rétegmásolatot az összes szövegünkről a reflexiókkal együtt. Ehhez jelöljük ki a "PSD", "Alsó fénylés" és "Felső fénylés" rétegeket, majd húzzuk az egérrel lefelé nyomva őket az alsó lemezre, hogy egy dupla réteget hozzunk létre ezekből háromból.
Utána nyomja meg a Ctrl+E, hogy ezeket a duplikátumokat egy rétegbe összevonjuk.
Ezután nyomjuk meg a Ctrl+T-t, hogy átalakítsuk a réteget. Ehhez jobb egérkattintással válasszuk ki a transzformációs réteget, majd válasszuk a Függőlegesen tükrözés lehetőséget.
Az egyenest a nyilbillentyűkkel annyira lefelé toljuk, amíg az egyenesek érintkeznek egymással. Ez ebben az esetben csak az "S" esetében van így. A másik kettőt még igazítanunk kell.
Ezután kiválasztjuk a Kijelölés-téglalap eszközt és először csak a "P" betűt jelöljük ki.
Most megnyomjuk a "V" billentyűt, és előkészítettük a Tolás-eszközt. Ezzel a "P" betűt aztán a nyilak segítségével annyira felfelé tudjuk tolni, amíg az az alsó vonalhoz ér. Majd megnyomva az Ctrl+H billentyűkombinációt eltüntetjük a kiválasztási vonalat, így jobban tudjuk értékelni a pozíciót. Ez nagyban segít a tolásnál.
Nem számít, hogy a "P" betű alsó vonala levágva van, mert később úgyis eltűnik.
Ezt a játékot megismételjük a "D" betűvel is.
Ezután létrehozunk egy Vázlatréteget ezen a rétegen …
… kiválasztjuk a Árnyék eszközt és beállítunk egy Fekete-fehér átmenetet vagy egy Feketéről-átlátszóra átmenetet. Fontos, hogy az Egyenletes átmenet opció aktív legyen.
Az eszközt az alsó vonalhoz helyezzük, és húzzuk egészen fel, ahogyan a képen látszik. Emellett nyomva tarthatjuk az Shift billentyűt, hogy az átmenetünk tényleg egyenes legyen.
És íme az első részeredményünk:
Mint sok tükrözésnél, a tükrözés általában nagyon halvány. Ezért kissé lejjebb csökkentjük a réteg Fedőréteg értékét (44%), hogy viszonylag valósághű tükrözést kapjunk.
Ennek köszönhetően a szövegünk valamivel több helyet kap, mert a tükrözésnek köszönhetően egy padló válik láthatóvá. És hogy ezt a teret kissé jobban hangsúlyozzuk, létrehozunk egy padlót.
Mielőtt ehhez hozzákezdenénk, rendezzük le a rétegeinket. Az épp létrehozott réteget "Reflexió"-ra nevezzük át. Mivel a reflexió a szöveg alatt helyezkedik el, a "Reflexió" réteget az "PSD" réteg alá húzzuk. Ezután csoportosítjuk a szöveget a tükrözéssel és reflexióval együtt, és nevezzük az egész csoportot "PSD"-nek. A három foltos réteget is egy foltos csoportba rakjuk. Így a rétegszerkezetünk háttérrétegből, a "PSD" csoportból, a "Csillagocskák" csoportból és a "Folt" csoportból áll.
A "PSD" csoport alá most létrehozunk egy "Padló" nevű mappát, amelyben elkészítjük a végső grafikánkat.
6. Padló létrehozása
A "Padló" rétegcsoportban létrehozunk egy új réteget, amit szintén "Padló"-nak nevezünk el. Ezután kijelöljük a Átmenet eszközt.
Beállítjuk a következő színek értékeit:
Most az Shift billentyű lenyomása mellett szép átmenetet húzunk fentről lefelé.
Rész-eredmény:
Bár már így is nagyon szépnek tűnik, azonban ez a mi padlónk kell, hogy legyen. Most megnyomjuk az Ctrl+T billentyűt, és az újrapozicionálás ablakban a felső középső fogóval az esetlegesen kihúzhatjuk a réteget lefelé, hogy valamivel a reflexión túlmutasson. Így a szöveg nem az "egér hátuljánál" helyezkedik el, hanem inkább középen valahol.
Rész-eredmény:
Ez a mi virtuális padlónk. Mindazonáltal ez még nem teljesen meggyőző, mivel nincsen árnyéka. Ezért létrehozunk egy új réteget az árnyékhoz, és ezt a "Padló" réteg alá húzzuk.
Rögtön elnevezzük ezt a réteget "Árnyék". Ezután egy puha kerek fekete Ecsetet választunk…
… és egy kicsit kívül a dokumentumon a Shift billentyűvel lenyomva egyszer végigmegyünk az alján a padló szélén.
Közbenső eredmény:
Most az árnyékunk még kissé erős. Azonban ez nem baj, mivel a Mozgatás Eszköz-vel és az Irányítóbillentyűk-kel lefelé mozgathatjuk. Vagy lenyomhatjuk újra a Ctrl+T-t és kissé feljebb mozgathatjuk az alsó középső fogantyút, hogy az árnyékunk még kissé keményebbé váljon.
Ezután még az árnyék Átlátszatlanságát kissé szabályozhatjuk (60%-ra).
És így végre elértük a célunkat. :)
Remélem, tetszett nektek ez a gyakorlati útmutató, és örömmel fogadok minden megjegyzést. :)
