Creați efecte 3D de deplasare

Astazi te voi indruma in procesul creativ de aplicare a unor efecte de polifonare reci si 3D. Principalul punct de interes al acestui tutorial este explorarea filtrului Displace Filter, deseori neînțelept, al Photoshop-ului și modul în care acesta poate fi utilizat pentru a reda un stil popular de ilustrare.


Tutorial Active

Veți găsi câteva fișiere în directorul "sursă". De asemenea, veți avea nevoie de următoarele imagini și fonturi stoc pentru a finaliza acest tutorial.

  • Textură un pachet
  • Textură pachet două
  • Versiunea de dimensiuni medii a acestui model
  • Pachet de fișiere
  • Fontul 3D împrăștiat
  • LOT font

O scurtă defalcare

Iată un scurt rezumat al modului în care a fost creată imaginea finală. De obicei, încep prin plasarea de texturi multiple cu diferite moduri de amestecare pentru a produce un fundal interesant (A). Următoarea etapă este adăugarea punctului focal principal - în acest caz modelul (B), apoi aplicarea efectelor de semifinale. Apoi am folosit randări 3D pentru a înlocui mai multe straturi de model duplicat, care au fost, de asemenea, mascate pentru a crea fragmente abstracte (C și D).


Efectuarea propriilor dvs. perii poate fi atât distractivă cât și plină de satisfacții. Periile utilizate în acest proiect au fost create prin aplicarea spray-ului de mașini de celuloză și a vopselelor pe bază de apă pe hârtie de cartuș. Am experimentat, de asemenea, folosind aceeași tehnică pe hârtie care a fost înmuiată în apă, care a dat un efect interesant de marmură.



Pasul 1

Apăsați tasta D de pe tastatură pentru a reseta culorile primului / fundalului în alb și negru, apoi apăsați pe X pentru a le schimba, astfel încât culoarea de fundal devine negru. Creați o nouă pânză RGB de 21 cm x 27,7 cm și alegeți Culoare fundal din meniul derulant Conținut de fond.



Pasul 2

Mai întâi vom folosi câteva texturi pentru a construi fundalul. Deschideți "colorfulgrunge5.jpg" din acest pachet de texturi, apoi alegeți Image> Rotation Image> 90 degrees CCW. Plasați-l ca un strat nou, apoi apăsați Cmd / Ctrl + T pentru a accesa Transformare și mărire pentru a umple pânza. Denumiți acest strat "Textură 1".



Pasul 3

Adăugați "stainedpaper9.jpg" din acest pachet de textură ca un alt strat. Măriți, modificați modul de amestecare pentru a multiplica și marcați-l "Textură 2".



Pasul 4

Plasați "colorfulgrunge7.jpg" din primul pachet de texturi ca pe un nou strat. Măriți, schimbați Modul de amestecare pentru a se multiplica din nou și marcați-l "Textură 3".



Pasul 5

Adăugați "colorfulgrunge6.jpg", din nou cu un mod Blend of Multiply și denumiți "Texture 4". Acum importați "stainedpaper1.jpg" din al doilea pachet de textură și apăsați Cmd / Ctrl + I pentru a inversa negativ, apoi schimbați Modul de amestecare în Color și reduceți opacitatea la 15%. Denumiți acest strat "Textură 5".



Pasul 6

Alegeți balansul de culori din meniul Creare nou nivel de ajustare la poalele filei Straturi (1). În fereastra următoare, dați clic pe pictograma cercului dublu pentru a o deconecta (pentru a afecta toate straturile) și pentru a copia aceste setări.



Pasul 7

Adăugați "colorfulgrunge3.jpg" din primul pachet de texturi, în partea de sus a stiva de straturi, pentru a vă acoperi pânza. Schimbați Modul de amestecare pentru a suprapune și a-l eticheta "Textură 6". Prindeți instrumentul Gradient (G) și alegeți opțiunea Preludiu (alb) la Presetări transparente și evidențiați setarea Radial din bara de opțiuni. Acum, adăugați o mască de strat și trageți o serie de înclinări din centru (masca mea este afișată în partea dreaptă).



Pasul 8

Plasați un nivel de ajustare a nivelelor fără buclă în partea superioară a stivei și setați punctul de culoare albă până la 169 pentru a întuneca toate straturile.



Pasul 9

Evidențiați miniaplicația superioară a stratului de ajustare, apoi țineți apăsată tasta Shift și evidențiați prima miniatură a texturii (aceasta evidențiază, de asemenea, straturile între ele). Acum, alegeți noul grup din straturi din meniul derulant din dreapta sus din fila Straturi. În fereastra următoare, introduceți "TEXTURES" în câmpul Nume și apăsați OK.



Pasul 10

Următoarea etapă implică izolarea modelului din fundal. Photoshop are multe instrumente care ne permit să realizăm acest lucru, dar în acest caz vom folosi un canal sau o mască de densitate.

Mai întâi, alegeți Image> Rotation Image> Flip Canvas orizontal. Acum mergeți la Image> Calculations, în fereastra următoare copiați aceste setări pentru a crea un canal compozit care conține cel mai mare contrast între subiect și fundal și faceți clic pe OK.



Pasul 11

Treceți la fila Canale și veți vedea noul canal ("Alpha 1") așezat în partea de jos. Vizați-l, apoi apăsați Cmd / Ctrl + L și aplicați următoarea ajustare a nivelelor pentru a mări contrastul.



Pasul 12

Ideea este de a crea o siluetă albă curată a modelului, astfel încât setați instrumentul Dodge (O) la: Expunere: 50% / Interval: evidențiază și folosiți o perie medie cu margini moi pentru a albi pixelii margini așa cum este indicat în roșu.



Pasul 13

Prindeți peria (B) și utilizați o varietate de perii ascuțite cu margini de dimensiuni diferite pentru a umple zonele gri rămase cu alb. În mod prestabilit, albul acționează ca zone selective, așa că Cmd / Ctrl faceți clic pe "Alpha 1" pentru a crea o selecție, apoi vizați cel mai bun canal compozit RGB.



Pasul 14

Salt la fila Straturi. Alegeți orice instrument de selecție și faceți clic pe butonul Redefiniți muchia din bara de opțiuni. În fereastra următoare, selectați On Black (B) din meniul derulant View Mode (Mod imagine), copiați aceste setări și faceți clic pe OK.



Pasul 15

Veți vedea acum că apare un nou strat mascat și că vizibilitatea stratului original a fost dezactivată. Porniți vizibilitatea stratului original și completați cu negru. Transfigurați-vă și verificați că sunteți mulțumit de rezultatele comenzii Redefiniți muchia. În acest moment puteți modifica masca prin pictura fie cu alb (pentru a dezvălui), fie cu negru (pentru a vă ascunde) cu o mică perie cu margini moi, dacă este necesar.

Când sunteți fericiți, trageți miniatura de mască în pictograma coșului de gunoi din partea de jos a filei Straturi și faceți clic pe Aplicare în fereastra următoare.



Pasul 16

În cele din urmă, faceți clic pe Cmd / Ctrl-clic pe stratul superior pentru ao încărca ca o selecție, apoi utilizați o mică perie neagră, cu margini moi, pentru a picta peste culorile din geamul modelului.



Pasul 17

Plasați modelul izolat ca un nou strat în fișierul dvs. de proiect. Adăugați un strat sub el și completați cu alb. Vizați stratul de model și apăsați Cmd / Ctrl + E pentru a Merge Down.



Pasul 18

Selectați Toate (Cmd / Ctrl + A) și copiați în Clipboard. Creați un document nou în modul Greyscale și denumiți-l "Displacement.psd"



Pasul 19

Reveniți la fișierul dvs. de proiect și faceți clic înapoi în panoul Istoric până când adăugați modelul ca pe un nou strat. Acum întoarceți-vă la noul fișier și îl aplatizați.



Pasul 20

Mergeți la Filter> Blur> Gaussian Blur și introduceți 30 px.



Pasul 21

Acum, alegeți Imagine> Mod> Bitmap, asigurați-vă că Ieșirea este setată la 300 pixeli / inch, selectați Ecranul Halftone din meniul derulant Utilizare și apăsați OK. În fereastra următoare setați Frecventa la 15 linii / inch, Unghiul la 45 de grade și Runda sub Formă, apoi apăsați din nou OK. Acum, selectați Image> Mode> Greyscale, păstrați raportul de mărime 1, faceți clic pe OK și salvați (cu sufixul .psd) o locație la îndemână.



Pasul 22

Înapoi în numele fișierului proiectului, modelul "Model". Duplicați-l și redenumiți "Semnătură model".



Pasul 23

Asigurați-vă că "Semnul de model" este stratul țintă, apoi mergeți la Filter> Distort> Displace. În fereastra următoare setați ambele câmpuri Scale la 10, apoi selectați opțiunile Stretch To Fit și Repeat Edge Pixels și apăsați OK. Acum vi se va solicita să localizați și să încărcați fișierul "Displacement.psd".



Pasul 24

În următorii pași vom folosi fișiere sursă de dimensiune diferită cu Filtrul Displace și vom modifica radical setările pentru a crea efecte 3D abstract.

Deschideți caracterul X din acest alfabet și Salvare ca fișier .psd. Duplicați din nou stratul original "Model" și redenumiți-l "Model shatter 1" Acum, apăsați Alt + Cmd / Ctrl + F pentru a redeschide fereastra de dialog Displace, copiați aceste setări și navigați /.



Pasul 25

Repetați pasul anterior utilizând caracterul S și aplicați aceste setări cu filtrul Displace pe un alt strat duplicat cu eticheta "Model shatter 2".



Pasul 26

Utilizați aceeași tehnică folosind caracterul Z ca hartă de deplasare cu următoarele setări pe un duplicat final "Model" și numiți-l "Model shatter 3".



Pasul 27

Schimbați modul de amestecare al stratului "Model" la suprapunere, apoi mutați-l în sus pe stratul de nivel de deasupra "Model shatter 1".

Adăugați o mască la stratul "Modelul de poligon". Acum, încărcați periile "PSDTUTS_grunge_brushes.abr" din folderul "sursă" și folosiți-le într-o manieră ștampilantă, astfel încât numai margini selective să rămână în jurul modelului. La vopsire, deschideți panoul Perie (din bara de opțiuni) și rotiți / rotiți forma de vârf pentru a evita cursele repetitive.>

Dacă eliminați mai mult decât aveți nevoie, restabiliți zonele utilizând o grunge albă sau perie de bază. Masca mea este, de asemenea, afișată în partea de jos a ecranului pentru claritate.



Pasul 28

Acum mascați stratul "Model" cu o serie de perii de grunge.



Pasul 29

Continuați să mascați straturile rămase de deplasare. Iată masca pentru stratul "Model shatter 1".



Pasul 30

Stratul mascat "Model shatter 2".



Pasul 31

Și în cele din urmă, stratul mascat "Model shatter 3".



Pasul 32

Acum duplicați din nou stratul original "Model". Resetați modul Blend la Normal și modificați masca dezvăluind fața modelului.



Pasul 33

Duplicați stratul "Semnătură model", schimbați Modul de amestecare în Lumină ușoară. Acum măriți conținutul stratului, astfel încât punctele să se extindă ușor și să-i modificați masca așa cum se arată.



Pasul 34

Pentru a spori contrastul modelului, adăugați un nivel de ajustare a nivelurilor la "Copia modelului" și aplicați aceste setări. Pentru a limita (ajusta) ajustarea la stratul țintă, faceți clic pe pictograma cercului dublu.



Pasul 35

Pentru a păstra fișierul organizat, plasați toate modelele și împușcați straturile într-un folder numit "MODEL". Adăugați "Paint_1.png" ca un nou layer deasupra folderului "TEXTURES", modificați modul de amestecare pentru a multiplica și denumiți "Splat 1". Repetați folosind "Paint_2.png" și "Paint_3.png". Etichetați aceste straturi în mod corespunzător și poziția în jurul modelului.



Pasul 36

Adăugați un caracter O de la descărcarea de litere 3d deasupra stratului anterior. Setați modul de amestecare pentru a multiplica și specificați-l "3D 1". Transformați / poziționați central în spatele capului modelului, apoi mascați după cum se arată.



Pasul 37

Duplicați acest strat, redenumiți-l "3D 2" și poziția de jos-dreapta. Acum schimbați Modul de amestecare în Lumină moale și reglați corespunzător masca.



Pasul 38

Pentru a păstra ordonat fișierul proiectului, adăugați toate straturile plutitoare într-un folder numit "ELEMENTS 1". Acum, adăugați o mască în dosarul "TEXTURES" și folosiți o serie de perii de grunge pentru a dezvălui zone din stratul negru "Background".



Pasul 39

Plasați "media-militia-wireframes-03.png" din acest pachet wireframe ca nou strat în Multiply Mode la 50% Opacity deasupra directorului "MODEL". Transformați / poziționați la baza pânzei pentru a acoperi brațul modelului și numiți-l "Wireframe 1".

Cmd / Ctrl faceți clic pe miniatură "Semnătură model" pentru a crea o selecție bazată pe straturi. Asigurați-vă că "Wireframe 1" este stratul țintă, apoi mergeți la Layer> Mask Layer> Hide Selection. Deselectați și aplicați un alb la Gradient Linear cu unghi transparent, la stânga în partea de jos, apoi un Gradient radiant Negru la Transparent peste umărul modelului pentru a dezvălui lucrul cu linia.



Pasul 40

Plasați "media-militia-wireframes-12.png" din același pachet, Transformați / poziția din dreapta jos și denumiți-o "Wireframe 2". Apăsați Cmd / Ctrl + I pentru a inversa stratul la negativ și a seta Modul de amestecare pe Soft Light, dar lăsați opacitatea la 100%. Acum, mascați cu o selecție din stratul dvs. "Semifabricat de model".



Pasul 41

Adăugați "Paint_4.jpg" în partea de sus a stiva de straturi și rotiți, redimensionați, poziționați ochiul stâng al modelului și denumiți-o "Stropirea ochilor". Schimbați modul de amestecare pentru a multiplica și micșora Opacitatea în jurul valorii de 60 - 70% pentru a se amesteca cu pielea modelului. Acum folosiți o perie mică, moale spre mediu, pentru ao masca.



Pasul 42

Următorii câțiva pași vor funcționa mult mai bine cu ajutorul unei tablete. Adăugați un nou strat superior numit "Linia 1". Luați o perie albă și o doodle de culoare albă, de 7 px, deasupra chipului și umărului modelului. Încercați și urmați contururile naturale, dar nu vă faceți griji cu privire la a fi prea precise, deoarece multe vor fi ascunse în pasul următor.



Pasul 43

Schimbați modul Blend la Soft Light pentru a reduce efectul, apoi utilizați o perie mare cu margini moi, la o opacitate scăzută, pentru a vă masca, după cum se arată.



Pasul 44

Adăugați un alt strat și utilizați un vârf tare ușor mai mare pentru a urmări caracteristicile cheie ale modelului. Denumiți acest strat "Linework 2" și masca este așa cum este necesar. Acum puneți aceste două straturi împreună cu cele subiacente într-un dosar numit "ELEMENTS 2".



Pasul 45

Înainte de a adăuga textul și logo-ul, întoarceți-vă și revizuiți compoziția, apoi efectuați toate ajustările finale. Am folosit o combinație între Patch Tool (J) și Clone Stamp Tool (S) pe unele straturi de deplasare pentru a îndepărta formele incomode care se suprapun peste umărul modelului. Apoi, am redus Opacitatea anumitor straturi de textura așa cum este indicat și în cele din urmă mi-am modificat câteva măști.



Pasul 46

Prindeți Instrumentul de Text (T) și adăugați literele CRE folosind acest font. Deschideți panoul Caracter și Paragraf (din bara de opțiuni) și setați dimensiunea punctului la aproximativ 89 și aliniați-l corect. Duplicați stratul de text, apoi Shift-glisați în jos și tastați literele A MANCAT.

Acum trebuie să reduceți manual spațiul dintre A și E. Pentru aceasta, plasați cursorul de text între cele două caractere și setați valoarea de kerning la -100. Acum, plasați ambele straturi de text într-un director numit "GRAFIC".



Pasul 47

Deschideți "Logo.pdf" din folderul "sursă" direct din Photoshop sau prin Illustrator, apoi copiați> Lipiți ca un obiect inteligent și plasați partea dreaptă jos în același folder.

Adăugați o mască de dosar și rupeți textul cu un sortiment de perii de grunge. Acum, restabiliți masca cu alb, așa cum este indicat, pentru a menține logo-ul intact.



Pasul 48

Pentru a tonifica culoarea generală, adăugați un strat de ajustare Hue / Saturation unclipped în partea de sus a stivei și setați glisorul Saturation la -36.



Pasul 49

Creați o selecție bazată pe straturi din logo și umpleți cu negru pe masca de ajustare. În cele din urmă, vopsea cu o perie moale în cadrul unei selecții create din stratul "Model" pentru a aduce înapoi intensitatea culorii ochilor și a buzelor.



Concluzie și domeniu de aplicare

Așa cum ați descoperit, Filtrul Displace poate fi distractiv pentru a lucra și produce, de asemenea, câteva rezultate fantastice. Merită să vă amintiți că filtrul Displace funcționează prin alinierea marginilor din stânga sus atât pe stratul țintă, cât și pe fișierul de deplasare, astfel că pentru rezultate previzibile, Mergeți întotdeauna stratul țintă sau Decupați imaginea astfel încât ambele fișiere să împartă dimensiunile exacte ale pixelilor.

Accidente fericite se pot întâmpla prin folosirea hărților de deplasare de diferite dimensiuni la fișierul țintă și, de asemenea, experimentarea cu setările din fereastra de filtrare.