Realizați o ilustrare uimitoare a Cadetului spațial în Photoshop

Acest tutorial se va axa pe capabilitățile Photoshop-ului ca instrument de randare pentru a aduce la viață imaginile vectoriale folosind efecte raster. Cu doar câteva tehnici de colorare, și anume straturi de ajustare, măști de straturi și stiluri de straturi; veți observa că procesul poate deveni destul de repetitiv, făcând astfel un flux de lucru destul de intuitiv și eficient. Să începem!


Înainte de a începe

Deschideți spacecadetBASE.psd din dosarul sursă al descărcării. În acesta, veți descoperi mai multe grupuri de straturi care au fost aduse de la Illustrator prin simpla copiere și lipire a diferitelor elemente vectoriale câte unul câte unul într-un fișier Photoshop gol. Acest dosar special trebuie să cuprindă următoarele:

  • Grup de text - straturi text extrudate 3d
  • Glows group - Toate lucrările de linie albă vor fi localizate aici
  • Grupul Cadet - Figura feminină
  • Grupul robotului - Anomalia robotică din spatele ei
  • Grupul Lazerz - Liniile albe dispărând în perspectivă
  • Grid Layer
  • Robot grup de picătură înapoi
  • Panou strat


Pasul 1

Adăugați un strat de ajustare direct deasupra grupului "cadet". Meniul de reglare a straturilor poate fi găsit în partea de jos a filei "Straturi". În fila Reglaje, faceți clic pe bara de gradient pentru a afișa Editorul Gradient. Selectați harta de gradienți implicit "Albastru, Roșu, Galben" sub presetări.



Pasul 2

Adăugați o altă hartă de gradient deasupra grupului "robot backdrop". Să redenumim acest strat de hartă gradient nou "atmosferă roșie". Accesați Editorul Gradient și selectați harta implicită "Red, Green". Dacă imaginea dvs. pare inversată, treceți opririle roșii și verzi la capetele opuse ale piesei în editorul Gradient. Acum, faceți dublu clic pe opritorul verde și schimbați culoarea cu mai mult de un maro închis (# 2f1900).



Pasul 3

Selectați stratul "evidențiază" sub grupul "cadet". Aplicați o mască de nivel. Selectați instrumentul perie și setați-l la 0% Duritate cu un diametru de 30px. Setați culoarea prim-planului în negru și începeți să ascundeți ușor evidențiați, după cum se arată mai jos. De asemenea, puteți ajusta procentajul de "opacitate" și "flux" al periei pentru a controla rezistența acesteia. Porniți și setarea "airbrush".



Pasul 4

Să încercăm să adăugăm mai multă umbră cadrelor noastre. Selectați "Nivel 1 copie 4". Accesați meniul de ajustare și selectați "Niveluri". Apăsați pe "Cmd / Ctrl + Alt + G" pentru a o masca pe stratul cadet. Reglați nivelul de ieșire al evidențierii la aproximativ 127. Faceți clic pe masca stratului și alegeți instrumentul pentru gradienți. Cu o setare de gradient liniar, faceți clic pe + mențineți și trageți de la umărul superior la coapsa inferioară a cadetului. Asigurați-vă că negrul este umbra din față, albul este fundalul în culorile voastre.

Acum, adăugați un al doilea strat de ajustare "Levels", ascundeți clipul și modificați nivelul de intrare a evidențierii la aproximativ 230.



Pasul 5

Duplicați stratul "evidențiază". Deplasați-l sub masca originală și clipul. Faceți clic pe "Cmd / Ctrl + CLICK" pe strat pentru a crea acele "furnici marching" sau o selecție de marquee. Accesați meniul superior și selectați Filtrare> Blur> Blur gaussian. Setați raza la aproximativ 4.4 sau cam asa ceva. Apăsați Cmd / Ctrl + D pentru a deselecta.



Pasul 6

Duplicați stratul de ajustare "roșu atmosferă" pe care l-ați făcut în Pasul 2 dând clic pe el și apăsând pe Cmd / Ctrl + J. Deplasați copia deasupra stratului "evidențiați copierea" și mutați-o. Până acum am presupus că sursa principală de lumină vine de la stânga sus. Urmați acea logică pe măsură ce vă mascați cu o perie neagră moale, făcând anumite puncte puțin mai ușoare.



Pasul 7

Acum este rândul robotului. Selectați stratul robot din grup (copie de pe stratul 2). Adăugați un strat de ajustare a nivelului, mutați-l (Cmd / Ctrl + Alt + G) și setați nivelul maxim de ieșire la 105. Îndepărtați cu o perie moale în raport cu direcția sursei dvs. de lumină. Efectuați un al doilea strat de ajustare a nivelului, mutați clipul și setați nivelul de intrare al evidențierii la aproximativ 233 sau cam asa ceva.



Pasul 8

Copiați stratul cadet (strat 1 copie 4) și lipiți-l în grupul robot. Redenumiți stratul "shadow" și apăsați CTRL + L pentru a afișa o fereastră de nivele. Setați nivelul de ieșire evidențiat la 0. Apoi, clipul se maschează și setează modul de amestecare la "Suprapunere" și se coboară opacitatea master la 60%.



Pasul 9

Găsiți și duplicați stratul hărții gradientului "atmosfera roșie" și plasați-l deasupra stratului "umbra". Împingeți măștile și utilizați o perie neagră moale pentru a vă masca în funcție de originea sursei dvs. de lumină ca înainte.



Pasul 10

Selectați copia stratului atmosferic roșu și duplicați-l. Redenumiți stratul "suprapunere albastră". Clip mascați-o și schimbați culorile stop în editorul de gradienți până la albastru închis (# 1f03af) și albastru deschis (# 02fffe). Glisați opritorul albastru închis peste pistă la aproximativ 15%.



Pasul 11

Adăugați un strat de ajustare a culorilor "Color Fill", rotiți-l (# ff0000) și măștii de clip. Acum, selectați masca stratului și apăsați Cmd / Ctrl + I pentru a inversa masca la negru. Cu o perie albă moale începe să dezvăluie o parte din roșu de-a lungul fundului robotului. Acest lucru este de a face să răspundă vizual la efectele pe care le vom adăuga acum la etaj în următorii pași.



Pasul 12

Selectați stratul de panouri și Cmd / Ctrl + faceți clic pe acesta pentru a realiza o selecție de marcaje. Selectați instrumentul de gradient și setați-l la un mod de gradient radial. Faceți clic pe + țineți din centrul selecției și trageți spre exterior pentru ao aplica pe podea. Deselectați stratul.



Pasul 13

Duplicați hartă gradientului "atmosferă roșie" și clipați-o cu stratul de rețea. Utilizați instrumentul de gradient pentru a aplica o mascare de gradient radial. Negrul ar trebui să fie umbra centrală.



Pasul 14

Acum, să aplicăm o strălucire grilei. Faceți clic pe meniul "fx" din partea de jos a filei de strat și alegeți strălucirea exterioară. Copiați setările prezentate mai jos.



Pasul 15

Aplicați o mască strat inversat pe stratul de rețea (țineți apăsat Alt + faceți clic pe opțiunea de mascare strat). Setați culoarea de fundal în alb și dezvăluiți grila cu o garnitură moale de data aceasta (dacă doriți să folosiți peria doar să setați culoarea primului la alb). Puteți utiliza setările de eroare afișate în imaginea de mai jos. Asigurați-vă că setarea pentru airbrush este activată.



Pasul 16

Adăugați un strat de ajustare a nivelurilor mascate la nivelul "Stratul 5" din grupul "robot backdrop". Setați nivelul de ieșire al evidențierii la 93. Dacă doriți, puteți ușor să mascați anumite zone.



Pasul 17

Creați un nou strat în cadrul grupului. Cmd / Ctrl + faceți clic pe stratul 5 pentru a crea o selecție de marquee. Selectați instrumentul de marcare și faceți clic dreapta. Selectați Stroke și aplicați o lățime de 1,5px pe centru. Adăugați o strălucire exterioară cu un galben (# fff145). Asigurați-vă că culoarea dvs. este albă. Utilizați setările de stil Layer de mai jos.



Pasul 18

Acum adăugați o mască a stratului (Alt + clic). Dezvăluiți strălucirea, după cum se arată mai jos, folosind o perie albă moale.



Pasul 19

Selectați Stratul 6 în stratul fundal al robotului. Aplicați o ajustare a nivelului mascat al clipului cu un nivel de ieșire evidențiat de aproximativ 40. Scoateți masca pentru a lovi puțin obiectul.



Pasul 20

Acum, să ne întoarcem la cadetul nostru și să începem să aplicăm un aspect mai blând. Accesați grupul "glows"> subgrupul "cadetglows". Adăugați un strat nou și denumiți "conturul roșu". Cmd / Ctrl + faceți clic pe "strat 1 copie 4" din grupul "cadet" pentru a face o selecție de marquee. Aplicați o lovitură de 2px pe centru în stratul "contur roșu".



Pasul 21

Adăugați o strălucire exterioară (# ff4242) și o suprapunere de culoare (# ff7376) la cursa.



Pasul 22

Aplicați o mască cu strat inversat și dezvăluiți câteva zone cu o perie albă sau o radieră albă moale.



Pasul 23

Desfaceți stratul 9. Aplicați o strălucire exterioară (# ff2099)



Pasul 24

Repetați pasul 22



Pasul 25

Stratul duplicat 9 (Cmd / Ctrl + J) repetați pasul 22. Aceasta va accentua în continuare anumite zone.



Pasul 26

Desfaceți stratul 10 și faceți un strat duplicat (Cmd / Ctrl + J). Ascundeți duplicatul.



Pasul 27

Selectați stratul 10 și aplicați o strălucire exterioară (# ff3636) și o suprapunere de culoare (# ff000c). Faceți o mască cu strat inversat și dezvăluiți-o cu o perie albă moale de-a lungul marginii de jos a cizmelor.



Pasul 28

Îndepărtați "copia de strat 10" și adăugați o strălucire exterioară (# ffbf36) și o suprapunere de culoare (# feabf9)



Pasul 29

Adăugați o mască pentru straturi și începeți să vă ascundeți în anumite zone cu o garnitură neagră moale pentru a face materia ei să arate puțin mai puțin.



Pasul 30

În stratul 13, să adăugăm și un anumit stil stratului. (strălucire exterioară: # ff15cb, suprapunere de culoare: #fffbbf). Aplicați o mască strat inversat și începeți să dezvăluiți cu o perie albă moale.



Pasul 31

Pe stratul 21, adăugați o strălucire exterioară și o suprapunere de culoare (ambele # 3ae1ff).



Pasul 32

Acum, să duplicăm stratul de contur roșu pe care l-ați făcut la pasul 20 și să îl redenumiți "conturul magenta". Selectați masca stratului și apăsați Cmd / Ctrl + L și reglați nivelul de ieșire al umbrei la 255 pentru al face complet alb, dezvăluind totul. Modificați culoarea strălucirii exterioare (# fd64ff)



Pasul 33

Cmd / Ctrl + Faceți clic pe Layer 10 pentru a crea o selecție de marquee. Alegeți instrumentul de marcare și setați modul de scădere. Faceți clic și trageți peste întreaga figură selectați, cu excepția căștii. Doar selectarea căștilor ar trebui să rămână așa cum se arată mai jos. Aplicați acum o lovitură de 2px pe centru.



Pasul 34

Inversați masca straturilor (Cmd / Ctrl + I) și dezvăluiți în funcție de locul în care percepeți că sursa dvs. de lumină provine de la.



Pasul 35

Acum, să adăugăm niște strălucire. Faceți un nou strat și denumiți-l "scânteie". Alegeți instrumentul de linie (apăsați U) și setați-l la modul "umple pixeli". Desenați două linii diagonale de 2px care se intersectează în mijloc. Apoi, utilizați o perie moale de 46 pixeli cu o setare de curgere și opacitate în intervalul de 60% și aplicați la centru cu câteva clicuri. În cele din urmă, intrați cu o etichetă moale de 48px și ștergeți capetele vârfurilor celor două segmente de linie.



Pasul 36

Selectați instrumentul de mutare (V) și țineți apăsat Alt. Indicatorul mouse-ului trebuie să devină o săgeată dublă alb / negru. Continuați să țineți apăsată tasta Alt și faceți clic și trageți stratul de paiete peste toată cifra cadetului. Țineți apăsată tasta Shift și selectați toate straturile duplicate și îmbinați-le apăsând Cmd / Ctrl + E.



Pasul 37

Activați toate straturile din grupul "robotglows". Cmd / Ctrl + Faceți clic pe "layer 1 copy 4" (în cadrul grupului cadet). Selectați dosarul robotglows și Alt + Faceți clic pe opțiunea mască strat. Aceasta va ascunde orice obstrucționare vizuală a figurii cadet din cadrul acestui grup.



Pasul 38

Ascundeți toate straturile sub grup, cu excepția stratului 12. Aplicați o strălucire exterioară (# 7dfbf7) și o acoperire de acoperire (#fffcaa).



Pasul 39

Aplicați o mască cu strat inversat și dezvăluiți-o cu o perie moale.



Pasul 40

Creați un nou strat și redenumiți-l "contur". Cmd / Ctrl + faceți clic pe "Copiere în strat 2" din grupul de robot pentru a crea o selecție de marcaje. Aplicați o lovitură de 2px pe centru.



Pasul 41

Aplicați o strălucire exterioară (# c0f8fc), adăugați o mască inversată și dezvăluiți cu o perie moale.



Pasul 42

Acum duplicați stratul, redenumiți-l cu "roșu" și schimbați culoarea strălucitoare (# ff3c3c). Setați masca pentru a finaliza culoarea neagră și pentru a dezvălui o parte a conturului de-a lungul bazei robotului.



Pasul 43

Porniți stratul 20. Aplicați o strălucire exterioară (# 49ffa3).



Pasul 44

Repetați pasul 43 pentru stratul 23. Mascați zona suprapusă imaginii robotului din prim plan așa cum se arată mai jos.



Pasul 45

Este timpul să adăugați mai multe detalii în fundal. Să creați un nou dosar direct sub grupul "lazerz" și să-l denumiți "starfield". Faceți un strat nou și numiți-l "stele". Selectați instrumentul perie și setați-l la duritate de 7px 100%, opacitate și flux. Faceți clic în jur pentru a obține o grămadă de puncte.



Pasul 46

Acum duplicați stratul respectiv (Cmd / Ctrl + J) și apăsați Cmd / Ctrl + T pentru a afișa caseta de transformare. Împingeți stratul la o dimensiune mai mică și apăsați pe Enter pentru a confirma.



Pasul 47

Cu instrumentul de mutare selectat, țineți apăsat Alt + Faceți clic și trageți stratul pentru a crea mai multe copii.



Pasul 48

Selectați toate straturile de stele și Cmd / Ctrl + E pentru a le îmbina. Adăugați o mască de strat și începeți să o mascați în anumite zone pentru a crea variante de luminozitate și adâncime. Faceți clic dreapta pe masca de straturi și faceți clic pe "Aplicare mască strat".



Pasul 49

Repetați pasul 46



Pasul 50

Repetați pașii 45-49 până când obțineți un rezultat similar celui de mai jos



Pasul 51

Creați un nou strat și numiți-l "fotografiați stelele". Desenați o linie diagonală albă de 2px. Aplicați o strălucire exterioară (# fc2cff) și o suprapunere de culoare (# ffeb8c).



Pasul 52

Utilizați o garnitură moale pentru a decolora unul dintre capetele liniei.



Pasul 53

Continuați să trageți mai multe linii în acest mod.



Pasul 54

Câmpul nostru stea împiedică în prezent grupul nostru de fundal pentru robot. Să rezolvăm acest lucru prin Shift + Cmd / Ctrl + făcând clic pe straturile de fundal ale robotului (straturile 5 și 6) și adăugând o mască de straturi în grupul cu starfield prin Alt + făcând clic pe opțiunea de mascare a straturilor.



Pasul 55

Porniți grupul "lazerz". Aplicați o strălucire exterioară (# bc53ff), strălucire interioară (# 06fff6) și suprapuneri de culoare (# fcd7e2) pentru ambele straturi din cadrul grupului.



Pasul 56

Aplicați o mască de straturi pe ambele straturi și mascați de la punctul de dispariție spre exterior, după cum se arată mai jos.



Pasul 57

Repetați ceea ce ați făcut la pasul 54 pentru grupul lazer.



Pasul 58

Acum este timpul să aplicăm anumite influențe atmosferice de la subtil la substanțial. În următoarea serie de imagini acordați o atenție deosebită diverselor moduri de amestecare, opacității master și altor setări. Să începem prin crearea unui grup de "atmosferă" direct sub grupul de "text". Adăugați un strat de ajustare a nivelului de gradient setat la un stil radial și creați o paletă personalizată tricolor de # d5fff5, # 9076ff, # 03f0ff (de la stânga la dreapta). Setați stopul de opacitate pentru # 03f0ff la 0%. Pentru a crea oa treia oprire, pur și simplu dați clic pe oriunde sub piesa color din editorul de gradienți.



Pasul 59

Faceți un strat nou și selectați instrumentul perie. Setați diametrul la 1000 pixeli sau mai mult, cu un debit de 27%. Faceți clic pe trunchiul figurinei de câteva ori.



Pasul 60

Reglați modul de amestecare, opacitatea și umplerea stratului. Aplicați o mască inversată și începeți să o dezvăluiți. Acum, afecțiunile atmosferice pot fi destul de subtile, astfel încât există o mulțime de spațiu pentru varianță. De aici veți vedea câteva exemple de densitate proprie de mascare.



Pasul 61

Adăugați un alt strat de ajustare pentru Gradient cu două culori oprire (# ff7676, # ae00ff) și într-un stil radial. Setați opacitatea opririi pentru # ae00ff la 0%. Apăsați OK în Editorul Gradient. Cu fereastra "Gradient Fill" (Încărcare gradient) continuați să mutați gradientul spre partea inferioară a pânzei peste podea. Nu trebuie să selectați instrumentul de mutare pentru a face acest lucru.



Pasul 62

Adăugați un strat de ajustare a nivelului. Setați ieșirea evidențiată la 76 și aplicați o mască de strat. Acest lucru este de a ajuta accentua unele focalizare în bucată.



Pasul 63

Adăugați un nou strat de ajustare a gradientului de 3 opriri și setați culorile finale la # c1f7ff, # a3fffc, # c6fff0 (de la stânga la dreapta). Faceți clic pe pista de culori pentru a adăuga o oprire în mijloc. Setați stopurile de opacitate la fiecare capăt al pistei la 0%.



Pasul 64

Duplicați gradientul albastru deschis și aplicați o mască de strat cu un gradient radial.



Pasul 65

Acum pentru atingerea finală. Deschideți grupul "text". Duplicați stratul "10000LYIS" și tratați ambele straturi așa cum se arată în imaginea corespunzătoare de mai jos. Fontul folosit pentru text poate fi descărcat aici: Star Jedi



Pasul 66

Creați un accident de contur de 2px într-un nou strat. Adăugați o strălucire exterioară (# ffd257) și aplicați o mască.



Pasul 67

Plasați stratul de extrudare într-un nou grup. Cu noul dosar selectat, Cmd / Ctrl + faceți clic pe stratul 10000LYIS și faceți clic pe Alt + pe opțiunea pentru masca stratului.



Pasul 68

Adăugați un nou strat de hartă de gradient și mutați-l (Cmd / Ctrl + Alt + G) în stratul de extrudare. Setați culorile stop la # ff0000 și # fffc00.



Pasul 69

Adăugați o altă hartă cu un gradient mascat cu culorile stop # d800ff și # 00f6ff. Treceți invers masca stratului (Cmd / Ctrl + I) și mascați corespunzător.



Pasul 70

Creați un strat de curbură de contur de 2px al extrudării într-un strat nou și adăugați o strălucire (# 57fff5)



Pasul 71

Găsiți masca grupului "lazerz" și mascați partea care împiedică vizualizarea textului așa cum este arătat.



Pasul 72

Adăugați o strălucire așa cum am făcut-o în etapele 35 și 36.



Pasul 73

În cele din urmă trebuie să "împământim" cifra un pic, deci să creăm o simplă reflecție. Găsiți stratul care are cifra, copiați-l și lipiți-l. Să îi redenumim "reflecția". Cmd / Ctrl + T, faceți clic dreapta și selectați "Flip Vertical". Mutați-o în partea inferioară a pânzei de sub picioarele cadetului, după cum se arată. Apăsați Cmd / Ctrl + I pentru a inversa stratul de reflexie.



Pasul 74

Mutați stratul în partea de jos a grupului și aplicați setările de strat indicate mai jos.



Imagine finală