Cum se creează un efect de text Fabric Text în Adobe Photoshop

Ce veți crea

În acest tutorial vă voi arăta cum să creați un efect de camuflaj sau "camo" text text în Adobe Photoshop. Veți învăța cum să utilizați unele filtre Photoshop și să creați modele cu ele. Apoi veți învăța cum să utilizați modelele cu stiluri de straturi pentru a crea rezultatul final.

Dacă doriți să săriți peste acest tutorial, dar doriți să cumpărați efectul de text, puteți să vă îndreptați către GraphicRiver și să cumpărați stiluri Fabric. 

Pachetul complet are opt efecte diferite de text și funcționează cu forme și text.

Stiluri Fabric

Tutorial Active

Următoarele elemente au fost utilizate în timpul acestui tutorial:

  • Aller Display
  • Background și Contour în interiorul fișierului zip atașat la acest tutorial.

1. Cum să creați modelul Fabric

Pasul 1

Deschideți Photoshop și creați un nou 18 X 18 px document.

Pasul 2

Schimbați culoarea primului rând la # 6b6b6b.

Pasul 3

presa Control-Shift-N pentru a crea un nou strat. Apoi alegeți Instrumentul dreptunghiului și trageți a 6 x 6 px pătrat în colțul din stânga sus (Puteți să măriți imaginea cu Control-Space-stânga-clic).

Avem nevoie de o textura la fel ca imaginea de mai jos. Rețineți că avem trei culori diferite pe imagine: # 6b6b6b pentru culoarea luminii, # 3f3f3f pentru culoarea medie și # 121212 pentru culoarea închisă. Continua să faci 6 x 6 px pătrate pe straturi separate până când completați întregul 18 x 18 px document.

Pasul 4

Mergi la Editați> Definiți modelul și denumiți modelul Fabric Texture Tutorial. Apoi apasa O.K pentru a salva modelul.

2. Cum să creați textura Camo

Pasul 1

Creaza un nou 486 x 486 px document.

Pasul 2

presa D pentru a reseta culorile din prim-plan și fundal. Apoi du-te la Filtru> Render> Nori.

Pasul 3

Mergi la Filtru> Pixel> Mozaic, Seteaza Dimensiunea celulei la 18 pătrat, și faceți clic pe O.K.

Pasul 4

Mergi la Filtru> Galerie de filtrare. Apoi selectați Elimina în Artistic categorie cu aceste setări:

  • Număr de nivele: 4 sau 5 (testați și vedeți care vă place mai mult)
  • Edge Simplicity: 1
  • Edge Fidelity: 1

Pasul 5

Acum faceți dublu clic pe fundal strat pentru a debloca stratul. Apoi redenumiți-o Camo de bază și faceți clic pe O.K.

Pasul 6

Faceți dublu clic pe strat Camo de bază pentru a deschide Stratul de stil fereastră. Adauga o Suprapunerea modelului cu aceste setări:

  • Mod amestec: Lumină tare
  • Opacitate: 52%
  • Pattern: Selectați modelul pe care l-am creat înainte (Fabric Texture Tutorial)
  • Scară: 100%
  • Legătura cu stratul: verificat

Clic O.K.

Imaginea ta ar trebui să arate astfel:

Pasul 7

Mergi la Fereastră> Ajustări pentru a deschide Ajustări panou.

Pasul 8

Adauga o Harta de gradienți dând clic pe ultima pictogramă a panoului.

Pasul 9

Faceți dublu clic pe pictograma gradient a stratului Harta gradientului 1. Proprietăți panoul va apărea.

Pasul 10

Faceți clic pe bara de gradient al Proprietăți panou pentru a deschide Gradient Editor

Puteți juca cu acest pas următor și puteți realiza culori diferite. Voi crea o textura verde. 

Creați un gradient cu următoarele setări:

  • Prima oprire Culoare: # 0c1005
  • Prima poziție de oprire: 0%
  • A doua oprire Culoare:  # 8aa269
  • Poziția de poziție secundară: 51%
  • A treia culoare de oprire: # e3efcc
  • Poziția a treia poziție: 100%

Pasul 11

Selectați stratul Camo de bază și du-te la Editați> Definiți modelul, și apoi denumiți modelul Camo Fabric și faceți clic pe O.K.

3. Cum se creează textura frontierei

Pasul 1

Creaza un nou 4 x 4 px document cu fundal negru.

Pasul 2

Măriți imaginea până când vedeți pixelii individuali. Apoi alegeți Instrumentul creionului cu o dimensiune de 1 px și trageți o linie albă diagonală așa cum se arată în imaginea de mai jos.

Pasul 3

Mergi la Editați> Definiți modelul și numește-o Textura frontală.

4. Cum se creează stiluri de straturi

Pasul 1

Deschide fundal imagine care se află în interiorul zipului atașat la acest tutorial.

Pasul 2

Alegeți Instrumentul tip (T) cu fontul Aller Display și dimensiunea 179 pt si scrie ȚESĂTURĂ. Apoi puneți-l pe raftul fundalului.

Pasul 3

Faceți dublu clic pe stratul de text pentru a deschide Stratul de stil fereastră.

Să începem cu Suprapunerea modelului astfel încât să vedem ce se întâmplă pe imagine.

Adaugă Suprapunerea modelului cu aceste setări:

  • Mod amestec: Normal
  • Opacitate: 100%
  • Pattern: Selectați textura pe care am creat-o (Camo Fabric)
  • Scară: 25% 
  • Legătura cu stratul: verificat

Pasul 4

Adauga o Bevel & Embos cu aceste setări:

  • Stil: Grava
  • Tehnică: Neted
  • Adâncime: 174%
  • Direcţie: Sus
  • Mărimea: 4 px
  • Slăbi: 0 px
  • Utilizați Lumină Globală: Necontrolată
  • Unghi: 90º
  • Altitudine: 48º
  • Contur de luciu: faceți clic pe caseta și Încărcați pentru a instala fișierul de contur care se află în interiorul fermoarului
  • Modul de evidențiere: Ecran
  • Evidențiați Culoarea Modului: #FFFFFF
  • Modul Opacitate mod de evidențiere: 10%
  • Mod Shadow: Normal
  • Mod de Mod Shadow: # 364928
  • Mod de Opacitate a Umbrei: 81%

Pasul 5

Adauga o Accident vascular cerebral cu aceste setări:

  • Mărimea: 4 px
  • Poziţie: In afara
  • Mod amestec: Normal
  • Opacitate: 100%
  • Supraprimire: Neconfirmat
  • Tip de umplere: Model
  • Model: Selectați modelul Camo Fabric 
  • Scară: 25%
  • Legătură cu strat: verificată

Pasul 6

Adăugați un Umbra interioara cu aceste setări:

  • Mod amestec: Lumina liniara
  • Opacitate: 2%
  • Utilizați Lumină Globală: Necontrolată
  • Unghi: -27º
  • Distanţă: 6 px
  • Sufoca: 6%
  • Mărimea: 8 px
  • Contur: Liniar
  • Anti-alias: Necontrolat
  • Zgomot: 0%

Pasul 7

Adăugați un Stralucire interioara cu aceste setări:

  • Mod amestec: Acoperire
  • Opacitate: 20%
  • Zgomot: 0%
  • Culoare: #FFFFFF
  • Tehnică: Mai încet
  • Sursă: Centru
  • Sufoca: 39%
  • Mărimea: 27 px
  • Contur: Liniar
  • Anti-alias: Necontrolat
  • Gamă: 85%
  • Jitter: 0%

Pasul 8

Adăugați un Lumină exterioară cu aceste setări:

  • Mod amestec: Lumina liniara
  • Opacitate: 100%
  • Zgomot: 59%
  • Culoare: # 969c8e
  • Tehnică: Mai încet
  • Spread: 100%
  • Mărimea: 4 px
  • Contur: Liniar
  • Anti-alias: verificat
  • Gamă: 100%
  • Jitter: 0%

Pasul 9

Adauga o Umbra cu aceste setări:

  • Mod amestec: Normal
  • Culoare: # 000000
  • Opacitate: 100%
  • Utilizați Lumină Globală: Necontrolată
  • Unghi: 146º
  • Distanţă: 1 px
  • Spread: 26%
  • Mărimea: 10 px
  • Contur: Liniar
  • Anti-alias: Necontrolat
  • Zgomot: 0%
  • Stratul bate la ieșire: verificat

Pasul 10

Selectați stratul de text și apăsați Control-J să o duplicați. Apoi redenumiți copia la Camo TOP.

Pasul 11

Faceți clic dreapta pe strat Camo Top și alegeți Eliminați stilul stratului. Apoi faceți dublu clic pe acesta pentru a deschide Stratul de stil fereastră.

Adauga o Bevel & Embos cu aceste setări:

  • Stil: Grava
  • Tehnică: Neted
  • Adâncime: 174%
  • Direcţie: Sus
  • Mărimea: 4 px
  • Slăbi: 0 px
  • Utilizați Lumină Globală: Necontrolată
  • Unghi: 90º
  • Altitudine: 48º
  • Gloss Contour: Selectați conturul pe care l-am instalat înainte (Fabric personalizat)
  • Anti-alias: verificat
  • Modul de evidențiere: Ecran
  • Evidențiați Culoarea Modului: #FFFFFF
  • Modul Opacitate mod de evidențiere: 0%
  • Mod Shadow: Normal
  • Mod de Mod Shadow: # 4d6326
  • Mod de Opacitate a Umbrei: 15%

Pasul 12

Adauga o Accident vascular cerebral cu aceste setări:

  • Mărimea: 2 px
  • Poziţie: In afara
  • Mod amestec: Linear Dodge (Adăugați)
  • Opacitate: 45%
  • Supraprimire: Neconfirmat
  • Tip de umplere: Model
  • Mod: Selectați Textura frontală (Aceasta va crea iluzia de cusătură pe margini)
  • Scară: 200%
  • Legătură cu strat: verificată

Pasul 13

Adăugați un Umbra interioara cu aceste setări:

  • Mod amestec: Lumina slaba
  • Culoare: # 000000
  • Opacitate: 20%
  • Utilizați Lumină Globală: Necontrolată
  • Unghi: -27º
  • Distanţă: 0 px
  • Sufoca: 62%
  • Mărimea: 10 px
  • Contur: Liniar
  • Anti-alias: Necontrolat
  • Zgomot: 0%

Pasul 14

Adăugați un Stralucire interioara cu aceste setări:

  • Mod amestec: Acoperire
  • Opacitate: 4%
  • Zgomot: 0%
  • Culoare: #FFFFFF
  • Tehnică: Mai încet
  • Sursă: Centru
  • Sufoca: 53%
  • Mărimea: 16 px
  • Contur: Liniar
  • Anti-alias: Necontrolat
  • Gamă: 85%
  • Jitter: 0%

Apoi faceți clic pe O.K.

Felicitări, ați terminat acum!

În acest tutorial, ați învățat cum să creați un efect text de tip camo în Adobe Photoshop.

Am inceput prin crearea unei texturi de tesatura, apoi am creat o textura camo si am combinat ambele texturi. Apoi am creat o a treia textura pentru marginea textului. După aceea, am creat două stiluri de strat folosind toate cele trei texturi.

Nu uitați să salvați stilurile, astfel încât să puteți folosi și alte lucruri.

Sper că v-ați bucurat de acest tutorial și vă puteți lăsa comentariile de mai jos. 

Acest efect de text pe care tocmai l-am creat face parte din stilurile Fabric. 

Stiluri Fabric