Cum se creează o acțiune de efecte text acoperită cu frunze în Adobe Photoshop

Ce veți crea

În acest tutorial, veți învăța cum să creați un efect de text foarte frumos și natural, pe care o vom înregistra cu o acțiune Photoshop, astfel încât să puteți aplica același efect oricărui font foarte repede. Apoi, pentru a face să pară și mai bine, vom adăuga câteva ramuri și păsări la rezultatul final.

Acest efect de text face parte din acțiunea Generator de frunze Photoshop.

Iată caracteristicile acțiunii complete:

  • Funcționează cu orice font sau formă.
  • Stratul de stil și culorile sunt complet editate.
  • 300 și 72 dpi.
  • Șase culori diferite pentru care puteți alege.
  • Funcționează cu CS5, CS6 și CC.
  • PSD cu ramuri de înaltă rezoluție și păsări.
Leaf Generator Photoshop Acțiune

Tutorial Active

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

  • Kingthings Organica (font)
  • Ficus Pumila (Imagine) *
  • Pescarul de la Kingfisher (Imagine) *
  • Macaw Bird (Imagine) *
  • Plăcuțe generatoare de frunze *

* Elementele marcate cu un asterisc sunt în interiorul fișierului zip atașat la acest tutorial, editat și pregătit pentru utilizare în acest tutorial.

1. Cum se creează fundalul

Pasul 1

Creați un document nou cu următoarele setări:

  • Nume: Leaf Generator Tutorial
  • dimensiuni: 850 x 553 px
  • Rezoluţie: 72 dpi
  • Modul color: RGB Culoare 8 biți
  • Conținut de fond: Personalizat # 193333

Pasul 2

Dublu click pe fundal și redenumiți-o BG. Atunci Click dreapta pe el și alegeți Conversia la obiectul inteligent.

Pasul 3

Mergi la Filtru> Zgomot> Adăugați zgomot și utilizați aceste setări:

  • Cantitate: 1,12%
  • Distribuție: Gaussian
  • monocromă: Pe

Pasul 4

Acum dublu click pe BG strat pentru a deschide Stratul de stil panou. Apoi aplicați un Stralucire interioara cu aceste setări:

  • Mod amestec: Multiplica
  • Opacitate: 65%
  • Zgomot: 0%
  • Culoare: # 102a50
  • Tehnică: Mai încet
  • Sursă: Margine
  • Sufoca: 26%
  • Mărimea: 250 px
  • Contur: Liniar
  • Antialias: Pe
  • Gamă: 100%
  • Jitter: 0%

Apoi faceți clic pe O.K pentru a închide Stratul de stil fereastră.

2. Cum se creează stilurile

Pasul 1

Pentru acest pas, vom folosi modelul și periile din fișierul zip atașat la acest tutorial. Am creat modelul folosind această imagine Ficus Pumila (Autor: Khalid Mahmood). Am făcut-o fără probleme, am eliminat niște zgomote, am scos niște detalii puternice și i-am modificat culorile. Modelul din fișierul zip este redus la 25% din dimensiunea originală, deci este perfect pentru acest tutorial.

Am creat periile de la zero și este destul de ușor de făcut. Dacă doriți să învățați cum să creați astfel de perii, continuați și verificați acest tutorial.

Așa că, fără să mai vorbim, să continuăm.

Mergi la Editați> Presetare> Manager presetat și selectați Modele de din meniul drop-down. Apoi faceți clic pe Sarcină… și instalați Textura generatorului de frunze (În fișierul zip). După aceea, selectați Perii și încărcați Plăcuțe generatoare de frunze - Tutorial fișier (și în interiorul fișierului zip). Vom folosi pensulele mai târziu.

Pasul 2

Alegeți Instrument tip orizontal (T) și setați fontul la Kingthings Organica și dimensiunea fontului la 287 pt. Apoi scrie frunze.

Pasul 3

Dublu click pe stratul de text pentru a deschide Stratul de stil fereastră. Apoi, adăugați a Suprapunerea modelului cu aceste setări:

  • Mod amestec: Normal
  • Opacitate: 100%
  • Model: Textura generatorului de frunze
  • Scară: 100%
  • Legătura cu stratul: Pe

Pasul 4

Acum adaugati a Gradient Overlay cu aceste setări:

  • Mod amestec: Acoperire
  • Opacitate: 25%
  • Cuantizare: de pe
  • Gradient: Alb negru
  • Inversa: de pe
  • Aliniați cu stratul: Pe
  • Stil: Liniar
  • Unghi: 90 °
  • Scară: 100%

Pasul 5

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

  • Mod amestec: Linear Dodge (Adăugați)
  • Opacitate: 59%
  • Zgomot: 0%
  • Culoare: # acff62
  • Tehnică: Mai încet
  • Sursă: Margine
  • Sufoca: 0%
  • Mărimea: 17 px
  • Contur: Liniar
  • Antialias: Pe
  • Gamă: 100%
  • Jitter: 0%

Pasul 6

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

  • Mod amestec: Lumină tare
  • Culoare: # 122d02
  • Opacitate: 100%
  • Utilizați lumina globală: de pe
  • Unghi: -180 °
  • Distanţă: 15 px
  • Sufoca: 0%
  • Mărimea: 11 px
  • Contur: Liniar
  • Antialias: de pe
  • Zgomot: 0%

Pasul 7

Adauga o Bevel & Embos cu aceste setări:

  • Stil: Inner Bevel
  • Tehnică: Neted
  • Adâncime: 178%
  • Direcţie: Sus
  • Mărimea: 4 px
  • Slăbi: 6 px
  • Utilizați lumina globală: de pe
  • Unghi: -135 °
  • Altitudine: 32 °
  • Contur de luciu: Sanie înclinată - descendentă
  • Antialias: Pe
  • Modul de evidențiere: Ecran
  • Evidențiați culoarea: # e1ff90
  • Evidențiați opacitatea: 31%
  • Mod Shadow: Întuneca
  • Culoarea umbrei: # 000000
  • Opacitatea umbrei: 22%

Pasul 8

Acum faceți clic pe Nou stil și salvați-l ca pe Frunze mici. Apoi, verificați Includeți efectul stratului și Includeți opțiunile de amestecare a straturilor casete și faceți clic pe O.K.

Pasul 9

Acum dezactivați Stralucire interioara filtru și Editați | × Umbra interioara cu aceste setări:

  • Mod amestec: Lumină tare
  • Culoare: # 122d02
  • Opacitate: 43%
  • Utilizați lumina globală: de pe
  • Unghi: -180 °
  • Distanţă: 15 px
  • Sufoca: 0%
  • Mărimea: 42 px
  • Contur: Liniar
  • Antialias: de pe
  • Zgomot: 0%

Pasul 10

Salvați din nou stilul făcând clic pe Nou stil buton, dar numele Frunze limitate mici de data asta. Apoi faceți clic pe O.K pentru a închide Stratul de stil fereastră.

3. Cum se creează acțiunea

Pasul 1

Mergi la Fereastra> Acțiuni pentru a deschide acţiuni panou. Apoi faceți clic pe Creați un set nou pictograma și numiți-o Frunze Efect acoperit. După aceea, faceți clic pe Creați o acțiune nouă pictograma și numiți-o Efect de frunze - mic. Apoi faceți clic pe Record pentru a începe înregistrarea acțiunii.

Tot ce faceți în Photoshop este înregistrat, deci aveți grijă și urmați instrucțiunile cu atenție. Dacă faceți o greșeală, faceți clic pe Opriți înregistrarea icon, ștergeți eroarea din panoul de acțiune și reluați din nou înregistrarea.

Pasul 2

Redenumiți stratul de text la Text BKP și setați dimensiunea textului la 287,5 pt. După aceea, apăsați Control-A pentru a selecta întregul document. Apoi, alegeți Mutați instrumentul (V) și aliniați stratul la centrua documentului.

Pasul 3

presa Control-D pentru a elimina selecția. După aceea, apăsați Control-J pentru a duplica stratul. Apoi, redenumiți copia la Baza de text.

Pasul 4

Click dreapta pe Baza de text strat și alegeți Rasterizeaza tipul. Apoi, du-te la Fereastră> Stiluri pentru a deschide stiluri panou. După aceea, faceți clic pe Frunze mici stil pentru ao aplica stratului rasterizat.

Pasul 5

Alegeți Instrument perie (B) și selectați Frunze A perie. Atunci, Control-clic pe miniatură Baza de text pentru a crea o selecție în jurul textului. După aceea, alegeți Instrumentul poligonal Lasso (L) și Click dreapta cu ea pe selecție și alegeți Faceți calea de lucru. Creați calea de lucru cu un Toleranţă de 2,0 px.

Pasul 6

Asigurați-vă că ați verificat dacă peria Opacitate și Completati sunt setate la 100% pentru următorul pas.

Mergi la Fereastră> Cale pentru a deschide Căi panou. După aceea, dați clic pe pictograma mică de pe coltul din dreapta-sus a panoului și alegeți Cale de atac. Apoi selectați Perie pe Instrument opțiune, debifați opțiunea Simulați presiunea caseta și faceți clic pe O.K.

Pasul 7

Acum vom crea un alt strat și vom aplica un al doilea accident vascular cerebral, făcând marginile textului să pară mai realiste.

presa Control-Shift-N pentru a crea un strat nou, denumiți-l Frunze de frunze, și faceți clic pe O.K. Apoi, țineți Control și faceți clic pe miniatură Baza de text strat pentru a crea o altă selecție. După aceea, alegeți Instrumentul poligonal Lasso (L) din nou și să creați un altul Cale de lucru la fel ca înainte.

Aveți grijă să nu selectați Baza de text layer pe panoul Straturi (The Frunze de frunze stratul trebuie păstrat selectat).

Pasul 8

Alegeți Instrument perie (B) din nou și selectați Frunze B perie. Apoi, du-te la Căi panou, Click dreapta pe Cale de lucru, și alegeți Cale de atac la fel ca înainte.


Pasul 9

Mergeți la Căi panou din nou și șterge Cale de lucru. Apoi du-te la stiluri panou și faceți clic pe Frunze limitate mici stil să o aplicăm la granița pe care tocmai am creat-o.


Pasul 10

Acum trebuie să convertim toate straturile de text într-un Smart Object.

Tine Control și faceți clic pentru a selecta Text BKP, Baza de text și Frunze de frunze straturi. Atunci, Click dreapta pe unul dintre ei și alegeți Conversia la obiectul inteligent. După aceea, redenumiți noul Obiect inteligent la Frunze.


Pasul 11

Acum trebuie să adăugăm câteva umbre la text.

Dublu click pe Frunze strat pentru a deschide Stratul de stil fereastră. Apoi, adăugați a Umbra cu aceste setări:

  • Mod amestec: Multiplica
  • Culoare: # 000000
  • Opacitate: 63%
  • Utilizați lumina globală: de pe
  • Unghi: 0 °
  • Distanţă: 5 px
  • Spread: 0%
  • Mărimea: 9 px
  • Contur: Liniar
  • Antialias: Pe
  • Zgomot: 0%
  • Stratul scapă de umbră: Pe

Pasul 12

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

  • Mod amestec: Lumină tare
  • Culoare: # 000000
  • Opacitate: 61%
  • Utilizați lumina globală: de pe
  • Unghi: 180 °
  • Distanţă: 8 px
  • Sufoca: 0%
  • Mărimea: 2 px
  • Contur: Liniar
  • Antialias: de pe
  • Zgomot: 0%

Apoi faceți clic pe O.K pentru a închide Stratul de stil fereastră.

Pasul 13

presa Control-J pentru a duplica stratul curent. Apoi redenumiți copia la Lăsăm umbra, schimba Umpleți opacitatea la 0%, și trimiteți stratul înapoi (Aranjați> Trimiteți înapoi). Dupa aceea, dublu click pe Lăsăm umbra strat pentru a deschide Stratul de stil din nou. Atunci, elimina Umbra interioara filtru și Editați | × Umbra cu aceste setări:

  • Mod amestec: Multiplica
  • Culoare: # 000000
  • Opacitate: 19%
  • Utilizați lumina globală: de pe
  • Unghi: 0 °
  • Distanţă: 15 px
  • Spread: 26%
  • Mărimea: 7 px
  • Contur: Liniar
  • Antialias: Pe
  • Zgomot: 0%
  • Stratul scapă de umbră: Pe

Pasul 14

Să eliminăm zgomotul din textură.

Selectează Frunze strat și du-te la Filtru> Zgomot> Reducerea zgomotului.

Utilizați aceste setări:

  • Putere: 10
  • Păstrați detalii: 11%
  • Reducerea zgomotului de culoare: 8%
  • Detalii despre ascuțire: 19%
  • Eliminare artefact JPEG: de pe

Pasul 15

Frunzele arata putin cam neclare, asa ca sa adaugam o ascutire foarte subtila.

Mergi la Filtru> Sharpen> Sharpen inteligent și utilizați aceste setări:

  • Cantitate: 66%
  • Rază: 0,5 px
  • Elimina: Gaussian Blur

Pasul 16

Acum, să facem frunzele mai puțin verzi. Vom folosi o Harta de gradienți pentru asta.

Selectează Frunze strat și du-te la Fereastră> Ajustări. Apoi faceți clic pe Creați un Gradient nou pentru a crea o imagine nouă Harta de gradienți strat.

Pasul 17

Redenumiți Harta de gradienți strat la Culori de culori și schimba-l Opacitate la 50%. Dupa aceea, Click dreapta pe același strat și alegeți Creați o mască de tăiere. Atunci dublu click pe miniatura sa pentru a deschide Proprietăți panou.

Pasul 18

Faceți clic pe bara de gradienți și modificați-o cu următoarele setări:

  • Prima oprire: # 031000 Locație: 5%
  • A doua oprire: # 054c2b Locație: 26%
  • A treia oprire: # 106905 Locație: 42%
  • A patra oprire: # 86ff5c Locație: 87%

După aceea, mergeți la acţiuni panou și faceți clic pe Opriți înregistrarea pentru a termina acțiunea.

4. Finalizarea compoziției

Pasul 1

Să creați o umbră foarte simplă sub text.

Alegeți Instrument rotunjit dreptunghiular (U) și să creeze un negru orizontală dreptunghi chiar sub Lăsăm umbra strat.


Pasul 2

Click dreapta pe Dreptunghi rotunjit strat și alegeți Conversia la obiectul inteligent. Apoi du-te la Filtru> Blur> Gaussian Blur și puneți-o la dispoziție 6 px. După aceea, setați Opacitate din Dreptunghi rotunjit strat la 71%.

Pasul 3

Acum vom folosi ramurile și păsările din fișierul zip. Am creat aceste ramuri utilizând imaginea originală Ficus Pumila. Am tăiat niște frunze din ea și am desenat crenguțele. Apoi am pus totul împreună și am creat umbrele ramurilor folosind stiluri de straturi și o perie moale.

Păsările sunt amândouă de la pixabay.com, și trebuie să le editez și ele. Am înlăturat fundalul și am recreat unele părți mici ale păsărilor care nu existau pe imaginea originală (au fost tăiate din imagine). Apoi am aplicat lumini și umbre folosind un stil de strat. Aceste valori au fost redimensionate pentru acest tutorial.

Așa că mergeți și deschideți Păsări și sucursale - Small.psd fișier (fișier Zip) și tragere și plasare ramurile și păsările la documentul dvs. După aceea, mutați straturile și plasați-le acolo unde credeți că arată bine.

În exemplul de mai jos, am duplicat câteva sucursale (Control-J) și le-a pus la marginile literelor. Apoi am mutat păsările în vârful cuvântului. 

Rețineți că stratul de pasăre mai mare este plasat sub Frunze strat Shadow. Asta pentru că arată mai bine dacă are niște frunze ascunzându-și picioarele. Ai putea folosi și o ramură pentru a face asta - depinde de tine.

Felicitări. Esti gata!

În acest tutorial, ați învățat cum să creați un efect de text acoperit cu frunze folosind stiluri și perii. 

În primul rând, am creat două stiluri folosind un model, unul pentru interior și altul pentru limitele textului. Apoi am adăugat lovituri de perie la text și stilurile aplicate lor. După aceea, am îmbinat toate straturile și am aplicat un alt stil pentru umbre, făcând textul să pară puțin 3D. Apoi, am importat niște ramuri și păsări în documentul care termină compoziția.

Amintiți-vă să verificați Leaf Generator Photoshop Action pe GraphicRiver.

Leaf Generator Photoshop Acțiune

Ați putea dori, de asemenea:

  • Cum se creează un efect de acțiune pentru blană în Adobe Photoshop

    În acest tutorial vă voi arăta cum să creați o acțiune de blană în Adobe Photoshop utilizând un model, o perie, un stil de strat și o hartă de gradienți. La sfârșitul…
    Anderson Luiz
    Acțiuni Photoshop
  • Cum se creează un efect de acțiune în iarbă în Adobe Photoshop

    În acest tutorial vă voi arăta cum să creați o acțiune de iarbă în Adobe Photoshop utilizând un model, două perii și un stil de strat.
    Anderson Luiz
    Acțiuni Photoshop
  • Cum se creează un efect de culoare colorat și strălucitor în Adobe Photoshop

    În acest tutorial vă voi arăta cum să faceți un text lucios în Photoshop cu două stiluri de straturi.
    Anderson Luiz
    Efecte de text
  • Cum se creează un efect de text aurit în Adobe Photoshop

    Aflați cum să creați un efect de text aurit de la zero în Adobe Photoshop CC, utilizând două texturi, stiluri de straturi și unele filtre.
    Anderson Luiz
    Efecte de text