Reliéfne štýlové textové návody sú všade, ale tento je ideálny pre začiatočníkov. Chcete skutočne štýlový efekt reliéfneho textu? Od posledného tutoriálu Photoshopu, ktorý som uverejnil, ubehli viac ako 2 mesiace, ale mám pre vás skvelú správu – som späť online s množstvom nových vecí, ktoré vám chcem ukázať, takže sledujte všetky naše pripravované tutoriály!

Dnes začneme s týmto krásnym textovým efektom a ako väčšina čitateľov požaduje, uvoľňujeme aj PSD na stiahnutie len za 1 dolár. PSD slúži len na vzdelávacie účely; môžete ho začleniť do projektu pre klienta, ale tento súbor nemôžete priamo predať.

Dosť bolo rečí; Začnime.

Reliéfny textový efekt photoshop

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Krok 1. Príprava Photoshop Canvas.

Vytvorte nový súbor Photoshopu (Ctrl + N). Tu používame veľkosť 600 * 400, ale ako vždy — tá vaša môže byť oveľa väčšia, ak ju potrebujete.

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Pomocou nástroja vedierka farby vyplňte plátno tmavo šedo-modrou farbou — #535559.

Krok 2. Vyberte písmo.

Som veľkým fanúšikom všetkých typov písma, ktoré sa používali a preslávili v 50. rokoch, takže moje najobľúbenejšie písmo bude pravdepodobne „Bello“. Nie je to zadarmo, ale môžete si to kúpiť online. Upozorňujeme, že písmo NEBUDE zahrnuté, ak si zakúpite súbor PSD, pretože nemôžeme distribuovať komerčné písma. Ak teda máte písmo Bello, vyberte ho a napíšte slovo veľkým písmenom. Tu sme použili 188pt.

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Krok 3. Pridanie štýlov vrstiev.

Kým je vaša textová vrstva stále vybratá, prejdite na Vrstva >> Štýly vrstiev a použite nasledujúce nastavenia…

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom
embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Teraz textúra pozadia. Budeme používať vzor, ​​ktorý sme sami vytvorili, a ak si zakúpite súbor PSD, bude už zahrnutý v štýle.

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Nakoniec pridáme 1px ťah s prechodovým prekrytím, aby sme dali textu väčšiu hĺbku.

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Dostali sme sa tak ďaleko, keď sme všetky štýly vrstiev použili správne. Ak sa váš výsledok líši od toho, čo vidíte tu, vráťte sa späť a skontrolujte, či boli všetky nastavenia pre štýly vrstiev použité správne; zatiaľ je to len technická časť, takže by ste nemali mať žiadny problém.

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Krok 4. Pridanie hĺbky na plátno.

Je to éra webu 2.0 a ploché plátno môže zničiť akýkoľvek efekt, bez ohľadu na to, aký je krásny, takže ak chceme, aby náš produkt vyskočil, musí mať určitú hĺbku. Preto sa nevrátime na základné plátno (ak je zamknuté, dvakrát naň kliknite na palete vrstiev a stlačením OK odomknite). Ísť do Vrstva >> Štýly vrstieva použite nasledujúce nastavenia:

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom
embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Pre prechod použite nasledujúce farby:
1. #667c85 ako svetlomodrá
2. #475e68 ako tmavomodrá

Tu je to, čo sme doteraz dostali…

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Krok 5. Pridanie lesku

Stlačte „Ctrl“ a kliknite na textovú vrstvu v palete vrstiev Photoshopu. Tým sa načíta výber textu.

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Vytvorte novú vrstvu nad všetkými ostatnými. Pomocou nástroja prechodu od biela až priehľadná, nakreslite čiaru z hornej časti textu nadol. Čitateľovi to pridá mierny, ale viditeľný sklon.

Pomocou nástroja eliptické laso nakreslite kruh, ako vidíte na obrázku nižšie:

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Ísť do Vyberte >> Inverzne pre inverziu výberu a stlačením „delete“ vymažete zvyšok gradientu. To ponechá lesk iba v hornej časti textu, napríklad takto:

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Teraz, aby ste získali príjemný a prirodzený dotyk, nastavte kryciu vrstvu lesku na „Overlay“ (pozri nižšie):

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Krok 6. Pridávanie trblietok

Ďalším krokom je pridanie sladkých iskier okolo textu. To mu dodá hĺbku, zasnenosť a eleganciu. Vytvorte novú vrstvu Photoshopu na zvyšok. Pomocou nástroja Brush Tool vyberte 27pixelový štetec s mäkkým okrajom a pomocou bielej farby chaoticky roztiahnite niekoľko bodov na okraje textu.

Nastavte nepriehľadnosť výplne bodiek na 70 %. Prepnite z režimu „Normal“ do režimu „overlay“.

TIP: bodky aplikujte len tam, kde je ťah textu biely, zvýrazníte tým svetelný efekt.

Ak ste doteraz pozorne sledovali kroky, mali by ste dostať toto:

embosovaný textový efekt photoshop - Dizajnovaný štýlový embosovaný text s kovovým leskom

Tiež sme pridali trochu viac lesku s rôznymi štetcami, ale určite to nepreháňajte, pretože je lepšie mať menej lesku a príliš veľa.
Navrhnutý štýlový reliéfny text s kovovým leskom - PS Návody Lorelei Web Design

Dúfam, že sa vám tento návod pre Photoshop páčil a určite si pozrite aj naše ďalšie návody Photoshopu a prihláste sa na odber informačného kanála. Ak sa chcete učiť rýchlejšie, kúpte si súbor PSD s návodom len za 1.00 $. Po dokončení platby kliknite na tlačidlo „návrat k obchodníkovi“ — sťahovanie sa spustí automaticky. Ak vás sťahovanie z akéhokoľvek dôvodu nepresmerovalo, zanechajte komentár nižšie alebo nám pošlite e-mail a my vám pošleme súbor ASAP. Ďakujem!

embosovaný textový efekt photoshop - Dizajnový štýlový embosovaný text s kovovým leskom - kúpiť

Vylepšený návod: Vytváranie reliéfneho textu s kovovým leskom vo Photoshope

Prehľad

Tento tutoriál vás prevedie procesom vytvárania štýlového reliéfneho textu s efektom kovovej žiary, ktorý je ideálny pre logá, nadpisy alebo digitálne umenie. Na dosiahnutie sofistikovaného vzhľadu použijeme štýly vrstiev, prechody a možnosti prelínania.

požiadavky

  • Adobe Photoshop (postačí akákoľvek najnovšia verzia)
  • Základná znalosť nástrojov a rozhrania Photoshopu

Krok 1: Nastavenie dokumentu

  1. Otvorte Photoshop a vytvorte nový dokument. Pre webové použitie postačuje veľkosť 800×600 pixelov s rozlíšením 72 dpi. Pre tlač zvážte vyššie rozlíšenie (aspoň 300 dpi).
  2. Vyplňte pozadie s tmavou farbou alebo gradientom, aby kovová žiara vynikla. Pre tento efekt sa dobre hodí sýto modrá alebo čierna.

Krok 2: Vytvorenie textu

  1. Vyberte nástroj Text (T) a zadajte požadovaný text. Pre najlepší reliéfny efekt zvoľte tučné alebo hrubé písmo. Písma ako Arial Black alebo Impact sú dobrou voľbou.
  2. Upravte veľkosť písma aby vyhovovali vášmu dizajnu. V tomto návode použijeme veľkosť písma, ktorá vyplní značnú časť plátna a zabezpečí, aby boli viditeľné detaily reliéfu a žiarových efektov.

Krok 3: Použitie reliéfneho efektu

  1. S vybratou vrstvou textu prejdite na panel Vrstvy a dvakrát kliknite otvorte dialógové okno Štýl vrstvy.
  2. Vyberte „Skosenie a reliéf“ aby ste svojmu textu dodali hĺbku. Použite tieto nastavenia pre jemný, realistický reliéfny vzhľad:
    • Štýl: Vnútorné skosenie
    • Technika: hladká
    • Hĺbka: 100%
    • Smer: hore
    • Veľkosť: 5 px (upravte podľa veľkosti textu)
    • Zmäkčiť: 0 px
  3. Upravte tieňovanie na zvýšenie kovového pocitu. Nastavte Uhol na 120° a Nadmorskú výšku na 30°. Experimentujte s predvoľbami Gloss Contour a nájdite takú, ktorá doplní váš dizajn.

Krok 4: Pridanie kovovej žiary

  1. Stále v dialógovom okne Štýl vrstvy vyberte „Vnútorná žiara“ pre jemný vnútorný lesk. Vyberte si svetlú farbu, ktorá zodpovedá vášmu požadovanému kovovému vzhľadu (strieborná, zlatá atď.). Nastavte režim prelínania na obrazovku, nepriehľadnosť na 75 % a veľkosť na približne 20 pixelov.
  2. Pridajte „vonkajšiu žiaru“ aby sa vytvoril dojem odrazu svetla od kovu. Vyberte si podobnú farbu ako vnútorná žiara, nastavte režim prelínania na obrazovku, nepriehľadnosť na 50-75 % a upravte veľkosť, aby ste okolo textu dosiahli jemný, žiarivý efekt.

Krok 5: Zjemnenie kovovej textúry

  1. Pre pridanú textúru a realizmus, kliknite na "Satén" v dialógovom okne Štýl vrstvy. To dodáva kovovému povrchu hĺbku a zložitosť. Použite tieto nastavenia:
    • Režim miešania: Násobenie
    • Nepriehľadnosť: 20%
    • Uhol: 19 °
    • Vzdialenosť: 21 px
    • Veľkosť: 27 px
  2. Hrajte s "Kontúra" nastavenia v časti Bevel & Emboss pre ďalšie nuansy textúry, ktoré zvýrazňujú reliéfny efekt.

Krok 6: Konečné úpravy

  1. Dolaďte celkový vzhľad úpravou nepriehľadnosti výplne vrstvy na 0 %. Vďaka tomu bude farba textu neviditeľná a viditeľné budú len štýly vrstiev pre výraznejší kovový a reliéfny efekt.
  2. Ak je to žiaduce, pridať vrstvu pozadia s prechodom alebo vzorom, ktorý dopĺňa váš kovový text a dopĺňa tak dizajn.

záver

Teraz ste vytvorili kúsok textu, ktorý nielenže vyskočí z obrazovky s reliéfnym efektom, ale tiež žiari sofistikovanou kovovou žiarou. Táto technika môže byť prispôsobená a modifikovaná rôznymi farbami, textúrami a štýlmi vrstiev, aby vyhovovala rôznym dizajnovým projektom.

Experimentovanie s nastaveniami a začlenenie ďalších prvkov, ako sú trblietky alebo textúry pozadia, môže váš výtvor ešte viac prispôsobiť. Štýly vrstiev Photoshopu sú výkonným nástrojom na oživenie textu a ich zvládnutie môže výrazne zlepšiť vaše možnosti návrhu.