Creați o ilustrare intensă a stilului corporativ în Photoshop ușor

Ilustrațiile corporative pot fi o parte importantă a oricărui articol de prezentare, știri sau reviste. Astăzi, vom demonstra cum să creați o ilustrare intensă a stilului corporativ în Photoshop. Să începem!


Resursele folosite

Următoarele resurse au fost folosite în timpul producerii acestui tutorial.

  • Durere
  • Metal periat

Pasul 1

Mai întâi trebuie să surprindem o imagine stoc care să se potrivească. După ce am făcut acest lucru, este timpul să creați câteva schițe care să prezinte în mod clar conceptul, compoziția și narațiunea imaginii dvs. Creați o imagine a unui lucrător care este foarte stresat în mediul corporatist, așa că trebuie să ne gândim la scenariile care evidențiază acest lucru atunci când creați schițele. Odată ce ai o schiță fericită cu timpul să o scanezi la o rată de cel puțin 300 dpi.


Pasul 2

Acum este timpul să creați vectorii începând cu modelul. Faceți dublu clic pe stratul de imagine și denumiți-l "Model" să vă asigurați că blocați stratul pe care nu dorim ca acesta să se miște în orice moment. Vrem să desenați o ilustrare în două tonuri a modelului care nu este prea detaliat.

Creați o imagine nouă și apelați-o "Detaliu" și utilizați instrumentul stilou cu o umplutură neagră, fără ștuț, setat pe CMYK (C: 100 M: 83 Y: 32 K: 18) și începeți trasarea caracteristicilor principale ale modelelor. Apoi creați un strat nou sub stratul "Detail" și denumiți-l "siluetă" și cu culoarea (C: 14 M: 0 Y: 2 K: 0) trageți o siluetă de bază a modelului.


Pasul 3

Acum, să deschidem schița în ilustrator și să începem să desenăm elementele ilustrației. Voi începe cu ecranul computerului. Asigurați-vă că tot ceea ce desenați are stratul propriu, astfel încât să rămânem organizați. Creați un nou strat numit "Computer", apoi selectați instrumentul dreptunghi rotunjit, faceți clic pe panza pentru a afișa paleta de opțiuni și setați raza de colț la 4pt. Setați umplutura într-o culoare gri deschis, fără curse, apoi trageți dreptunghiul ecranelor computerului. Pentru a ajuta la alinierea corectă a computerului, așezați un ghidaj peste punctul central orizontal al dreptunghiului. Apoi selectați baza de instrumente a calculatorului.


Pasul 4

Acum, creați un nou substrat făcând clic pe a doua pictogramă din stânga paletei de straturi și denumiți-o "ecran". Pentru a vă permite să vedeți dreptunghiul de bază și schița în același timp, reduceți opacitatea la 50%, apoi cu instrumentul dreptunghi, culoarea setată pe albastru, desenați ecranul computerului.

Ok, e timpul să desenezi grila. Opriți vizibilitatea stratului de ecran și selectați instrumentul dreptunghiular. Faceți clic pe panza pentru a afișa opțiunile de instrument, setați separatoarele orizontale la 6 și separatoarele verticale la 7, acum completați ca mai sus. Apoi setați cursa la 0,25pt și o culoare albastru închis și trageți grila, urmată de liniile de progres pentru aceasta selectați instrumentul stilou cu un set de culori la mijlocul roșu și cursă de 1 pt swap cursa și umpleți în jurul pentru a trage vârful săgeții . Apoi adăugați textul privind profitul brut.


Pasul 5

Pentru a adăuga realism și profunzime la ecranul computerului, vom adăuga un gradient liniar. Așezați trei glisoare cu gradient pe panta 0 la următoarea la 50 și ultima la 100. Setați glisoarele 0 și 100 la C: 67 M: 58 Y: 55 K: 36. Acum, setați glisorul de mijloc la C: 28 M : 22 Y: 21 K: 0. Urmați aceeași procedură pentru a face baza computerului, dar de această dată setați unghiul de înclinare la 90 de grade. Puteți adăuga un cursor de gradient acolo unde este necesar. Este o idee bună să salvați gradientul pe care îl faci ca un specimen, astfel încât să îl puteți utiliza din nou, dacă este necesar. În cele din urmă, adăugați un gradient radial pe ecran, setați cursorul locației 0 la culoarea C: 0 M: 0 Y: 7 K: 0 și glisorul locației 100 la C: 13 M: 8 Y: 3 K: 0.


Pasul 6

Continuați să desenați restul elementelor, cum ar fi semnul de e-mail și telefonul în același mod (trebuie doar să desenați elementele care se reflectă orizontal o dată). Când ajungeți la clădiri, setați culoarea la C: 94 M: 57 Y: 1 K: 50, selectați instrumentul stilou cu o cursă de 0,5 pt și nu umpleți și desenați liniile de construcție. Apoi, dedesubt, creați un substrat nou numit "gradienți de construcție". Setați glisierele cele mai întunecate glisiere la același albastru pe care l-am folosit pentru liniile de construcție combinate cu o culoare mai deschisă, adăugați punctul de culisare și schimbați unghiurile după cum doriți, până când veți obține un aspect frumos reflectorizant. Apoi creați un substrat nou numit bază și plasați-l sub stratul de gradient. Cu o culoare de umplere albastră de C: 10 M: 0 Y: 0 K: 0 selectați baza clădirii.


Pasul 7

Continuați să extrageți restul elementelor ilustrative, dar asigurați-vă că fiecare piesă individuală a fost așezată pe propriul său strat chiar și pe cele două suprafețe de circuit prezentate mai sus, denumirea portocalie fiind una "Circuit" și cealaltă "Circuit2", de exemplu. Odată ce ați atras totul, acum trebuie să le salvăm ca fișiere individuale. Puteți face acest lucru oprind vizibilitatea tuturor straturilor, cu excepția elementului pe care îl salvați. După ce le-ați salvat tot timpul să treacă la Photoshop.


Pasul 8

Deschideți fișierul de schiță din Photoshop. Vom folosi acest ghid pentru compoziție, deoarece această imagine este un element simetric care utilizează ghidajele pentru a marca punctul central. Acum vom deschide toate vectorii pe care le-am desenat în ilustrator. Pentru a poziționa cu precizie imaginile cum ar fi "clădirea" și circuitele care se reflectă orizontal în paleta de straturi, trageți-le pe pictograma "creați un nou strat" ​​care va duplica stratul, apoi mergeți la Edit> Transform> Flip Horizontal și, glisați stratul duplicat pe cealaltă parte.


Pasul 9

Adăugați un strat de fundal gradient așa cum este arătat.


Pasul 10

Ok, să adăugăm o culoare și o textură în fundal, să creăm un strat nou și să îl numim "Culoare de bază". Selectați instrumentul de gradient și setați cursorul din stânga la culoarea C: 90 M: 32 Y: 100 K: 30 și glisorul din dreapta până la C: 90 M: 40 Y: 100 K: 53 și umpleți stratul cu acest gradient. Acum, deschideți fișierul de textură, întindeți-l în timp ce țineți apăsată tasta Shift până când se umple pagina și apoi setați modul de amestecare la Diferență. Apoi, duplicați stratul Textură, apoi setați opacitatea la 20%, iar modul Blend pe Overlay.


Pasul 11

Este bine ca această ilustrare să aibă un fundal întunecat deoarece tema este destul de intensă, dar acum vrem să adăugăm mai multă energie piesei. Simbolurile de e-mail sunt în prezent negre și se pierd în fundal, ceea ce le permite să iasă în evidență. Faceți dublu clic pe unul dintre simbolurile de e-mail din paleta de straturi pentru a afișa opțiunea de stil și selectați Suprapunere cu gradient. Setarea modului de amestecare la Culoare mai luminată, adăugarea unui cursor de culoare suplimentar într-o locație de 50% setați glisoarele stânga și dreapta la C: 7 M: 5 Y: 0 K: 0 și glisorul de mijloc C: 2 M: 9 Y: 2 K: 0. Cmd / Ctrl> Faceți clic pe stratul din paleta de straturi și selectați stilul stratului de copiere apoi Cmd / Ctrl> Faceți clic pe celălalt strat de e-mail și selectați stilul straturilor de paste.


Pasul 12

Setați stratul Taxman pentru a suprapune, apoi deschideți opțiunile pentru stilul stratului și selectați fila suprapus cu gradient. Setați modul Blending la Overlay și glisorul din stânga la C: 63 M: 0 Y: 7 K: 0 și glisorul din stânga la alb. Acum, copiați și lipiți acest stil de strat pe stratul de împrumuturi. Adăugați stiluri de straturi straturilor rămase pentru a le ajuta să ieșiți în evidență și nu vă fie frică să experimentați.


Pasul 13

Creați un nou strat și numiți-l "Beam de cap". Selectați instrumentul dreptunghi Marquee și desenați un dreptunghi subțire, umpleți-l cu o culoare cremă folosind Instrumentul pentru găleți de vopsea. Apoi treceți Filter> Blur> Gaussian Blur și setați raza la 6.4pt. Acum, folosind instrumentul de selecție, rotiți imaginea astfel încât să indice de la Taxman Layer la capul modelului, apoi să modificați opacitatea la 82%.


Pasul 14

Creați un nou strat numit "Punctul dureros de cap", apoi cu elipticul Marquee pentru a desena un cerc mic unde fasciculul de lumină atinge capul modelului. Apoi, umpleți cercul cu o culoare portocalie deschisă și repetați procesul Gaussian Blur pe care l-am folosit la pasul 12 și setați opacitatea stratului la 74%. Acum, repetați acest proces pentru case, împrumuturi și straturi auto. S-ar putea să găsiți că trebuie să răspândiți ușor simbolurile pentru a vă oferi destul spațiu.


Pasul 15

Acum faceți duplicat stratul de clădire, trageți-l în partea de jos și lărgiți-l astfel încât să dureze jumătate din pagină. Modificați modul de amestecare la lumină puternică și opacitatea la 16%. Acum duplicați stratul, răsuciți-l orizontal și repoziționați-l pe cealaltă parte a paginii.


Pasul 16

Selectați stratul Circuit, duplicați-l și apoi rotiți-l astfel încât să fie orizontal. Acum poziționați-o astfel încât să se afle sub stratul "Creditul de dobândă". Acum setați modul Blending la Overlay și Opacitatea stratului la 39%. Apoi duplicați-l și răsturnați orizontal, setați modul de amestecare pe ecran și opacitatea la 29%.


Pasul 17

Continuați această metodă de joc cu modurile de amestecare pe straturile de circuit și altele până când găsiți o compoziție cu adevărat interesantă care îmbunătățește ilustrația. Utilizați stiluri de straturi, dar întotdeauna verificați progresul și asigurați-vă că duplicați straturile în forma lor originală înainte de a le edita.


Pasul 18

Acum vrem să evidențiem calculatorul puțin mai mult. Duplicați stratul și trageți sub stratul copiat. Acum, atingeți-l la dreapta de trei sau patru ori și setați modul de amestecare pe ecran. Duplicați acest strat și setați opacitatea la 40%. Apoi faceți același lucru pentru partea stângă a calculatorului. Acum, selectați toate cele patru straturi și deplasați-le o dată sau de două ori. Repetați acest proces pentru stratul de telefon.


Pasul 19

Creați un strat nou deasupra straturilor de textură și cu o perie setată la 715 pt, duritatea 0%, culoarea albă și opacitatea la 21% încep să creeze zone mai ușoare în jurul modelului, computerului, telefonului și clădirilor. Urmați acest lucru, setând opacitatea stratului la 45%, iar lucrarea sa terminată!


Pasul 20

Privind imaginea ca întreg, există două straturi care nu funcționează destul de mult în ceea ce privește schema generală de culori. Acestea sunt straturile Taxman și Loan Interest. Faceți dublu clic pe "Taxman Layer" pentru a afișa opțiunile stilului stratului și pentru a seta modul de amestecare Gradient Overlay pe ecran. Acum repetați acest proces pentru stratul "Creditul de dobândă". Apoi setați cele patru moduri de amestecare a straturilor galbene la Lumină liniară.


Pasul 21

Fotografiile digitale sunt excelente pentru a adăuga profunzimea și contrastul cu fundalul, astfel încât este o idee bună să purtați o cameră digitală cu dvs. oriunde mergeți. Am folosit o fotografie pe care am luat-o de "Newcastle Millennium Bridge". Glisați fotografia pe pânză, rotiți fotografia astfel încât să fie portret și întindeți-o până când se potrivește cu toată lungimea paginii. Acum, setați modul de amestecare a stratului la Pin Light apoi faceți clic pe Image> Mode> Invert. Atingeți fotografia spre interior până când obțineți o formă de culoare mai interesantă, care rulează de-a lungul marginii. Acum, adăugați o mască de gradient făcând clic din stânga paletei de straturi, setați gradientul la culoarea alb-negru implicită și menținând apăsată tasta Shift, trageți un gradient scurt începând de la linia centrală verticală. Aceasta va face ca cealaltă jumătate a fotografiei să dispară. Acum duplicați acest strat și îl răsuciți orizontal și repoziționați-l pe cealaltă parte.


Pasul 22

Acum duplicați stratul Computer și poziționați acest strat chiar deasupra straturilor de textura. Trageți-l jos în timp ce țineți trecerea și puneți-l în spatele telefonului. Apoi, setați Modul de amestecare la Luminozitate și Opacitate la 12%. Acum utilizați acest proces pentru a adăuga zone de evidențiere, astfel încât fundalul să apară mai interesant.


Pasul 23

Deoarece textura este mai întunecată în partea stângă sus decât cea din dreapta sus, stratul de fotografie din partea stângă sus nu este la fel de vizibil ca celălalt. Pentru a rezolva aceasta, mai întâi, duplicați stratul de fotografie (partea stângă și setați opacitatea stratului la 20%. Acum redimensionați masca de gradient astfel încât numai zona din stânga sus să fie vizibilă așa cum se vede din paleta de straturi de mai sus.


Pasul 24

Acum este timpul să faceți completările și ajustările finale. S-ar putea să doriți să adăugați câteva simboluri valutare, cum ar fi semnul Pound, Euro sau Dollar. Apoi, utilizați în final un strat de ajustare a curbelor (Layer> New Adjustment Layer> Curves) și plasați-l în partea de sus a paletei dvs. de straturi pentru a intensifica culoarea ilustrației.


Imagine finală