Dombornyomott stílusos szöveges oktatóanyagok mindenhol megtalálhatók, de ez a tökéletes a kezdőknek. Igazán stílusos dombornyomott szöveghatást szeretne? Több mint 2 hónap telt el a legutóbbi Photoshop oktatóanyag óta, de nagyszerű hírem van számodra: újra online vagyok, rengeteg új dolgot mutathatok meg neked, úgyhogy maradj velünk a közelgő trükkökről!

Ma ezzel a kedves szövegeffektussal kezdjük, és ahogy a legtöbb olvasó kéri, a PSD-t is letölthetővé adjuk mindössze 1 dollárért. A PSD csak tanulási célokat szolgál; beépítheti egy ügyfél projektjébe, de közvetlenül nem értékesítheti tovább ezt a fájlt.

Elég beszélni; Lássunk neki.

Dombornyomott szöveg hatású Photoshop

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

1. lépés: Photoshop Canvas előkészítése.

Hozzon létre egy új Photoshop-fájlt (Ctrl + N). Itt 600*400-as méretet használunk, de mint mindig – a tiéd lehet sokkal nagyobb is, ha szüksége van rá.

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

A festékes vödör eszközzel töltse fel a vásznat sötétszürke-kék színnel — #535559.

2. lépés Válassza ki a betűtípust.

Nagy rajongója vagyok az 50-es években használt és híres betűtípusoknak, így minden idők kedvenc betűtípusom valószínűleg a „Bello” lesz. Nem ingyenes, de online megvásárolható. Kérjük, vegye figyelembe, hogy a betűtípust NEM tartalmazza, ha megvásárolja a PSD-fájlt, mivel nem tudunk kereskedelmi betűtípusokat terjeszteni. Tehát, ha rendelkezik Bello betűtípussal, válassza ki, és írja be a szót nagy betűvel. Itt 188p-t használtunk.

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

3. lépés: Rétegstílusok hozzáadása.

Amíg a szövegréteg még ki van jelölve, lépjen a Réteg >> Rétegstílusok menüpontra, és alkalmazza a következő beállításokat…

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással
dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

Most a háttér textúrája. A saját magunk által készített mintát fogjuk használni, és ha megvásárolja a PSD fájlt, az már benne lesz a stílusban.

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

Végül hozzáadunk egy 1 képpontos körvonalat egy színátmenetes fedőréteggel, hogy mélyebb legyen a szöveg.

Transzparens
dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

Eddig eljutottunk az összes rétegstílus helyes alkalmazásával. Ha az eredmény eltér az itt láthatótól, menjen vissza, és ellenőrizze, hogy a rétegstílusok összes beállítását megfelelően alkalmazta-e; Egyelőre csak a technikai részről van szó, szóval nem lehet gond.

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

4. lépés: Mélység hozzáadása a vászonhoz.

Ez a web 2.0 korszaka, és egy lapos vászon bármilyen hatást tönkretehet, legyen az bármilyen szép is, tehát ha azt akarjuk, hogy a termékünk pattogjon, legyen némi mélysége. Ezért nem térünk vissza az alapvászonhoz (ha zárolva van, kattintson rá duplán a rétegpalettán, és nyomja meg az OK gombot a zárolás feloldásához). Menj Réteg >> Rétegstílusok, és alkalmazza a következő beállításokat:

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással
dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

A színátmenethez használja a következő színeket:
1. #667c85, mint a világoskék
2. #475e68, mint a sötétkék

Íme, amit eddig kaptunk…

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

5. lépés: Fény hozzáadása

Nyomja meg a „Ctrl” gombot, és kattintson a szövegrétegre a Photoshop rétegek palettáján. Ez betölti a kiválasztott szöveget.

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

Hozzon létre egy új réteget az összes többi fölé. A színátmenet eszközzel től fehértől átlátszóig, húzzon egy vonalat a szöveg tetejétől lefelé. Ez enyhe, de látható színátmenetet ad az olvasó számára.

Az elliptikus lasszó eszközzel rajzoljon egy kört az alábbi képen látható módon:

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

Ugrás Válassza a >> Inverz lehetőséget a kijelölés megfordításához és a „delete” gomb megnyomásával törölheti a gradiens többi részét. Ezzel csak a szöveg felső részén marad meg a fényesség, például:

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

Most, hogy kellemes és természetes tapintást adjon, állítsa a fényes réteg átlátszatlanságát „Overlay”-re (lásd alább):

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

6. lépés: Sparkles hozzáadása

A következő lépés édes csillogás hozzáadása a szöveghez. Ettől még mélyebb, álomszerűbb és elegánsabb lesz. Hozzon létre egy új Photoshop réteget a többire. Az Ecset eszközzel válassza ki a 27 pixeles, puha szélű ecsetet, és a fehér szín használatával kaotikusan terítsen néhány pontot a szöveg szélére.

Transzparens

Állítsa a pontok kitöltési átlátszatlanságát 70%-ra. Váltson „Normál” módról „overlay” módra.

TIPP: csak azokat a pontokat alkalmazza, ahol a szöveg körvonala fehér, ez fokozza a fényhatást.

Ha eddig pontosan követte a lépéseket, ezt kellett volna kapnia:

dombornyomott szöveg hatású photoshop - Stílusos dombornyomott szöveg fémes ragyogással

Különböző ecsetekkel is adtunk még egy kis fényt, de ügyeljünk arra, hogy ne vigyük túlzásba, mert jobb, ha kevesebb a fényesség és túl sok.
Tervezett, stílusos dombornyomott szöveg fémes ragyogással – PS oktatóanyagok Lorelei Web Design

Remélem, hogy tetszett ez a Photoshop oktatóanyag, és feltétlenül nézze meg a többi Photoshop oktatóanyagunkat is, és iratkozzon fel a hírfolyamra. Ha gyorsabban szeretne tanulni, vásárolja meg az oktatóanyag PSD-fájlját mindössze 1.00 USD-ért. Amikor befejezte a fizetést, kattintson a „vissza a kereskedőhöz” gombra – a letöltés automatikusan elindul. Ha bármilyen okból a letöltés nem irányította át Önt, kérjük, hagyjon megjegyzést alább, vagy írjon nekünk e-mailt, és mi elküldjük Önnek a fájlt mihamarabb. Köszönöm!

dombornyomott szöveg effektus photoshop - Designed Stílusos dombornyomott szöveg fémes ragyogással - vásárlás

Szöveges verzió

Továbbfejlesztett oktatóanyag: Dombornyomott szöveg létrehozása fémes ragyogással a Photoshopban

Áttekintés

Ez az oktatóanyag végigvezeti Önt a stílusos, fémesen ragyogó dombornyomott szöveg létrehozásának folyamatán, amely tökéletes logókhoz, címsorokhoz vagy digitális művészetekhez. A kifinomult megjelenés érdekében rétegstílusokat, színátmeneteket és keverési lehetőségeket alkalmazunk.

követelmények

  • Adobe Photoshop (bármelyik legújabb verziója megfelel)
  • Alapszintű ismeretek a Photoshop eszközökről és felületről

1. lépés: A dokumentum beállítása

  1. Nyissa meg a Photoshop programot és hozzon létre egy új dokumentumot. Webes használatra elegendő a 800×600 pixeles méret 72 dpi felbontás mellett. Nyomtatáshoz válasszon nagyobb felbontást (legalább 300 dpi).
  2. Töltse ki a hátteret sötét színnel vagy színátmenettel, hogy a fémes ragyogás kiemelkedjen. A mélykék vagy a fekete jól működik ehhez a hatáshoz.

2. lépés: Szöveg létrehozása

  1. Válassza ki a Szöveg eszközt (T) és írja be a kívánt szöveget. A legjobb dombornyomott hatás érdekében válasszon vastag vagy vastag betűtípust. Jó választás az olyan betűtípus, mint az Arial Black vagy az Impact.
  2. Állítsa be a betűméretet hogy illeszkedjen a tervezéshez. Ehhez az oktatóanyaghoz használjunk olyan betűméretet, amely kitölti a vászon jó részét, biztosítva, hogy a domborítás és a fényhatások részletei láthatóak legyenek.

3. lépés: A dombornyomott effektus alkalmazása

  1. Ha kiválasztotta a szövegréteget, lépjen a Rétegek panelre, és kattintson duplán a Rétegstílus párbeszédpanel megnyitásához.
  2. Válassza a „Bevel & Emboss” lehetőséget hogy mélységet adjon a szövegéhez. A finom, valósághű dombornyomott megjelenés érdekében használja ezeket a beállításokat:
    • Stílus: Belső ferde
    • Technika: Sima
    • Mélység: 100%
    • Irány: Fel
    • Méret: 5 képpont (a szöveg mérete alapján állítsa be)
    • Lágyítás: 0 px
  3. Állítsa be az árnyékolást a fémes érzet fokozására. Állítsa a szöget 120°-ra és a magasságot 30°-ra. Kísérletezzen a Gloss Contour előbeállításaival, hogy megtalálja azt, amelyik kiegészíti a dizájnt.

4. lépés: A Metallic Glow hozzáadása

  1. Még mindig a Rétegstílus párbeszédpanelen, válassza a „Belső ragyogást” finom belső ragyogásért. Válasszon egy világos színt, amely megfelel a kívánt fémes megjelenésnek (ezüst, arany stb.). Állítsa a Keverési módot Képernyőre, az átlátszatlanságot 75%-ra, a Méretet pedig körülbelül 20 képpontra.
  2. Adjon hozzá egy „külső ragyogást” hogy a fémről visszaverődő fény benyomását keltse. Válasszon egy hasonló színt, mint az Inner Glow, állítsa a Keverési módot Képernyőre, az Opacitást 50-75%-ra, és állítsa be a Méretet, hogy lágy, ragyogó hatást érjen el a szöveg körül.

5. lépés: A fémes textúra finomítása

  1. A hozzáadott textúra és valósághűség érdekében kattintson a "Satin" gombra a Rétegstílus párbeszédpanelen. Ez mélységet és összetettséget ad a fémes felületnek. Használja ezeket a beállításokat:
    • Blend mód: szorzás
    • Opacitás: 20%
    • Szög: 19 °
    • Távolság: 21 px
    • Méret: 27 px
  2. Játssz a "Körvonal" A Bevel & Emboss alatti beállítások a textúra további árnyalataiért, fokozva a dombornyomott hatást.

6. lépés: Végső beállítások

  1. Finomítsa az általános megjelenést a réteg kitöltési átlátszatlanságának 0%-ra állításával. Ez láthatatlanná teszi a szöveg színét, és csak a rétegstílusok maradnak láthatóak a hangsúlyosabb fémes és dombornyomott hatás érdekében.
  2. Ha szükséges, háttérréteg hozzáadása színátmenettel vagy mintával, amely kiegészíti a fémes szöveget, hogy teljessé tegye a tervet.

Következtetés

Most olyan szöveget készített, amely nem csak dombornyomott hatásával ugrik ki a képernyőről, hanem kifinomult fémes ragyogással is ragyog. Ez a technika adaptálható és módosítható különböző színekkel, textúrákkal és rétegstílusokkal, hogy illeszkedjen a különböző tervezési projektekhez.

A beállításokkal való kísérletezés és további elemek, például csillogások vagy háttértextúrák beépítése tovább személyre szabhatja az alkotást. A Photoshop rétegstílusai hatékony eszközt jelentenek a szöveg életre keltésére, és ezek elsajátítása jelentősen javíthatja a tervezési képességeket.

Transzparens