Imaginea finală pe care o vom crea este:

În acest scurt tutorial veți învăța cum să creați text din sticlă folosind stiluri de straturi în Photoshop. Să începem!

Materialele folosite

Pasul 1 - Pregătirea materialelor și crearea unui document

Creați un nou document PSD, 600 x 400 pixeli în modul RGB la 72 dpi cu un fundal alb. Acum să ne pregătim materialele. Instalați fontul TheNautiGal pe computer și, dacă este necesar, deschideți fișierul .PAT pentru a crea un fundal sau utilizați o imagine de fundal gata făcută pentru a evita crearea unui fundal. Puteți sări peste crearea fundalului și mergeți direct la pasul 3 al acestui tutorial.

Pasul 2 - Crearea fundalului

Să mergem VMeniu>Layer>Stiluri de straturi>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de amestecare) și utilizați setările de mai jos. De asemenea, puteți accesa Opțiunile de amestecare în două moduri mai rapide. Prima și cea mai mare cale rapidă Aceasta este să faceți dublu clic pe stratul din meniul de straturi.

Alt mod: faceți clic dreapta pe stratul din meniul de straturi și selectați Moduri de amestecare. Când ați terminat cu toate setările de mai jos, nu uitați să faceți clic pe „OK” în fereastra Setări de suprapunere! Dacă ați descărcat șabloane de fișiere, utilizați șablonul nr. 31. De asemenea, puteți lăsa fundalul fără o suprapunere de textură sau puteți utiliza orice altă textură care este potrivită pentru un fundal deschis.

Umbra interioara: Mod de amestecare - Ardere liniară, Culoare #171718, Opacitate 34%, Unghi -90, Utilizare iluminare globală, Offset 96px, Reducere 30%, Dimensiune 250px, Zgomot 8%.

Strălucire interioară: Mod de amestecare: Dodge de bază, Opacitate 19%, Zgomot 0%, Culoare #ffffff, Metodă Soft, Centru sursă, Reducere 24%, Dimensiune 250 px, Interval 50%, Jitter 0%.

Suprapunere gradient: Mod de amestecare - Înmulțire, opacitate 100%, de la #80b2a7 la #c7c8a2, stil - radial, bifați „aliniați la strat”, unghi 0, scară 74%.

Suprapunere model: Mod de amestecare - Normal, opacitate 100%, utilizați textura din setul de 72 de modele web subtile, scară 100%.

Pasul 3 - Să începem să creăm primul strat de text

Acum putem începe să facem efectul nostru de text. Mai întâi selectați instrumentul de text și schimbați fontul în TheNautiGal, dimensiunea de aproximativ 255 de puncte și metoda anti-aliasing - sharp. Acum introduceți un text undeva în centrul imaginii. Puteți scrie orice cuvânt, dar în această lecție vom folosi cuvântul „Wow”.

Pasul 4

Acest prim strat de text va fi situat sub toate straturile de text. Să mergem la Meniu>Layer>Stiluri de straturi>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de amestecare) și utilizați setările de mai jos pentru textul nostru.

Umbră: Mod de amestecare - Ardere liniară, Culoare #171718, Opacitate 19%, Unghi 52, Debifați „Utilizați iluminare globală”, Offset 11px, Reducere 0%, Dimensiune 16px, Zgomot 0%.

embosare: Stil - teșire internă, metodă - netedă, adâncime 83%, direcție - sus, dimensiune 3 px., înmuiere 0 px., unghi 0, debifați „utilizați iluminarea globală”, înălțime 26, bifați „netezire”, modul iluminare de fundal - dodge liniar , culoare #ffffff, opacitate 28%, mod umbră - dimmer liniar, culoare #000000, opacitate 0%.

Pasul 5 - Creați și ajustați al 2-lea strat de text

Acum duplicați stratul de text. Selectați stratul de text și mergeți Meniu > Strat > Strat duplicat(Meniu>Layer> Meniu>Layer>Stil strat>Șterge stilul stratului(Meniu>Layer>Layer Style>). Meniu>Layer>Stil strat>Opțiuni de amestecare(Meniu>Layer>Layer Style>).

Din nou, puteți utiliza comanda rapidă Opțiuni de amestecare de la pasul 2 al acestui tutorial. Când ați terminat cu toate setările de mai jos, nu uitați să faceți clic pe „OK” în fereastra Setări de suprapunere! Acest strat de text va fi în mijlocul tuturor straturilor. Deci acum ar trebui să fie poziționat deasupra primului strat de text.
Setați opacitatea umplerii la 0%.

Umbra interioara: Mod de amestecare - Ardere liniară, Culoare #171718, Opacitate 24%, Unghi 180, Debifați „Utilizați iluminare globală”, Offset 1px, Reducere 0%, Dimensiune 0px, Zgomot 0%.

embosare: Stil - teșire internă, metodă - netedă, adâncime 1000%, direcție - sus, dimensiune 4 px., înmuiere 1 px., unghi 0, debifați „utilizați iluminarea globală”, înălțime 26, bifați „netezire”, modul iluminare de fundal -luminați bază, culoare #ffffff, opacitate 4%, mod umbră - ardere liniară, culoare #000000, opacitate 10%.

Pasul 6

Crearea și ajustarea ultimului al treilea strat cu text. Aproape am ajuns. Acum trebuie să duplicăm al doilea strat de text. Selectați stratul de text și mergeți Meniu > Strat > Strat duplicat(Meniu> Strat> Strat duplicat) și denumește-l cum vrei. Acum du-te Meniu>Layer>Stil strat>Șterge stilul stratului(Meniu>Layer>Stil strat>Șterge stilul stratului), deoarece vom aplica un stil diferit pentru acest strat. În sfârșit mergi la Meniu>Layer>Stil strat>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de amestecare) și utilizați setările de mai jos pentru textul dvs.

Din nou, puteți utiliza comanda rapidă Opțiuni de amestecare de la pasul 2 al acestui tutorial. Când ați terminat cu toate setările de mai jos, nu uitați să faceți clic pe „OK” în fereastra Setări de suprapunere! Acesta este stratul de text principal și ar trebui să fie poziționat deasupra tuturor celorlalte straturi de text.

Setați opacitatea umplerii la 0%.

Umbră: Mod de amestecare - Înmulțire, Culoare #171718, Opacitate 82%, Unghi -0, Debifați „Utilizați iluminare globală”, Offset 2px, Reducere 0%, Dimensiune 8px, Zgomot 0%.

Umbra interioara: Mod de amestecare - Linear Dodge, culoare #ffffff, opacitate 22%, unghi - 90, debifați „utilizați iluminarea globală”, offset 1 px, micșorare 0%, dimensiune 0 px, bifați „neted”, zgomot 0% .

embosare: Stil - teșire internă, metodă - netedă, adâncime 1000%, direcție - în sus, dimensiune 16 pixeli, înmuiere 0 pixeli, unghi 0, debifați „utilizați iluminarea globală”, înălțime 40, casetă de selectare pentru „netezire”, mod iluminare din spate - dodge liniar, culoare #ffffff, opacitate 18%, mod umbră - dimmer liniar, culoare #000000, opacitate 8%.

Accident vascular cerebral: Dimensiune 1 px, poziție - interior, mod de amestecare - suprapunere, opacitate 27%, tip de contur - culoare, culoare #999999.

Imaginea finală

După cum probabil știți deja, un astfel de concept precum „modă” este prezent chiar și în designul site-urilor web. Atât în ​​stilul principal, cât și în elemente. Flat a devenit deosebit de popular în ultima vreme. Acest stil implică fonturi simple sans-serif, absența degradeurilor și a umbrelor și multe alte lucruri mici, care includ text transparent. Ce pot face? Ritmul modern al vieții nu ne permite să ne împrăștiem despre fleacuri și să petrecem mult timp lucrând la detalii. Aceasta este o modă atât de confortabilă. Este extrem de ușor să creezi un efect similar în Photoshop. Pentru aceasta avem nevoie de imaginea originală.

Folosind instrumentul „text” scriem orice cuvânt. Și plasează-l în mijlocul imaginii. Cred că înțelegeți că este mai bine pentru noi să folosim font aldine și majuscule. În acest fel efectul nostru va fi mai vizual. Folosim culoarea albă.

În fereastra Straturi, căutați stratul de text și modificați opacitatea acestuia la 50%.

Asta este! Tot ce rămâne este să combinați straturile. Pentru a face acest lucru, apăsați combinația de taste ctrl+shift+e. Și poți economisi.

O altă variantă este textul transparent, similar cu sticla. Acest efect se face puțin diferit. Trebuie să dăm volum textului.

Să luăm o altă imagine originală. Este de dorit ca unul să conțină cât mai puține elemente mici, cel puțin în locul unde vom plasa textul transparent. În caz contrar, pur și simplu nu va fi vizibil.

Scriem textul, dar cu negru.

Acum, în fereastra Straturi, schimbați modul de amestecare la „Iluminați”. Textul nostru devine invizibil. Să-i dăm volum. Să folosim instrumentul meu preferat „Opțiuni de amestecare”. Acestea sunt apelate făcând clic dreapta pe strat.

Suntem interesați de parametrii „umbră”, cu următoarele setări:

Și „embosare”:

Joacă-te cu culorile. Le poți alege în funcție de culoarea imaginii tale. Pot exista multe variante. O ușoară deplasare a glisorului poate da un efect nou, foarte interesant. Această metodă, desigur, oferă mai mult doar pentru imaginație. Deși nu poate fi apelat la cerere.

Combinăm straturile și economisim.

După cum puteți vedea, am făcut o altă variantă de text transparent, dar de data aceasta este deja voluminos.

A treia variantă este cea mai simplă. Același text negru. Același mod de amestecare „luminează”. Însă, în opțiunile de amestecare, selectați doar contur cu următoarele setări:

Obținem un efect nou. Font transparent cu contur. Apropo, cursa poate fi de orice culoare și grosime. Să ne dezvoltăm imaginația la maximum și să creăm!

Crearea de text transparent în Photoshop nu este dificilă - doar reduceți opacitatea de umplere la zero și adăugați un stil care subliniază contururile literelor.

Să începem.

Creați un nou document de dimensiunea necesară și umpleți fundalul cu negru.

Apoi schimbați culoarea principală în alb și selectați instrumentul „Text orizontal”.

Fonturile cu linii netede vor arăta cel mai bine. Am ales fontul "Forte".

Ne scriem textul.

Creați o copie a stratului de text ( CTRL+J), apoi mergeți la stratul original și faceți dublu clic pe el, apelând stilurile de strat.

În primul rând, selectați elementul "Gofrare". Setați setările așa cum se arată în captură de ecran.

Apoi selectați elementul "Circuit"și uită-te din nou la captura de ecran.

Să adăugăm Accident vascular cerebral cu aceste setari:

ŞI Umbră.

Gata, faceți clic Bine.

Nu vă faceți griji că nu puteți vedea nimic, totul va apărea în curând...

Mergeți la stratul superior și apelați din nou stilurile.

Adaugă din nou embosare, dar cu aceste setări:

Apoi definim Circuit.

Configurarea Strălucire interioară.

Clic Bine.

Este foarte simplu. Reduceți transparența de umplere pentru fiecare strat de text la zero:

Textul de sticlă este gata, nu rămâne decât să adăugați fundalul, care, de fapt, va determina transparența inscripției.

În acest caz, se adaugă un fundal între straturile de text. Vă rugăm să rețineți că opacitatea imaginii plasate trebuie redusă („prin ochi”), astfel încât stratul de text inferior să apară prin ea.

Încercați să nu îl faceți prea luminos, altfel efectul de transparență nu va fi atât de pronunțat pe cât ne-am dori.

Puteți lua un fundal gata făcut sau puteți desena pe al dvs.

Iată ce s-a întâmplat până la urmă:

Ajustați cu atenție stilurile pentru straturile de text și obțineți acest text transparent frumos. Ne vedem la următoarele lecții.

Imaginea finală pe care o vom crea este:

În acest scurt tutorial veți învăța cum să creați text din sticlă folosind stiluri de straturi în Photoshop. Să începem!

Materialele folosite

Pasul 1 - Pregătirea materialelor și crearea unui document

Creați un nou document PSD, 600 x 400 pixeli în modul RGB la 72 dpi cu un fundal alb. Acum să ne pregătim materialele. Instalați fontul TheNautiGal pe computer și, dacă este necesar, deschideți fișierul .PAT pentru a crea un fundal sau utilizați o imagine de fundal gata făcută pentru a evita crearea unui fundal. Puteți sări peste crearea fundalului și mergeți direct la pasul 3 al acestui tutorial.

Pasul 2 - Crearea fundalului

Să mergem VMeniu>Layer>Stiluri de straturi>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de amestecare) și utilizați setările de mai jos. De asemenea, puteți accesa Opțiunile de amestecare în două moduri mai rapide. Prima și cea mai rapidă modalitate este să faceți dublu clic pe stratul din meniul de straturi.

Alt mod: faceți clic dreapta pe stratul din meniul de straturi și selectați Moduri de amestecare. Când ați terminat cu toate setările de mai jos, nu uitați să faceți clic pe „OK” în fereastra Setări de suprapunere! Dacă ați descărcat șabloane de fișiere, utilizați șablonul nr. 31. De asemenea, puteți lăsa fundalul fără o suprapunere de textură sau puteți utiliza orice altă textură care este potrivită pentru un fundal deschis.

Umbra interioara: Mod de amestecare - Ardere liniară, Culoare #171718, Opacitate 34%, Unghi -90, Utilizare iluminare globală, Offset 96px, Reducere 30%, Dimensiune 250px, Zgomot 8%.

Strălucire interioară: Mod de amestecare: Dodge de bază, Opacitate 19%, Zgomot 0%, Culoare #ffffff, Metodă Soft, Centru sursă, Reducere 24%, Dimensiune 250 px, Interval 50%, Jitter 0%.

Suprapunere gradient: Mod de amestecare - Înmulțire, opacitate 100%, de la #80b2a7 la #c7c8a2, stil - radial, bifați „aliniați la strat”, unghi 0, scară 74%.

Suprapunere model: Mod de amestecare - Normal, opacitate 100%, utilizați textura din setul de 72 de modele web subtile, scară 100%.

Pasul 3 - Să începem să creăm primul strat de text

Acum putem începe să facem efectul nostru de text. Mai întâi selectați instrumentul de text și schimbați fontul în TheNautiGal, dimensiunea de aproximativ 255 de puncte și metoda anti-aliasing - sharp. Acum introduceți un text undeva în centrul imaginii. Puteți scrie orice cuvânt, dar în această lecție vom folosi cuvântul „Wow”.

Pasul 4

Acest prim strat de text va fi situat sub toate straturile de text. Să mergem la Meniu>Layer>Stiluri de straturi>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de amestecare) și utilizați setările de mai jos pentru textul nostru.

Umbră: Mod de amestecare - Ardere liniară, Culoare #171718, Opacitate 19%, Unghi 52, Debifați „Utilizați iluminare globală”, Offset 11px, Reducere 0%, Dimensiune 16px, Zgomot 0%.

embosare: Stil - teșire internă, metodă - netedă, adâncime 83%, direcție - sus, dimensiune 3 px., înmuiere 0 px., unghi 0, debifați „utilizați iluminarea globală”, înălțime 26, bifați „netezire”, modul iluminare de fundal - dodge liniar , culoare #ffffff, opacitate 28%, mod umbră - dimmer liniar, culoare #000000, opacitate 0%.

Pasul 5 - Creați și ajustați al 2-lea strat de text

Acum duplicați stratul de text. Selectați stratul de text și mergeți Meniu > Strat > Strat duplicat(Meniu>Layer> Meniu>Layer>Stil strat>Șterge stilul stratului(Meniu>Layer>Layer Style>). Meniu>Layer>Stil strat>Opțiuni de amestecare(Meniu>Layer>Layer Style>).

Din nou, puteți utiliza comanda rapidă Opțiuni de amestecare de la pasul 2 al acestui tutorial. Când ați terminat cu toate setările de mai jos, nu uitați să faceți clic pe „OK” în fereastra Setări de suprapunere! Acest strat de text va fi în mijlocul tuturor straturilor. Deci acum ar trebui să fie poziționat deasupra primului strat de text.
Setați opacitatea umplerii la 0%.

Umbra interioara: Mod de amestecare - Ardere liniară, Culoare #171718, Opacitate 24%, Unghi 180, Debifați „Utilizați iluminare globală”, Offset 1px, Reducere 0%, Dimensiune 0px, Zgomot 0%.

embosare: Stil - teșire internă, metodă - netedă, adâncime 1000%, direcție - sus, dimensiune 4 px., înmuiere 1 px., unghi 0, debifați „utilizați iluminarea globală”, înălțime 26, bifați „netezire”, modul iluminare de fundal -luminați bază, culoare #ffffff, opacitate 4%, mod umbră - ardere liniară, culoare #000000, opacitate 10%.

Pasul 6

Crearea și ajustarea ultimului al treilea strat cu text. Aproape am ajuns. Acum trebuie să duplicăm al doilea strat de text. Selectați stratul de text și mergeți Meniu > Strat > Strat duplicat(Meniu> Strat> Strat duplicat) și denumește-l cum vrei. Acum du-te Meniu>Layer>Stil strat>Șterge stilul stratului(Meniu>Layer>Stil strat>Șterge stilul stratului), deoarece vom aplica un stil diferit pentru acest strat. În sfârșit mergi la Meniu>Layer>Stil strat>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de amestecare) și utilizați setările de mai jos pentru textul dvs.

Din nou, puteți utiliza comanda rapidă Opțiuni de amestecare de la pasul 2 al acestui tutorial. Când ați terminat cu toate setările de mai jos, nu uitați să faceți clic pe „OK” în fereastra Setări de suprapunere! Acesta este stratul de text principal și ar trebui să fie poziționat deasupra tuturor celorlalte straturi de text.

Setați opacitatea umplerii la 0%.

Umbră: Mod de amestecare - Înmulțire, Culoare #171718, Opacitate 82%, Unghi -0, Debifați „Utilizați iluminare globală”, Offset 2px, Reducere 0%, Dimensiune 8px, Zgomot 0%.

Umbra interioara: Mod de amestecare - Linear Dodge, culoare #ffffff, opacitate 22%, unghi - 90, debifați „utilizați iluminarea globală”, offset 1 px, micșorare 0%, dimensiune 0 px, bifați „neted”, zgomot 0% .

embosare: Stil - teșire internă, metodă - netedă, adâncime 1000%, direcție - în sus, dimensiune 16 pixeli, înmuiere 0 pixeli, unghi 0, debifați „utilizați iluminarea globală”, înălțime 40, casetă de selectare pentru „netezire”, mod iluminare din spate - dodge liniar, culoare #ffffff, opacitate 18%, mod umbră - dimmer liniar, culoare #000000, opacitate 8%.

Accident vascular cerebral: Dimensiune 1 px, poziție - interior, mod de amestecare - suprapunere, opacitate 27%, tip de contur - culoare, culoare #999999.

Imaginea finală