Un efect de sticlă aduce eleganță și profunzime tipografiei și layout-urilor tale. Cu transparența sa și punctele sale reflectorizante, îi conferă design-urilor tale o notă modernă și fascinantă. Fie că este vorba de logo-uri, titluri sau compoziții creative - acest efect cu siguranță va atrage toate privirile. În acest tutorial îți voi arăta pas cu pas cum să creezi un efect realist de sticlă în Photoshop, care poate fi folosit atât pentru text, cât și pentru elemente de layout. Haideți să începem și să îmbunătățim design-urile tale!
Primul efect de sticlă va părea că curge/este decupat din imaginea de fundal și astfel va forma o unitate cu fundalul.
Al doilea efect de sticlă nu va fi fuzionat cu fundalul, ci va fi mai degrabă suprapus și cu un aspect ușor mat sau ușor translucid ca sticla de lapte.
Sursele imaginilor utilizate în acest tutorial: archaeopteryx_stocks
1. Parte: Crearea textului cu efect static de sticlă
Primul text cu efect de sticlă va părea ușor fluid, ca sticla pură, care pare că este decupată ușor din fundal.
Pasul 1: Crearea unui document nou
Îmi creez un document nou prin Ctrl+N cu dimensiunile 1600x1200 px. În funcție de dimensiunea documentului, setările pentru umplere și filtre pot varia.
Pasul 2: Selectarea imaginii de fundal
Este optim să alegi o imagine de fundal cu detalii pentru acest efect, astfel încât refracția prin textul de sticlă să fie vizibilă. De exemplu, imagini cu nori ar fi nepotrivite. Eu aleg o imagine cu flori, în care sunt vizibile structuri clare ale florii.
Pasul 3: Plasarea textului
Pentru a obține un efect rotunjit de sticlă, este benefic ca fontul ales să aibă în mod nativ și rotunjimi. Scriu cu un font de 640 de puncte literele PSD în culoare neagră în document.
Pasul 4: Crearea unui strat al matricei pentru refractarea luminii cu distorsiune
Fac clic pe Ctrl pe miniatura stratului textului meu pentru a selecta literele.
Deschid dialogul Îmbunătățire contur prin scurtătura Ctrl+Alt+R. Acolo setez un rotunjitor și un contur moale de aproximativ 15 pixeli fiecare. Rotunjitorul este important pentru că, deși serifurile fontului sunt frumos rotunjite, divizarea literelor în sine - adică efectul Army al fontului - este prea înțepenit. Conturul moale servește pentru a face efectul mai soft la trecerea către filtrul de sticlă.
Creez un strat nou cu Ctrl+Shift+Alt+N și umplu acest strat cu culoare albă. Umplerea cu alb este cea mai rapidă dacă setez culorile implicite în bara de instrumente prin scurtătura D și apoi folosesc culoarea de fundal pentru umplere prin scurtătura Ctrl+Tastă de revenire. Se umple doar zona selectată cu alb!
Prin Ctrl+D deselectez. Creez un strat nou sub stratul alb al literelor - cu Ctrl și clic pe Simbolul strat nou în panoul straturilor, noul strat va fi plasat sub stratul curent! - și umplu acesta cu negru. Dacă culorile implicite sunt setate în bara de instrumente, umplerea cu culoarea din fata este cea mai rapidă prin Alt+Tastă de revenire.
Reduc toate straturile vizibile la unul singur, selectându-le și apoi folosind scurtătura Ctrl+E. Este important ca stratul rămas să fie un strat de fundal, deoarece filtrul ulterior necesită matricea ca strat de fundal. Dacă matricea nu este redusă la un strat de fundal, refracția prin filtrul de sticlă nu va avea succes așa cum este dorit.
Prin meniul Strat>Strat Nou>Fundal din strat convertesc un strat de transparență într-un strat de fundal.
Acum salvez documentul ca fișier PSD cu numele Matrix-01-Original.psd.
Pasul 5: Aplicarea filtrului de distorsiune sticlă cu structură de matrice
Încep prin a apăsa scurtătura Alt+Z de atâtea ori până când documentul meu original revine. Astfel pot continua să lucrez în documentul meu curent. Este benefic să șterg straturile inutile ale structurii de matrice și să salvez documentul de lucru ca fișier PSD.
Apoi aleg stratul meu de fundal. Dacă acesta nu este deja un obiect inteligent, îl pot converti într-un obiect inteligent făcând clic dreapta pe el în panoul straturilor și selectând "Convertire în obiect inteligent". Avantajul filtrelor inteligente constă în faptul că le pot modifica în orice moment fără pierderi. Odată ce un strat este convertit într-un obiect inteligent, filtrele pot fi aplicate ca filtre inteligente.
Prin meniul Filtru> Filtru de distorsiune> Sticlă apelez filtrul Glass. Aleg o distorsiune de 20 și o netezire de 15.
Este important să aduc acum în joc matricea mea ca referință de structură. Fac asta apelând Meniul Structură> Încărcare structură. În browserul care se deschide, aleg fișierul meu PSD de matrice salvat anterior. Acum, în previzualizare, se arată cum în locul literelor apare un efect sticlos neclar.
Efectul actual arată astfel:
Pasul 6: Reactivarea stratului de text
Reactivezi stratul de text negru, pe care l-am creat la început pentru a crea fișierul PSD al matricii.
E benefic să convertești stratul de text într-un Obiect inteligent. Astfel, textul în sine este protejat în Obiectul inteligent original (fișierul PSB), în timp ce modificările ulterioare sunt făcute non-distructiv.
Pasul 7: Crearea efectului de text
În opțiunile de umplere ale stratului de text, pot seta o margine ușor șlefuită cu următoarele valori:
- Adâncime: 400 procente
- Dimensiune: 8 pixeli
- Estompare: 4 pixeli
- Unghi: 120 de grade
- Înălțime: 30 de grade
- Mod adâncime: Înmulțire cu o opacitate de 40% și o luminozitate de 70% (B)
Setez metoda de umplere a stratului la Înmulțire.
Deoarece în acest tutorial se va vorbi deseori de valori de luminozitate, aș dori să explic succint ce înțeleg prin aceasta. Selectorul de culoare din Photoshop se apropie cel mai mult de modelul HSB cu cele trei valori: Nuanță (Hue), Saturare (Saturation) și Luminozitate (Brightness). Nuanță (Hue) este bara de culoare din dreapta, Saturarea (Saturation) se reglează prin deplasarea stânga-dreapta în selectorul de culoare, iar Luminozitatea (Brightness) prin deplasarea sus-jos. Atunci când mă refer la o valoare de luminozitate în acest tutorial, mă refer exclusiv la valoarea B conform modelului HSB, fără a lua în considerare Nuanță sau Saturare.
Modul adâncime a fost setat la 70% luminozitate. Prin urmare, imaginea în selectorul de culoare arată astfel.
Efectul arată până acum astfel:
Pasul 8: Utilizarea filtrului de artă pentru folie de plastic
Pentru a întări efectul mai mult, voi aplica filtrul de artă. Înainte de asta, convertesc stratul meu de text într-un Obiect inteligent, astfel încât modificările de tipul opțiunilor de umplere să fie posibile fără pierderi.
Aleg în filtrul de artă Folie de plastic cele mai înalte setări posibile:
- Strălucire: 20
- Detaliu: 15
- Netezire: 15
Efectul pare mult mai sticlos, similar cu bilele de sticlă.
Pasul 9: Aplicarea din nou a filtrului
Pentru a evidenția și mai mult efectul, aleg pur și simplu Ctrl+F pentru a aplica din nou ultimul filtru.
În panoul de straturi, pentru Obiectul inteligent sunt afișate de două ori filtrele inteligente Folie de plastic, pe care acum, la nevoie, le pot modifica individual.
Pasul 10: Umbră interioară și umbra
La final, pot adăuga stratului meu o umbră interioară minimă la o luminozitate de 85%, astfel încât literele să fie și ele ușor delimitate, practic aproape imperceptibil.
Pentru asta, accesez opțiunile de umplere pentru strat și setez luminozitatea umbrei folosind selectorul de culori. Acestea sunt setările suplimentare pe care le fac:
- Opacitate: 70%
- Distanță: 1 pixel
- Dimensiune: 1 pixel
- Contur semicircular
Deoarece umbra interioară este calculată de pe un unghi de lumină, trebuie să adaug și o umbra, care produce același efect pe partea opusă.
Setările sunt identice cu cele de la umbră interioară.
Pasul 11: Variante
Efectul este foarte ușor de variat. De exemplu, pot să aleg diferite moduri în opțiunile de umplere pentru Smartfiltere și să văd cum se schimbă efectul. De asemenea, pot duplica ușor stratul meu de text și să îl combin în diferite moduri de strat.
Am mereu posibilitatea de a aplica alte filtre stratului de text. Astfel, am o gamă aproape nelimitată de posibilități de variere.
În acest exemplu, mi-aș putea imagina o tranziție mai fluidă de la fundal la efectul de sticlă. Prin urmare, mai selectez o dată literele textului cu Ctrl și Click pe miniatura stratului și apoi accesez dialogul Îmbunătățire muchie. Se adaugă o rotunjire și o muchie ușoară pentru ca tranziția de la text la fundal să fie mai fluidă.
Prin scurtătură Strg+Shift+Alt+N creez un nou strat pe care îl umplu cu negru; cu Culorile standard activate în Bara de instrumente folosesc scurtătura Alt+Tasta de resetare.
Seleția o elimin cu Strg+D. Acum, folosind tasta Alt, pot pur și simplu trage și plasa opțiunile de umplere și filtrelor inteligente ale stratului text existent pe noul meu strat. Opțiunile de umplere și filtrele inteligente vor fi duplicate. În acest caz, dezactivez Umbră paralelă și Umbra interioară. La fel, pot dezactiva stratul text original și seta noul strat text în modul de strat Intersecție.
Efectul final arată mai moale și mai fluid în tranziție. În plus, ca o mică variație, am folosit tehnica Marginire și reliefate setată pe Taiere dură.
Dezavantajul acestui efect de sticlă este că nu îmi pot schimba poziționarea textului fără a modifica și matricea asociată. Cu toate acestea, există o modalitate de a face ca textul meu cu efect de sticlă să fie dinamic, astfel încât refracția luminii să se ajusteze întotdeauna cu o nouă poziție a textului.
Pasul 2: Crearea textului cu efect de sticlă dinamică
Textul cu efect de sticlă dinamică va avea caracteristica că pot schimba literele textului și dimensiunea acestora în orice moment, dar și pot muta textul în întregime în document. Refracția luminii va rămâne întotdeauna și se va adapta automat la noul fundal.
Ca text de exemplu, textul meu nu va arăta la fel de șlefuit și tăiat ca în primul exemplu, ci ceva mai opac și așezat pe fundal. Așa că în acest tutorial veți vedea două modalități posibile de a crea diferite texte cu efect de sticlă.
Pasul 1: Crearea unui document nou
Creez un document nou folosind comanda Strg+N în dimensiunea 1600x1200px. În funcție de dimensiunea documentului, setările în Opțiunile de umplere și Filtre pot varia.
Pasul 2: Alegerea imaginii de fundal
Folosesc în acest exemplu imaginea cu flori, în care se pot observa structuri clare ale florii.
Pasul 3: Plasarea textului
Pentru a obține un efect de sticlă rotunjit, este benefic ca fontul ales să aibă deja rotunjimi. Scriu literele PSD cu o mărime de 640 de puncte într-o culoare aleatoare în document.
Pasul 4: Reducerea opacității la 0 procente
Reduc procentajul de Opacitate la 0. Diferența între Opacitate și Suprafață va fi vizibilă în mod special în acest tutorial. În timp ce cu ajutorul indicatorului de Opacitate se pot varia transparența conținutului straturilor și stilurilor straturilor, cu indicatorul de Suprafață este posibil să se lucreze doar cu conținutul stratului.
Pasul 5: Setarea efectului de sticlă
Prin diverse Opțiuni de umplere obțin ca literele mele să aibă un efect de sticlă. Important: În funcție de dimensiunea documentului și a literelor, trebuie să ajustez setările din Opțiunile de umplere.
Umbră paralelă:
- Metoda de umplere Multiplu
- 60% Opacitate
- Distanță 12 pixeli
- Dimensiune 10 pixeli
- Contur semicircular și neted
Efect de Umbră paralelă:
Umbra interioară:
Umbra interioară primește o Luminozitate de 90% cu următoarele opțiuni:
- Metoda de umplere Multiplu
- 85% Opacitate
- Distanță 15 pixeli
- Subliniere 30%
- Dimensiune: 57 pixeli
- Contur liniar și neted
Strălucirea exterioară:
Strălucirea exterioară primește o Luminozitate de 20% cu următoarele opțiuni:
- Metoda de umplere înmulțire negativă
- Opacitate: 60 la sută
- Mărime 10 pixeli
- Contur semicircular, neted într-o zonă de 70%
Margine plată și relief:
Marginea plată interioară este cioplită dur. Ca variantă, se poate folosi și rotund!
Urmează să se aleagă următoarele opțiuni:
- Adâncime: 100 la sută
- Mărime: 20 pixeli
- Estompare: 8 pixeli
- Unghi 120 grade
- Înălțime 70 de grade
- Mod bidimensional cu o Luminozitate de 60% la 40 la sută Opacitate
Efectul actual cu setările efectuate:
Strălucire:
Strălucirea primește o Luminozitate de 70% cu următoarele opțiuni:
- Metoda de umplere Amestecare colorată
- Opacitate: 40 la sută
- Unghi 100 de grade - Distanță 100 de pixeli
- Mărime 100 de pixeli
- Contur liniar, neted într-o zonă
Este finalizată litera în stilul de sticlă. Cu variații în Opțiunile de umplere, pot ajusta efectul de sticlă foarte frumos și individual.
Am lucrat intenționat cu tonuri de gri în stilurile de straturi pentru ca textul de sticlă să poată fi aplicat foarte ușor și la alte fundaluri, fără a trebui să ajustăm manual culoarea în Opțiunile de umplere pentru a o potrivi cu noua imagine de fundal. Metoda de umplere Amestecare colorată din registrul Strălucire aduce deja pata colorată necesară!
Pasul 6: Crearea unui strat de matrice pentru refracție luminii cu distorsiune
Duplic stratul de text folosind scurtătura Ctrl+J. Prin Ctrl și Click pe Noua pictogramă de strat din bara de control a straturilor, creez un nou strat care se află sub stratul meu de text duplicat acum. Umpl acest strat cu un ton de gri cu o Luminozitate de 60%.
Toate Opțiunile de umplere cu excepția Umbre în interior sunt dezactivate în stratul de text. Umbra în interior o mai pot edita în Opțiunile de umplere. Acolo reduc valoarea mea de gri la un număr în jur de 50%, astfel încât Umbra în interior să fie puțin mai întărită.
Marchez toate straturile și le reduc la unul singur folosind scurtătura Ctrl+E. Este important ca după reducere să fie setat ca strat de fundal, deoarece filtrul de sticlă următorul necesită matricea să fie un strat de fundal. Dacă matricea nu este un strat de fundal redus, refracția prin filtrul de sticlă nu va reuși așa cum îmi doresc. Prin meniul Strat>Strat nou>Fundal din layer, pot converte un strat de transparență într-un strat de fundal.
Matricea este creată. Acum salvez documentul ca fișier PSD cu numele matrix-02-original.psd.
Pasul 7: Aplicarea filtrului de sticlă cu structură de matrice
Mă întorc la starea inițială a editării folosind scurtătura Ctrl+Alt+Z până când ajung la starea inițială a editării mele înaintea creării matricei.
În primul rând, duplic stratul meu de fundal plasat la început folosind Ctrl+J.
Accesez duplicatul și selectez filtrul de distorsiune Sticlă. Ca Structură, îmi încarc stratul de matrice.
La controlere pot ajusta efectul meu de distorsiune cum vreau. Aleg:
- Distorsiune: 18
- Netezire: 12
Confirm cu OK. Exact acolo unde se află textul meu, textul meu este acum rupt. Efectul de sticlă pare aproape realist datorită refracției luminii.
Pentru ca efectul să se vadă doar în zona textului și să nu apară margini rupte, trebuie doar să selectez textul cu Ctrl și Click pe Miniatura stratului în bara de control a straturilor și adaug selecția mea filtrului de sticlă ca o Mască de smartfilter. Astfel, efectul este tăiat exact în acea zonă unde trebuie să acționeze.
Efectul este complet. Cine consideră că procesul prin matrice este prea complicat, poate folosi pur și simplu filtrul Vibrări. Efectul nu este cu adevărat optim, dar se apropie de o refracție a luminii autentică.
Când vreau să-mi mut textul acum, observ că refracția luminii din planul de fundal duplicat nu se mișcă odată cu textul. Acest lucru este enervant, deoarece acum ar trebui să ajustez din nou o nouă matrice pentru plasarea finală a textului meu.
Pasul 8: Crearea matricei standard
Mai bine este să creezi încă de la început o matrice standard pentru acest efect, în care toate pozițiile posibile ale textului arată bine.
Reiau fișierul meu matrix-02-original.psd, duplic textul de mai multe ori și plasez duplicatele pe tot documentul. Asta pot face, deoarece fișierul PSD constă doar din planul de fundal, cel mai rapid, folosind Timbrul de copiere. 
În acest exemplu, textul PSD a fost pur și simplu copiat. De asemenea, este util să pictați pur și simplu anumite structuri în matrice cu o Pensulă întunecată, care apoi va fi luată în considerare mai târziu. Acest lucru va asigura că, la calcularea ulterioară a efectului de sticlă, nu se pot vedea caracterele. Ulterior salvez documentul sub numele matrix-02-standard.psd.
Pasul 9: Aplicarea filtrului de sticlă cu matricea standard
Deoarece filtrul de distorsionare Sticlă a fost aplicat ca un Filtru inteligent , îl redeschid din nou cu un dublu clic. Actualizez în meniul filtrului Setările predefinite cu noua fișier matrice matrix-02-standard.psd.
Pasul 10: Rearanjarea structurii de straturi
Acum pot să șterg Masca filtrului inteligent. Deoarece dacă textul trebuie să se miște în document, o mască este prea statică. Stratul cu noul efect de filtru îl plasez în partea de jos a Casetei de straturi. Deasupra se va afla imaginea originală a fundalului.
Apoi, trebuie să convertești stratul cu efectul de filtru de la o transparență la un strat de fundal. Aceasta se face din meniu Strat>Strat nou>Fundal din strat.
Pasul 11: Aplicarea tehnicii de tăiere
Efectul nu mai este vizibil datorită noului aranjament al straturilor. În următorul pas, voi readuce efectul de refracție a luminii în imagine.
Deschid Opțiunile umplerii pentru stratul meu de text și activez sub Opțiunile de umplere avansate o Umplere de decupare puternică.
Acum toate transparențele din document pornind de la forma textului sunt tăiate de la stratul textului până la stratul de fundal. Este ca și cum ai decupa în document, indiferent câte straturi sunt vizibile în document. Straturile de transparență sunt ascunse exact în acel loc al textului. Deoarece stratul de fundal nu cunoaște transparența, efectul de filtru aplicat stratului de fundal va fi mereu vizibil în acel loc. 
Astfel, pot muta textul în orice loc și efectul de refracție a luminii va rămâne în litere. Planul de fundal duplicat anterior se asigură că toate celelalte zone care nu au efect de refracție luminii sunt afișate. 
Pasul 12: Alternativa la funcția de decupare: masca de tăiere
Tehnica de decupare nu este foarte cunoscută și este destul de statică pentru variațiile efectului. Există însă o alternativă bună, care se potrivește mai bine domeniului cunoscut al Photoshop-ului și este mai flexibilă pentru variații: simpla Mască de tăiere.
Mă întorc la stratul de fundal folosind scurtăturile Ctrl+Alt+Z, astfel încât să obțin din nou un strat de Smart-Obiect cu filtrul Sticlă. Dezactivez decuparea în Opțiunile umplerii ale stratului de text. Stratul de refracție a luminii, adică smart-obiectul recuperat acum, îl plasez deasupra stratului de text. 
Făcând clic între stratul de text și stratul de refracție a luminii în Caseta de straturi, creez o Mască de tăiere. La fel se poate face și cu scurtătura Ctrl+Alt+G.
Masca de tăiere face ca refracția luminii să fie tăiată conform formei textului.
Efectul devine vizibil atunci când setez Comutatorul de umplere de la 0 la 100 la sută. Un avantaj al trecerii prin Masca de tăiere este că nu am nevoie de un strat de fundal și teoretic, stratul poate fi folosit și ca Smart-Obiect cu Filtre inteligente și posibilitatea de a varia efectul fără pierderi. 
Pasul 13: Variații
Variațiile sunt foarte ușor de realizat în literele textului, folosind alte fonturi, precum și Opțiunile umplerii.
Efectul de refracție a luminii poate fi variat în filtrul de distorsionare Sticlă; acest lucru se poate face și foarte bine, de exemplu, cu presetarea Cub. Se pot aplica, de asemenea, Ondulări sau Valuri oceanice pentru efecte de refracție bune. Dacă efectul de refracție este prea slab, aplic din nou filtrul pe strat folosind Ctrl+F.
Deoarece efectul a fost creat în Opțiunile umplerii cu culori neutre - adică s-a lucrat în principal cu valori gri pentru calcul și cu Metoda de umplere ușoară sub Strălucire -, pot fi plasate foarte ușor noi fundaluri pentru text. Ajustările necesare constau în faptul că matricea trebuie să fie rulată doar odată pe noul fundal prin Filtrul de sticlă.
În acest exemplu, am plasat o imagine de fundal nouă, am duplicat-o. Duplicatul este, de asemenea, plasat ca Mască de tăiere pentru stratul de text. Cu Alt pot să trag Smartfilter-ul stratului existent de refracție a luminii pe noul meu fundal duplicat. Astfel, efectul este rapid adaptat la un alt fundal. 
Alte posibilități de variație sunt de exemplu să conturați refracția luminii ușor sau clar. Aceasta este utilă în special pentru o matrice standard, pentru a netezi structurile dure din efect. Este suficientă o valoare de Borțăluire de 2 pixeli.
În locul borțăluirii, conturarea este foarte eficientă printr-un filtru inteligent High Pass. În Opțiunile de umplere inteligente stabilesc metoda de umplere pe Suprapunere! Astfel obțin un pic mai multă claritate și contrast în refracție, ceea ce face efectul de refracție a luminii să pară mai realist.
În încheiere, încă o dată imaginea inițială cu filtrul High Pass:
