Cum să faci text transparent în Photoshop. Cum să faci litere transparente Font cu litere transparente

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

Să începem.

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

Apoi schimbați culoarea primului plan î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 "embosare". Setați setările așa cum se arată în captura 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, dați clic O.K.

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.

Adăugând din nou embosare, dar cu aceste setări:

Apoi definim Circuit.

Configurare stralucire interioara.

Clic O.K.

Totul este foarte simplu. Reduceți opacitatea de umplere pentru fiecare strat de text la zero:

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

În acest caz, fundalul este adăugat î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 bine definit pe cât ne-am dori.

Puteți să pregătiți fundalul sau să vă desenați 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 un text transparent atât de frumos. Ne vedem la următoarele lecții.

Imaginea finală pe care o vom crea:

Î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ătiți materialele și creați un 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, opțional, deschideți fișierul .PAT pentru a crea un fundal sau utilizați o imagine de fundal prestabilită pentru a nu crea un fundal. Puteți sări peste crearea fundalului și mergeți direct la pasul 3 al acestui tutorial.

Pasul 2 - Realizarea fundalului

Sa mergem înMeniu>Layer>Stiluri de straturi>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de suprapunere) ș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 alegeți Moduri de amestecare. Când ați terminat cu toate setările de mai jos, nu uitați să apăsați „OK” în fereastra de setări de suprapunere! Dacă ați descărcat șabloane de fișiere - utilizați șablonul # 31. De asemenea, puteți lăsa fundalul fără suprapunere de textură sau puteți utiliza orice altă textură care este potrivită pentru un fundal deschis.

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

Stralucire interioara: Mod de amestecare: Color Dodge, Opacitate 19%, Zgomot 0%, Culoare #ffffff, Metodă-Soft, Origin-Center, Pull-In 24%, Dimensiune 250px, Interval 50%, Jitter 0%.

Suprapunere gradient: Mod de amestecare - Înmulțire, Opacitate 100%, #80b2a7 la #c7c8a2, Stil - Radial, Aliniere la strat, Unghi 0, Scală 74%.

Suprapunere model: Mod de amestecare - Normal, Opacitate 100%, utilizați textura din 72 de modele web subtile, scalare 100%.

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

Acum putem începe să facem efectul de text. Mai întâi selectați instrumentul de text și schimbați fontul în TheNautiGal, cu dimensiunea de aproximativ 255 pt și metoda de antialiasing la 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 plasat sub toate straturile de text. Să mergem la Meniu>Layer>Stiluri de straturi>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de suprapunere) și utilizați setările de mai jos pentru textul nostru.

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

embosare: Stil-Teșire interioară, Metodă-netedă, Adâncime 83%, Direcție în sus, Dimensiune 3px, Reducere 0px, Unghi 0, Debifați „Utilizați iluminare globală”, Înălțime 26, Casetă de selectare „Anti-Aliasing”, Mod Evidențiere - Dodge liniar, Culoare #ffffff, Opacity 28%, Shadow Mode - Linear Dimmer, Color #000000, Opacity 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>Strat> Meniu > Strat > Stil strat > Șterge stilul stratului(Meniu>Layer>Layer Style>). Meniu > Strat > 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ă apăsați „OK” în fereastra de 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 - Arzător liniar, Culoare #171718, Opacitate 24%, Unghi 180, Debifați „Utilizați iluminare globală”, Offset 1px, Pull Off 0%, Dimensiune 0px, Zgomot 0%.

embosare: Stil - Teșire interioară, Metodă - Netedă, Adâncime 1000%, Direcție - Sus, Dimensiune 4px, Ușurare 1px, Unghi 0, Debifați „Utilizați iluminare globală”, Înălțime 26, Casetă de selectare „Anti-Aliasing”, Mod Evidențiere - iluminare de bază, culoare #ffffff, opacitate 4%, mod umbră - dimmer liniar, culoare # 000000, opacitate 10%.

Pasul 6

Crearea și ajustarea ultimului al 3-lea 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 > Strat > Stil strat > Șterge stilul stratului(Meniu>Layer>Stil strat>Șterge stilul stratului), deoarece vom aplica un stil diferit acestui strat. În sfârșit mergi la Meniu > Strat > Stil strat > Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de suprapunere) ș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ă apăsați „OK” în fereastra de setări de suprapunere! Acesta este stratul de text principal și ar trebui să fie plasat 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, Trage 0%, Dimensiune 8px, Zgomot 0%.

Umbra interioara: Mod de amestecare - Linear Dodge, Culoare #ffffff, Opacitate 22%, Unghi - 90, Debifați Utilizare iluminare globală, Offset 1px, Pull Off 0%, Dimensiune 0px, Antialiasing, Zgomot 0% .

embosare: Stil - teșire interioară, metodă - netedă, adâncime 1000%, direcție - în sus, dimensiune 16px, înmuiere 0px, unghi 0, debifați „utilizați iluminare globală”, înălțime 40, bifa „antialiasing”, modul de evidențiere - Linear Dodge, Culoare #ffffff , Opacitate 18%, Mod umbră - Dimmer liniar, Culoare #000000, Opacitate 8%.

Accident vascular cerebral: Dimensiune 1 px, Poziție - În interior, Mod de amestecare - Suprapunere, Opacitate 27%, Tip de contur - Culoare, Culoare #999999.

Imagine 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 foarte 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 să fac? Ritmul modern al vieții nu vă permite să fiți împrăștiați peste fleacuri și să petreceți mult timp lucrând la detalii. Acesta este un mod atât de util. Este foarte ușor să creezi acest efect în Photoshop. Pentru aceasta avem nevoie de imaginea originală.

Folosind instrumentul de text, scrieți orice cuvânt. Și plasează-l în mijlocul imaginii. Cred că înțelegeți că este mai bine să folosim litere aldine și majuscule. Deci efectul nostru va fi mai vizibil. Culoarea pe care o folosim este alb.


În fereastra Straturi, găsiți stratul nostru de text și modificați opacitatea acestuia la 50%.


Asta e tot! Rămâne doar să reducem 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 care arată ca sticla. Acest efect se face puțin diferit. Trebuie să adăugăm volum textului.

Să luăm o imagine sursă diferită. 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.


Și acum, în fereastra Straturi, schimbați modul de amestecare la „înlocuire cu lumină”. Textul nostru devine invizibil. Să-i dăm volum. Folosind instrumentul meu preferat, Opțiuni de amestecare. Acestea sunt apelate prin clic dreapta pe strat.



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


Și „embosare”:


Joacă-te cu florile. Le poți alege în funcție de culoarea imaginii tale. Pot exista multe variante. O ușoară deplasare a cursorului 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.


Reducem straturile, economisim.

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

A treia variantă este cea mai ușoară. Același text negru. Același mod de amestecare „înlocuiește lumina”. Însă, în opțiunile de suprapunere, 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. Porniți-vă imaginația la maximum și creați!

Buna ziua. Cum se face textul transparent în Microsoft Word?

Răspunsul maestrului:

Buna ziua.

În procesul de tastare, de creare a paginilor de site-uri web sau a interfețelor programului, poate fi necesar să se facă transparent o parte sau tot textul. Transparența textului este foarte condiționată de un computer și în diverse programe este implementată după același principiu. Metoda de creare a textului transparent poate fi luată în considerare folosind editorul de text Microsoft Word ca exemplu.

Începeți să creați text transparent ar trebui să fie culoarea de fundal în care va fi introdus textul. Apoi, trebuie să aflați codul pentru această culoare. Pentru a face acest lucru, selectați „Format” în meniul principal al editorului, în submeniul care apare, plasați cursorul pe linia „Background”, apoi selectați elementul „Alte culori”. Va apărea o fereastră în care sub spectrul de culori va fi semnat codul culorii selectate. Trebuie memorat sau notat.

Apoi, trebuie să deschideți elementul „Format” din meniul principal al editorului, apoi „Font”. În fereastra de proprietăți a fontului care se deschide, selectați fila „Font”. Apoi, trebuie să faceți clic pe bara de selecție a culorilor (sub linia „Culoare text”), apoi trebuie să selectați elementul „Alte culori”. În fereastra de selecție a culorii care se deschide, trebuie să introduceți codul de culoare de fundal înregistrat anterior. Astfel, culoarea textului se va îmbina cu culoarea de fundal, vizual textul va apărea transparent (invizibil).

Pentru a citi text transparent, îl puteți selecta pur și simplu cu mouse-ul.

Imaginea finală pe care o vom crea:

Î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ătiți materialele și creați un 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, opțional, deschideți fișierul .PAT pentru a crea un fundal sau utilizați o imagine de fundal prestabilită pentru a nu crea un fundal. Puteți sări peste crearea fundalului și mergeți direct la pasul 3 al acestui tutorial.

Pasul 2 - Realizarea fundalului

Sa mergem înMeniu>Layer>Stiluri de straturi>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de suprapunere) ș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 alegeți Moduri de amestecare. Când ați terminat cu toate setările de mai jos, nu uitați să apăsați „OK” în fereastra de setări de suprapunere! Dacă ați descărcat șabloane de fișiere - utilizați șablonul # 31. De asemenea, puteți lăsa fundalul fără suprapunere de textură sau puteți utiliza orice altă textură care este potrivită pentru un fundal deschis.

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

Stralucire interioara: Mod de amestecare: Color Dodge, Opacitate 19%, Zgomot 0%, Culoare #ffffff, Metodă-Soft, Origin-Center, Pull-In 24%, Dimensiune 250px, Interval 50%, Jitter 0%.

Suprapunere gradient: Mod de amestecare - Înmulțire, Opacitate 100%, #80b2a7 la #c7c8a2, Stil - Radial, Aliniere la strat, Unghi 0, Scală 74%.

Suprapunere model: Mod de amestecare - Normal, Opacitate 100%, utilizați textura din 72 de modele web subtile, scalare 100%.

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

Acum putem începe să facem efectul de text. Mai întâi selectați instrumentul de text și schimbați fontul în TheNautiGal, cu dimensiunea de aproximativ 255 pt și metoda de antialiasing la 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 plasat sub toate straturile de text. Să mergem la Meniu>Layer>Stiluri de straturi>Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de suprapunere) și utilizați setările de mai jos pentru textul nostru.

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

embosare: Stil-Teșire interioară, Metodă-netedă, Adâncime 83%, Direcție în sus, Dimensiune 3px, Reducere 0px, Unghi 0, Debifați „Utilizați iluminare globală”, Înălțime 26, Casetă de selectare „Anti-Aliasing”, Mod Evidențiere - Dodge liniar, Culoare #ffffff, Opacity 28%, Shadow Mode - Linear Dimmer, Color #000000, Opacity 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>Strat> Meniu > Strat > Stil strat > Șterge stilul stratului(Meniu>Layer>Layer Style>). Meniu > Strat > 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ă apăsați „OK” în fereastra de 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 - Arzător liniar, Culoare #171718, Opacitate 24%, Unghi 180, Debifați „Utilizați iluminare globală”, Offset 1px, Pull Off 0%, Dimensiune 0px, Zgomot 0%.

embosare: Stil - Teșire interioară, Metodă - Netedă, Adâncime 1000%, Direcție - Sus, Dimensiune 4px, Ușurare 1px, Unghi 0, Debifați „Utilizați iluminare globală”, Înălțime 26, Casetă de selectare „Anti-Aliasing”, Mod Evidențiere - iluminare de bază, culoare #ffffff, opacitate 4%, mod umbră - dimmer liniar, culoare # 000000, opacitate 10%.

Pasul 6

Crearea și ajustarea ultimului al 3-lea 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 > Strat > Stil strat > Șterge stilul stratului(Meniu>Layer>Stil strat>Șterge stilul stratului), deoarece vom aplica un stil diferit acestui strat. În sfârșit mergi la Meniu > Strat > Stil strat > Opțiuni de amestecare(Meniu>Layer>Stil strat>Opțiuni de suprapunere) ș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ă apăsați „OK” în fereastra de setări de suprapunere! Acesta este stratul de text principal și ar trebui să fie plasat 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, Trage 0%, Dimensiune 8px, Zgomot 0%.

Umbra interioara: Mod de amestecare - Linear Dodge, Culoare #ffffff, Opacitate 22%, Unghi - 90, Debifați Utilizare iluminare globală, Offset 1px, Pull Off 0%, Dimensiune 0px, Antialiasing, Zgomot 0% .

embosare: Stil - teșire interioară, metodă - netedă, adâncime 1000%, direcție - în sus, dimensiune 16px, înmuiere 0px, unghi 0, debifați „utilizați iluminare globală”, înălțime 40, bifa „antialiasing”, modul de evidențiere - Linear Dodge, Culoare #ffffff , Opacitate 18%, Mod umbră - Dimmer liniar, Culoare #000000, Opacitate 8%.

Accident vascular cerebral: Dimensiune 1 px, Poziție - În interior, Mod de amestecare - Suprapunere, Opacitate 27%, Tip de contur - Culoare, Culoare #999999.

Imagine finală