Elegantni stilski tekstualni vodiči su posvuda, ali ovaj je savršen za početnike. Želite doista moderan efekt reljefnog teksta? Prošlo je više od 2 mjeseca od zadnjeg vodiča za Photoshop koji sam objavio, ali imam sjajne vijesti za vas — ponovno sam na mreži s hrpom novih stvari koje vam mogu pokazati, stoga ostanite s nama za sve naše nadolazeće tutorijale!

Danas ćemo započeti s ovim lijepim tekstualnim efektom, a kao što većina čitatelja zahtijeva, izdajemo i PSD za preuzimanje za samo 1 USD. PSD je samo u svrhu učenja; možete je ugraditi u projekt za klijenta, ali ne možete izravno preprodavati ovu datoteku.

Dosta priče; Započnimo.

Photoshop s efektom reljefnog teksta

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Korak 1. Priprema Photoshop platna.

Napravite novu Photoshop datoteku (Ctrl + N). Ovdje koristimo veličinu 600*400, ali kao i uvijek — vaša bi mogla biti puno veća ako vam je potrebna.

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Pomoću alata Paint Bucket ispunite platno tamnom sivo-plavom bojom — #535559.

Korak 2. Odaberite font.

Veliki sam obožavatelj svih fontova koji su se koristili i bili poznati 50-ih, tako da će moj omiljeni font svih vremena vjerojatno biti "Bello". Nije besplatno, ali ga možete kupiti online. Imajte na umu da font NEĆE biti uključen ako kupite PSD datoteku jer ne možemo distribuirati komercijalne fontove. Dakle, ako imate Bello font, odaberite ga i upišite svoju riječ velikim slovom. Ovdje smo koristili 188pt.

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Korak 3. Dodavanje stilova slojeva.

Dok je vaš tekstualni sloj još uvijek odabran, idite na Sloj >> Stilovi sloja i primijenite sljedeće postavke…

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem
reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Sada tekstura pozadine. Koristit ćemo uzorak koji smo sami izradili, a ako kupite PSD datoteku, ona će već biti uključena u stil.

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Na kraju ćemo dodati potez od 1 px s slojem gradijenta kako bismo tekstu dali veću dubinu.

zastava
reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Dogurali smo dovde s ispravno primijenjenim svim stilovima slojeva. Ako se vaš rezultat razlikuje od onoga što vidite ovdje, vratite se i provjerite jesu li sve postavke za stilove slojeva ispravno primijenjene; zasad je to samo tehnički dio, tako da ne biste trebali imati problema.

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Korak 4. Dodavanje dubine platnu.

Era je weba 2.0, a posjedovanje ravnog platna može pokvariti svaki efekt, bez obzira koliko lijep bio, pa ako želimo da naš proizvod iskoči, mora imati dubinu. Zato se nećemo vraćati na osnovno platno (ako je zaključano, dvaput kliknite na njega na paleti slojeva i pritisnite OK za otključavanje). Ići Sloj >> Stilovi slojevai primijenite sljedeće postavke:

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem
reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Za gradijent koristite sljedeće boje:
1. #667c85 kao svijetloplava
2. #475e68 kao tamnoplava

Evo što imamo do sada…

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Korak 5. Dodavanje sjaja

Pritisnite “Ctrl” i kliknite sloj teksta u paleti slojeva Photoshopa. Ovo će učitati odabir teksta.

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Napravite novi sloj iznad svih ostalih. Korištenje alata za gradijent, od bijele do prozirne, povucite crtu od vrha teksta prema dnu. To će čitatelju dodati blagi, ali vidljivi gradijent.

Koristeći eliptični laso alat, nacrtajte krug, kao što možete vidjeti na slici ispod:

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Idi na Odaberite >> Inverzno za inverziju odabira i pritisnite “delete” za brisanje ostatka gradijenta. Ovo će ostaviti sjaj samo na gornjem dijelu teksta, ovako:

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Sada, kako biste mu dali ugodan i prirodan dodir, postavite neprozirnost sloja sjaja na "Overlay" (pogledajte dolje):

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Korak 6. Dodavanje iskrica

Sljedeći korak je dodavanje slatkih iskrica oko teksta. To će mu dati veću dubinu, sanjiv i elegantan dojam. Napravite novi Photoshop sloj iznad ostatka. Koristeći svoj Brush Tool, odaberite kist od 27 piksela s mekim rubom i bijelom bojom kaotično raširite točkice po rubovima teksta.

zastava

Postavite neprozirnost ispune točaka na 70%. Prebacite se s "Normalnog" na "preklopni" način.

SAVJET: nanesite točke samo tamo gdje je linija teksta bijela, to će pojačati svjetlosni učinak.

Do sada, ako ste pažljivo slijedili korake, trebali ste dobiti ovo:

reljefni tekstualni efekt photoshop - Dizajniran stilski reljefni tekst s metalnim sjajem

Dodali smo i malo više sjaja različitim kistovima, ali nemojte pretjerati jer je bolje imati manje sjaja, a previše ga.
Dizajniran moderan reljefni tekst s metalnim sjajem - PS Tutorials Lorelei Web Design

Nadam se da ste uživali u ovom vodiču za Photoshop i svakako provjerite naše druge vodiče za Photoshop i pretplatite se na feed. Ako želite učiti brže, kupite PSD datoteku vodiča za samo 1.00 USD. Kada dovršite naplatu, kliknite gumb "vrati se trgovcu" — preuzimanje će započeti automatski. Ako vas, iz bilo kojeg razloga, preuzimanje nije preusmjerilo, ostavite komentar ispod ili nam pošaljite e-poruku, a mi ćemo vam poslati datoteku što prije. Hvala vam!

reljefni tekstualni efekt photoshop - Dizajnirani stilski reljefni tekst s metalnim sjajem - kupi

Tekstna verzija

Poboljšani vodič: Stvaranje reljefnog teksta s metalnim sjajem u Photoshopu

Pregled

Ovaj vodič će vas voditi kroz proces stvaranja stilskog reljefnog teksta s efektom metalnog sjaja, savršenog za logotipe, naslove ili digitalnu umjetnost. Koristit ćemo stilove slojeva, gradijente i opcije stapanja kako bismo postigli sofisticirani izgled.

Zahtjevi

  • Adobe Photoshop (bilo koja novija verzija je dovoljna)
  • Osnovno poznavanje Photoshop alata i sučelja

Korak 1: Postavljanje vašeg dokumenta

  1. Otvorite Photoshop i izradite novi dokument. Za web korištenje dovoljna je veličina od 800×600 piksela i razlučivost od 72 dpi. Za ispis razmislite o višoj razlučivosti (najmanje 300 dpi).
  2. Ispunite pozadinu tamnom bojom ili gradijentom kako bi se metalni sjaj istaknuo. Duboka plava ili crna dobro odgovaraju ovom efektu.

Korak 2: Stvaranje teksta

  1. Odaberite alat za tekst (T) i upišite željeni tekst. Odaberite podebljani ili debeli font za najbolji reljefni učinak. Fontovi poput Arial Black ili Impact dobar su izbor.
  2. Podesite veličinu fonta da odgovara vašem dizajnu. Za ovaj vodič upotrijebimo veličinu fonta koja ispunjava dobar dio platna, osiguravajući vidljive pojedinosti reljefa i efekata sjaja.

Korak 3: Primjena efekta reljefa

  1. S odabranim slojem teksta, idite na ploču Slojevi i dvaput kliknite da biste otvorili dijaloški okvir Stil sloja.
  2. Odaberite "Bevel & Emboss" da dodate dubinu svom tekstu. Koristite ove postavke za suptilan, realističan reljefni izgled:
    • Stil: Unutarnji skos
    • Tehnika: glatka
    • Dubina: 100%
    • Smjer: Gore
    • Veličina: 5 px (prilagodite na temelju veličine teksta)
    • Omekšavanje: 0 px
  3. Podesite sjenčanje za poboljšanje metalnog osjećaja. Postavite kut na 120° i visinu na 30°. Eksperimentirajte s unaprijed postavkama Gloss Contour kako biste pronašli onaj koji nadopunjuje vaš dizajn.

Korak 4: Dodavanje metalik sjaja

  1. Još uvijek u dijaloškom okviru Stil sloja, odaberite "Unutarnji sjaj" za suptilan unutarnji sjaj. Odaberite svijetlu boju koja odgovara željenom metalik izgledu (srebrna, zlatna itd.). Postavite Blend Mode na Screen, Opacity na 75%, a Size na oko 20px.
  2. Dodajte "vanjski sjaj" kako bi se stvorio dojam svjetlosti koja se odbija od metala. Odaberite sličnu boju kao Inner Glow, postavite Blend Mode na Screen, Opacity na 50-75% i prilagodite Size kako biste postigli mekan, blistav učinak oko teksta.

Korak 5: Pročišćavanje metalne teksture

  1. Za dodatnu teksturu i realizam, kliknite na "Satin" u dijaloškom okviru Stil sloja. Ovo dodaje dubinu i složenost metalik završnici. Koristite ove postavke:
    • Način miješanja: Pomnožite
    • Neprozirnost: 20%
    • Kut: 19 °
    • Razmak: 21 px
    • Veličina: 27 px
  2. Igrajte se s "Kontura" postavke pod Bevel & Emboss za dodatne nijanse teksture, poboljšavajući učinak reljefa.

Korak 6: Završne prilagodbe

  1. Dotjerajte cjelokupni izgled podešavanjem neprozirnosti Ispune sloja na 0%. To će učiniti boju teksta nevidljivom, ostavljajući samo stilove slojeva vidljivima za izraženiji metalik i reljefni učinak.
  2. Ako želiš, dodajte pozadinski sloj s prijelazom ili uzorkom koji nadopunjuje vaš metalik tekst kako biste dovršili dizajn.

Zaključak

Sada ste izradili dio teksta koji ne samo da iskače s ekrana svojim reljefnim efektom, već i sjaji sofisticiranim metalnim sjajem. Ova se tehnika može prilagoditi i modificirati različitim bojama, teksturama i stilovima slojeva kako bi odgovarala različitim dizajnerskim projektima.

Eksperimentiranje s postavkama i uključivanje dodatnih elemenata poput svjetlucanja ili pozadinskih tekstura može dodatno personalizirati vašu kreaciju. Photoshopovi stilovi slojeva moćan su alat za oživljavanje teksta, a njihovo ovladavanje može znatno poboljšati vaše mogućnosti dizajna.

zastava