Creați o compoziție inspirată de Street Fighter în Photoshop

Ce veți crea

Crearea efectelor luminii este adesea un proces destul de ușor. Dând aceste efecte de lumină viața și făcându-le să semene cu obiecte din viața reală poate necesita puțin mai multă pricepere, timp și răbdare. Astăzi, vom demonstra cum să creați o compoziție inspirată de la Street Fighter, care include efecte de lumină, fotografie și efecte de text. Să începem!

Tutorial Active

Următoarele bunuri au fost utilizate în timpul producerii acestui tutorial.

  • Textură albastră estompată
  • Textura metalică zgâriată
  • Tigru
  • Chateau zgomotos
  • Edistys font
  • Toxic Perii de vopsea
  • Perii de margini perforate
  • Perii de puf
  • Tânăr

Inspirație

Inspirația pentru această piesă a fost derivată din posterul de film Pandorum. Îmi place tratamentul tip gravat și, în special, modul în care acesta contrastează cu restul compoziției. Deci, primul meu obiectiv a fost să mă concentrez tutorialul asupra acestui efect de text. Apoi, pentru a introduce un personaj. Sunt un mare fan al scenelor sci-fi și supranaturale, așa că vine în mod natural pentru mine să creez un fel de super-erou. Am vrut să introduc un personaj asemănător cu Ryu of Street Fighter, cu energia luminoasă ca o continuă a corpului său. În final, din moment ce balonul de energie al lui Ryu mi sa părut prea plat, am decis să creez chipul animalului, inspirat de desene animate precum Pokemon și film ca Harry Potter, unde personajele principale au animale "magice" pe care le pot controla ca apărători.

Iată câteva fotografii apropiate, astfel încât să puteți vedea unele detalii care nu pot fi văzute în previzualizarea finală de 600px.

Pasul 1

Creați un document nou în Photoshop. Mina este de 1920x1200, rezoluția ecranului meu, ca să o pot folosi ca tapet. Ai putea face același lucru. Odată creat, umpleți pânza cu gri (# b8b8b8).

Pasul 2

Creați un strat nou și completați-l cu negru. Asigurați-vă că aveți culori albe și negre ca culori în fundal și în fundal și mergeți la Filter> Render> Clouds. Scopul meu este de a transforma acești nori într-un efect liniar. Deci, du-te la Filter> Blur> Motion blur și introduceți o distanță de 999px și unghiul 0. Setați stratul să se înmulțească cu opacitate de 60%.

Pasul 3

Descărcați textura albastră decolorată și lipiți-o pe panza. Reduceți opacitatea la 35%.

Puteți observa că zona stângă este mai întunecată decât cea dreaptă. Așa că apucați Burn Tool (O) și pictați peste marginile zonei drepte pentru a da un echilibru mai mare texturii.

În cele din urmă, creați un nou strat, luați o perie neagră netedă (duritate 0%) și vopsiți peste marginile pânzei. Reduceți opacitatea la aproximativ 15%. Vom plasa textul în centru. Făcând margini mai întunecate, vom atrage atenția utilizatorului asupra centrului.

Pasul 4

Fundalul este încă plat. Vom adăuga 3 straturi de ajustare pentru a le completa. Să începem cu o hartă gradient alb / negru (Layer> New Adjustment Layers> Gradient Map) setată pe suprapunere cu opacitate 70%.

În al doilea rând, adăugați un strat de luminozitate / contrast (Layer> New Adjustment Layer> Luminozitate / Contraste) și setați luminozitatea la -18 și contrastul la + 80.

În cele din urmă, adăugați o altă hartă de gradient, dar de această dată folosiți ca culori un albastru închis (# 082a75) și portocaliu (# ffba00). Setați stratul de suprapunere cu opacitate de 40%.

Pasul 5

Este timpul să creați tratamentul de tip, pornind de la plusul siglei Psdtuts. Utilizați instrumentul Rectangle (U) pentru a crea prima formă, apoi duplicați-l apăsând Cmd / Ctrl + J și rotiți-l de 90¡ (pentru a roti forma pe care o puteți activa prin apăsarea Cmd / Ctrl + T).

Pasul 6

Creați un nou strat, prindeți periile de crăpături crăpate și vopsiți peste marginile "+". Vom folosi aceste perii pentru a da un aspect vopsiat distorsionat tipului. Nu vă faceți griji cu privire la culoare, vom modifica ulterior folosind opțiunile de amestecare

Pasul 7

Selectați stratul 3 al "plus" (cele 2 dreptunghiuri și periile de grunge) și apăsați Cmd / Ctrl + Alt + E pentru a le îmbina într-un strat nou. Acum puteți ascunde vizibilitatea celor 3 straturi originale, deoarece de acum încolo vom folosi doar cea care a fuzionat.

Faceți clic dreapta pe stratul îmbinat și selectați Opțiuni de amestecare. Mai întâi adăugați o suprapunere de culoare roșie (# 630707).

În al doilea rând, adăugați o umbră interioară pentru a crea efectul gravat. Amintiți-vă că aceste valori depind de dimensiunile dreptunghiurilor, deci în cazul în care nu sunteți mulțumiți de rezultat, jucați cu valorile distanței, dimensiunii și opacității

În cele din urmă, adăugați o umbră de culoare albă setată pe "Dodge linear" pentru a finaliza efectul gravat:

Pasul 8

Acum trebuie să adăugăm și efectul metalic zgâriat al fundalului asupra textului. Deci, descărcați texturile metalice WeGraphics zgâriate (proba liberă va funcționa bine). Plasați textura în pânză, redimensionați-o (Cmd / Ctrl + T) și setați modul de amestecare pentru a suprapune. Rețineți că acest efect va fi aplicat numai pe "plus", deci mișcați textura până când credeți că rezultatul din acea zonă va fi satisfăcător.

Pasul 9

Cu stratul de textura încă activ, Cmd / Ctrl + faceți clic pe stratul "+" pentru a selecta pixelii și apăsați butonul "add mask layer" și în partea de jos a ferestrei de straturi. În acest fel, efectul zgâriat va afecta numai plusul. Reduceți opacitatea la 60%.

Pasul 10

Cred că efectul ar arăta mai realist cu un amestec de zgârieturi albe și negre. Deci, duplicați textura și ștergeți masca stratului. Mutați textura astfel încât zgârieturile albe să nu se suprapună pe cele negre. Cmd / Ctrl + I pentru a inversa culorile texturii și a seta modul de amestecare pe ecran. În acest fel vom păstra numai zone albe. Apoi aplicați din nou masca utilizând forma "+" ca referință.

Dacă setați opacitatea la 100%, puteți observa o mică problemă: zgârieturile albe sunt peste umbra interioară. Nu vă faceți griji, vom repara acest bug în pasul următor ;-)

Pasul 11

Pentru a muta zgârieturile albe sub umbra interioară, trebuie să punem fiecare stil pe un singur strat. Din fericire, acest lucru este posibil în Photoshop. Faceți clic dreapta pe stiluri (în fereastra de strat) și selectați "Creare straturi".

În acest moment, plasați simplu stratul de zgârieturi albe între umbra interioară și cele de umplere a culorilor. De asemenea, reduceți opacitatea la aproximativ 30% pentru a face efectul mai subtil.

Pasul 12

În acest pas pur și simplu trebuie să aplicăm la textul "TUTPLUS" (fontul utilizat este Edistys) aceeași metodă folosită cu sigla "plus". Redați cu perii și texturi pentru a obține un efect de text grunge în dificultate.

Pasul 13

Atmosfera este prea întunecată în opinia mea. Deci, creați un grup nou și comutați modul de amestecare la "Dodge color". Creați un strat în interiorul grupului, apucați o perie albă rotundă moale, rotundă și faceți clic o dată pe centrul pânzei. Reduceți opacitatea la aproximativ 45%. Acum, tipul este mai vizibil și mai viu.

Creați un strat nou, setat ca roșu ca culoare prim-plan, apucați o perie din seturile de perii Toxic Paint și faceți clic o dată pe panza. Apoi puneți peria acolo unde preferați. În cazul meu, am pus-o pe partea de sus, nu este complet vizibilă.

Pasul 14

Dacă observați posterul Pandorum, veți observa o podea subțire sub tratamentul de tip și suprafața metalică. Vreau să reproduc același efect. Pentru a face acest lucru, selectați toate straturile create până acum și îmbinați-le într-un nou strat (Cmd / Ctrl + Alt + E). Titlul acestui strat "fuzionat". Ascundeți vizibilitatea celorlalte straturi. Vom folosi doar cel fuzionat pentru pașii următori.

Descărcați imaginea unui Chateau Noisy și plasați-o în interiorul documentului Photoshop, sub toate celelalte straturi. Acum, selectați stratul "îmbinat" și adăugați o mască pentru straturi. Cu o perie moale neagră mare, ștergeți ușor zona inferioară astfel încât să apară unele detalii ale podelei.

Podeaua nu se potrivește cu suprafața metalică. Cred că este o problemă legată de culorile folosite: podeaua este prea desaturată. Deci, din dosarul de fundal, găsiți harta gradientului (albastru / portocaliu), țineți apăsat altul și trageți harta gradientului imediat deasupra podelei. În acest fel, am duplicat stratul hărții gradient și l-am mutat deasupra podelei.

Pasul 15

Acum că fundalul este terminat, ne putem concentra atenția asupra tânărului și a efectelor de lumină. Primul lucru pe care trebuie să-l faceți este să extrageți băiatul din fundal și să-l lipiți în pânza principală. Apoi, să aplicăm tehnica văzută în primul meu tutorial (pasul 14) scris pentru Psdtuts pentru a crea un fel de efect hdr: duplicați stratul băiatului și setați stratul duplicat pentru a suprapune (opacitate 70%); duplicat din nou și de data aceasta a aplicat filtrul inteligent de ascuțire (Filter> Sharpen> Smart Sharpen) pentru a crea acest tip de efect murdar și pentru a îmbunătăți detaliile. În cele din urmă, duplicați din nou și aplicați filtrul High pass (Filtru> Altele> Pass high) cu stratul întotdeauna setat pe suprapunere.

Pasul 16

Cu instrumentul de ardere (O), întunecați zona stângă a bărbatului. Rețineți că din mâinile băiatului vor ieși efecte luminoase, astfel încât spatele lui va fi întunecat.

Pasul 17

Super-eroul nostru este prea saturat. Selectați toate straturile băiatului și îmbinați-le într-un strat nou (Cmd / Ctrl + Alt + E). Apăsați Cmd / Ctrl + U pentru a deschide fereastra Hue / Saturation și a reduce saturația la -30.

Pasul 18

Este timpul să adăugăm câteva detalii băiatului, care se uită la moment mai mult ca un copil murdar decât un super-erou după o luptă. Creați un strat nou, măriți ochiul și, cu o perie albă, pictați peste pupilă. În acest fel, super-eroul va arăta ca într-o stare de trans.

Pasul 19

Un alt detaliu grozav la care vom lucra este o cicatrice. Poate fi creat prin pictura peste umărul băiatului cu ajutorul instrumentului perie. Folosesc un comprimat, deci este mai confortabil să creezi cele trei tăieturi. După ce ați selectat o perie roșu închis (aproximativ 5px), dacă aveți o tabletă, deschideți fereastra periilor (Window> Brushes) și verificați opțiunea "Dynamics Shape", astfel încât grosimea periei depinde de presiunea penului.

Creați un strat nou și mutați-l sub ciclul roșu. Utilizați întotdeauna o perie, dar de data aceasta setați alb ca culoare prim-plan, vopsiți peste marginile cicatricilor. Va fi mai realist acum.

Pasul 20

Acum putem juca cu efecte luminoase. Creați un nou grup și denumiți-l "efecte luminoase". Creați un strat în interiorul grupului și apucați periile de fum. Să începem de la luminile care ies din mâini. Alegeți o pensulă din bibliotecă și faceți clic o dată pe pânză.

Încercați să vă imaginați cum acest efect de fum ar putea corespunde poziționării super-eroului. Redimensionați, rotiți și, dacă este cazul, eliminați-l și încercați cu un alt fum.

Utilizați instrumentul de ștergere (E) sau o mască de strat pentru a elimina unele zone ale fumului.

Pasul 21

Puteți observa că efectul de fum nu este unicolor. Asta pentru că am aplicat o suprapunere de gradient care merge dintr-un azur deschis (#cffeff) la un galben deschis (#fffeeb).

Pasul 22

Folosind aceeași metodă de la pasul 20, creați o a doua pistă de lumină.

Pasul 23

Pentru a crea fața tigrului, avem nevoie de o imagine de referință. Deci, descărcați acest tigru și deschideți imaginea în Photoshop. Utilizând instrumentul stilou sau instrumentul lasso, extrageți aproximativ capul animalului și trageți-l în panza principală. Plasați-l unde doriți să fie efectul de lumină.

Desaturați imaginea (Cmd / Ctrl + Shift + U) și coborâți-o pentru a vă ajuta în procesul de creare a acestui efect de lumină.

Pasul 24

Rezultatul poate fi rece, dar procesul de creare a chipului tigrului nu este atât de interesant. Creați un nou strat și faceți clic o dată utilizând o perie de fum.

Observați forma fumului. Localizați zonele care pot funcționa pentru diferite părți ale feței tigrului. În acest caz, am găsit ce seamănă cu dintele unui tigru.

Mutați-o în poziția opusă.

În cele din urmă, utilizați instrumentul de ștergere pentru a elimina toate părțile suplimentare ale fumului.

Pasul 25

Procesul este întotdeauna același. Concentrați-vă pe detaliile mici ale fumului, mutați-le peste tigru pentru a vedea că el vine la viață. Când este necesar, duplicați stratul de lumină pentru a face efectul mai puternic.

Pasul 26

Uneori, ascundeți vizibilitatea stratului de tigru. În acest fel, puteți personaliza efectul prin mișcarea periilor de fum, după cum preferați. Nu trebuie să reproduceți exact liniile fotografiei.

Pasul 27

Așa cum ați observat, această tehnică este foarte simplă de folosit. Puteți încerca să aplicați diferite perii și să adăugați mai multe detalii. De asemenea, puteți juca cu culori pentru a obține un rezultat diferit. Tot ce aveți nevoie este răbdarea, deoarece procesul este ușor, dar lent. După o oră de lucru, asta am obținut.

Pasul 28

Compoziția este aproape completă, dar mai există încă ceva ce putem face. Creați un grup nou și schimbați modul de amestecare pentru a evita culoarea. După cum vă puteți imagina, vom folosi acest grup pentru a adăuga spoturile luminoase finale la munca noastră. Creați un strat în interiorul grupului, apucați o perie albă moale și mare și vopsiți peste efectele de lumină. Reduceți opacitatea stratului sau efectul este prea puternic.

Iată efectul final al luminii.

Imagine finală

Iată rezultatul final. Sper că v-ați bucurat de tutorial și ați învățat câteva noi trucuri Photoshop.