Creați un tort de pământ pentru diagrame și infografice

Infografiile reprezintă o modalitate eficientă și amuzantă de a prezenta date. Puteți observa totuși că infografiile sunt adesea ilustrații vectoriale pline. Dacă doriți să creați ceva mai realist? În acest tutorial, vă vom arăta cum să creați un prăjitură de pământ utilizând elemente fotograficale pentru a fi utilizate în tabele cu plăcintă. Să începem!

Tutorial Active

Următoarele bunuri au fost utilizate în timpul producerii acestui tutorial. Descărcați-le înainte de a începe.

  • Textură: Stâncă de nisip
  • Textură: Stâncă de stâncă
  • Textură: Pietriș
  • Textura: iarba moartă
  • Foto: câmp de grâu
  • Foto: Vacă de pășunat
  • Fotografie: Iarbă

1. Desenați o schiță

Pasul 1

Creați un document nou (Comandă / Ctrl + N) de dimensiuni de 600 x 700 pixeli. Desenați o schiță b / w simplă în orice mod preferați (forme, scanare etc.). În acest caz, acesta a fost desenat cu un comprimat cu stilou. Este necesar pentru a înțelege o structură generală și o perspectivă.


Pasul 2

Grupează schița. Apoi creați grupuri noi pentru diferite tipuri de materiale și suprafețe de sub grupul de schițe. Desenați mască vectorială pentru grupurile cu instrumentul Pen și creați culori Solid Color în ele. Nu trebuie să fii foarte precis.

Dacă schița dvs. are umpluturi sau este scanată puteți transforma Modul de amestecare în "Multiplicare" pentru a fi transparent.

Puteți utiliza altă metodă pentru desenarea măștilor, dar ar trebui să faceți grupuri mascate. Ar fi foarte util mai târziu.

Pasul 3

Creați forme de straturi de sol cu instrumentul Pen in grupurile de sol.


Nu mai ai nevoie de schiță, ca să-l poți ascunde.


2. Texturarea

Pasul 1

Trageți texturile sau părți bune ale acestora în fișier ca obiecte inteligente și dimensiunea acestora proporțional unul la altul și vacă. Nu vă faceți griji în ceea ce privește culoarea sau perspectiva. În acest pas trebuie să vă asigurați că se potrivesc cu ilustrația dvs..


Pentru straturile de sol utilizați-le ca măști de tăiere (Alt + Command / Ctrl + G sau Layer> Creare mască de tăiere sau Alt + Clic între straturi). Apoi plasați texturile în alte părți ale solului.

Deoarece piesa are două suprafețe, creează și maschează un grup pentru suprafața laterală în grupul "Piece" și copiază straturile de sol în ea.


Pasul 2

Acum trebuie să așezați texturile care au pe suprafața lor dungi orizontale notabile. Distorsionează-le folosind Warp (Edit> Transform> Warp) și Distort (Edit> Transform> Distort) pentru suprafața laterală.


Nu utilizați Warp pentru stratul de mijloc în timp ce distorsionați pietrele. Ar trebui să utilizați puțin perspectiva (Edit> Transform> Perspective).


Asigurați-vă din nou că texturile sunt proporționale între ele. Mutați texturile puțin pentru a găsi unele asemănări interesante între diferite straturi și suprafețe. Va fi foarte util mai târziu.


După cum puteți observa că obiectele inteligente distorsionate par teribile, mai ales pe partea laterală a piesei. Există un truc pentru a le rafina. Motivul pentru acest efect este că Photoshop scala obiecte inteligente înainte de a le distorsiona. Doar măriți texturile distorsionate în trei rânduri, rasterizați (faceți clic dreapta pe un strat> Rasterize Layer) și apoi reduceți-le la dimensiunea necesară.


Pasul 3

Foarte curând tortul va arăta mult mai bine, așa că să începem corectarea culorii! Începeți de la stratul "Mijloc". Acesta va fi culoarea principală a solului. Creați două straturi de ajustare: Niveluri și nuanță / saturație (Layer> New Adjustment Layer>) și faceți "Mijlocul" masca lor.


Apoi selectați stratul "Jos". Textura are o deosebire foarte frumoasă a culorii. Mărește mai întâi stratul de ajustare a culorii / saturației.


Dupa aceea adăugați un strat de luminozitate / contrast și un strat Solid Color Fill (Layer> New Layer fill> Solid Color) în modul "Lumină moale" (Culoare: # 514740).


Următorul este nivelul superior. Creați un strat Niveluri și trageți cursorul din stânga la cel mai apropiat vârf. Este nevoie să accentueze detaliile întunecate ale texturii. Apoi adăugați un strat de luminozitate / contrast și faceți textura mult mai întunecată.


După toate, copiați straturile de ajustare create la aceleași texturi din alte grupuri. Desigur, pare prea ușor în tutorial, dar petrec multă ajustare a timpului și încerc diferite variante.


Pasul 4

Acum puteți continua cu vegetația. Iată câteva vesti bune! Nu trebuie să faci nimic cu iarba, motivul fiind fotografia sursă este minunată! Dar grâul pare puțin palid. Deci, saturați-l.


3. Iluminarea

Pasul 1

Să începem de sus. Ascundeți vaca temporar. Iarba arată bine, dar ar fi mai bine să adăugați un pic de perspectivă asupra acesteia. Creați un nou strat în grupul "Grass" și creați un gradient vertical.


Apoi folosiți efectele de strat pentru ao suprapune cu o culoare galben deschis (# fffae1) și setați opacitatea de 30%.


Pasul 2

Este foarte util să creați un ghid de iluminare pentru a vă aminti unde este soarele dvs. Creați o formă de cerc și trageți umbra și lumina cu perie alb-negru.


Pasul 3

Creați un grup "Shadow" în grupul "Cake front" și creați un strat Brightness / Contrast. Apoi faceti solul la fel de intunecat ca o parte intunecata a ghidului de iluminat.


Selectați masca stratului și ștergeți umbra cu o perie neagră moale, care nu este necesară.


Creați un nou strat și transformați-o în modul "Suprapunere". Adăugați detalii de lumină și umbre cu perii alb-negru.


Faceți iluminarea pentru celălalt grup de sol în același mod. Pentru grupul "Cake back", adăugați și o perspectivă aeriană. Acum arata bine, dar cu siguranta are nevoie de umbre.


Pasul 4

Porniți de la o umbră de bază. Creați un nou grup "Shadow" mai jos. Copiați traiectoriile maselor de sol și faceți din ele o nouă formă neagră. Deplasați punctele de top pentru a face ceva ca un fund al tortului. Acordați atenție numai liniilor laterale și nu vă faceți griji cu privire la punctele îndepărtate.


Faceți o copie a formei și rasterizați-o. Apoi, blur cu Blur Gaussian (Filter> Blur> Gaussian Blur / Radius: 2.0).


Pentru a face copierea mai groasă și a îmbina straturile (Command / Ctrl + J, Command / Ctrl + E).


Pasul 5

Dacă vrei să faci o umbră bună trebuie să folosești o geometrie. Creați o schiță simplă așa cum doriți. Este tortul de sus.


Combinați-o cu partea superioară a tortului folosind Transformarea și Perspectiva (Editare> Transformare>). Extindeți liniile verticale pentru a obține punctul lor de dispariție. Ar putea fi în afara panzei, nu vă faceți griji. Nu va trebui să fie ideală. Apoi copiați conturul și combinați-l cu partea de jos. Fiți ghidați de liniile de perspectivă.


Creați o elipsă în partea de jos. Copiați calea și treceți la stânga și în sus (nu uitați de ghidajul de iluminare și de liniile de perspectivă). Conectați-le cu altă cale. Tăiați o parte sub piesă. Rezultatul ar trebui să arate astfel:


Faceți o altă formă pentru piesă. Rasterizați straturile și creați o Mască rapidă folosind Instrumentul Gradient.

Puteți ascunde o selecție utilizând comanda / Ctrl + H.

Selectați umbra prăjiturii și împăturiți-o cu Blurul Gaussian (Radius: 15). Pentru simpla falsificare a perspectivei utilizați Motion Blur.


Ștergeți ușor marginile umbrelor utilizând o mască și o perie moale neagră.


Apoi faceți umbrele puțin maronii cu Color Overlay (# 0e0700) și setați opacitatea la 85%.


Acum adăugați umbre întunecate în colțuri cu o perie neagră moale pe un strat nou.


4. Tranziții

Pasul 1

Iarba are rădăcini, așa că să le adăugăm. Creați un grup sub grupul "Umbre" în "Cake front". Trageți textura sursă a iarbă moartă (GrassDead0042_11_S) în ea. Mutați-l pentru a vedea solul lângă.


Apoi, reglați-le cu straturile de ajustare Luminozitate / Contrast și Hue / Saturation.


Frumos! Pare rădăcinile! Mutați-o pentru a acoperi solul și creați o mască. Acum vă puteți desena rădăcinile cu o perie albă moale! Masca ar trebui să arate astfel:



Nu rău, dar rădăcinile arată prea încețoșată. Puteți să le ascuțiți (Filtru> Sharpen> Unsharp Mask / Amount: 40%, Radius: 1), dar vă recomandăm un alt mod. Copiați stratul rădăcină și transformați modul în "Suprapunere". Apoi aplicați filtrul High Pass (Filtru> Altele> Pass High / Radius: 0.5). Este mai bine pentru că puteți regla claritatea cu Luminozitate / Contrast și puteți folosi o mască pentru claritate selectivă.


Acum repetați pentru celelalte părți ale solului.


Pasul 2

Să tragem lame pe marginea ierbii. Desfaceți vaca (nu trebuie să faceți o muncă inutilă). Rasterizati masca grupului "Grass". Și trageți doar lame cu o perie tare de 1px. Ar trebui să utilizați mai bine un comprimat stilou, dar asigurați-vă că și mouse-ul este posibil.


Alegeți o lamă vizibilă pe fotografie și extindeți-o cu peria. De asemenea, utilizați o perie neagră pe partea de sus pentru a subțiri iarba.


Un mic lucru mai mult. Creați o teșitură la margine. Adăugați un nou strat în grupul "Grass". Treceți-l în modul "Suprapunere" și trageți înclinarea cu perii albe și negre.



Pasul 3

Faceți același lucru și pentru grâu. Un lucru nu uitați că grâul este mai înalt decât iarba și, în acest caz, utilizați și o perie neagră pe fund.


Nu uitați de o înclinare!


Ceva extra. Adăugați niște lame desenate manual cu un strat nou.


Pasul 4

O.K. Acum tranziții între straturile de sol. Răstește forma "Top" din grupul "Cake front". Utilizarea instrumentelor Brush și Eraser fac frontiera mai naturală. Acordați atenție detaliilor texturii. Doar urmați-le și tranziția voastră va fi minunată!


Arată frumos, dar stratul de mijloc este prea plat. Copiați stratul texturii de sus, mutați-l în jos și desaturați-l (Shift + Command / Ctrl + U).


Modificați modul de amestecare a stratului la "Suprapunere". Tuneți-l cu un strat de luminozitate / contrast pentru un aspect neutru.


Adăugați un alt strat Luminozitate / Contrast și glisați contrastul la 100. Utilizați o mască pentru a elimina cretele de pe stâncă.


Utilizați aceeași tehnică pentru trecerea dintre straturile de mijloc și cele de jos. Faceți-o pentru alte straturi de sol.


Pasul 5

Răstește măștile grupurilor de sol. Îndoiți marginile cu o mică perie tare. Nu uitați de marginea dintre părțile laterale ale piesei. După aceasta, trebuie să vă întoarceți la umbra "bazei" a tortului. Afișează crestăturile din partea inferioară utilizând instrumentul Finger.


Deoarece există o umbră în fundal, trebuie să adăugați și o reflecție din tort pe ea. Copiați stratul de umbră "Base". Îndepărtați-o și estompați cu Blur-ul Gaussian și apoi Blur Motion. Aplicați Suprapunerea culorii (Culoare: # 675039) și setați 70% din opacitate.


Pasul 6

Acesta este momentul să vă întoarceți la firimituri! Copiați straturile de textură și ajustare din stratul intermediar al solului în partea de sus a grupului "Sol".


Mergeți-le (Command / Ctrl + E). Selectați cu ajutorul pietrelor Lasso Tool și copiați-le în straturi noi (Command / Ctrl + J).


O.K. Ștergeți textura fuzionată. Deplasați pietrele extrase în locuri apropiate de miezurile de pe schiță.


Puteți utiliza Efecte de strat pentru iluminarea obiectelor simple. În primul rând Bevel.


Umbra de Drop.


Frunzele sunt cu siguranță prea luminoase și netede. Asa de ascuțiți-le cu filtrul High Pass și întunecați cu un strat de luminozitate / contrast.


5. Vaca

Pasul 1

Trageți fotografia vacei în fișier. Mascați vaca și extrageți-o cu o perie. Mutați-o și transformați-o pentru a se potrivi schiței.


Creați o mască vectorială precisă cu instrumentul Pen.


Pasul 2

Fotografia are un echilibru de culoare diferit, deci trebuie să-l reglați. Pentru a obține un rezultat mai bun, ascundeți masca vectorială (Shift + Click) astfel puteți vedea iarba originală și potriviți-o aproape de mediul înconjurător. Reveniți la masca vectorială.


Pasul 3

Pasul următor ar trebui să îmbunătățiți iluminarea vacăi. Deschideți grupul "Ghidul de iluminare". Creați un nou strat în modul "Suprapunere" și trageți umbrele și luminile cu perii b / w.



Dar umbrele nu sunt întunecate. Creați un nivel de ajustare "Niveluri" și întunecați-l puternic. Faceți o mască neagră și trageți umbre profunde cu o perie albă.



Să adăugăm câteva umbre în modul "Normal".



Pasul 4

Acum este nevoie de o umbră de picătură! La început, faceți ghidaje umbrite simple.


Creați un nou grup "Shadow" și creați forme forte pentru cap și picioarele vacăi.


Așezați-le cu instrumentul de transformare la sol.


Deplasați părțile umbrite la punctele lor inițiale.


Acum puteți desena un corp în funcție de părți.


Mergeți în forme (Command / Ctrl + E), selectați (Command / Ctrl + Click) și creați o mască cu selecția pentru grupul "Shadow". Mutați grupul în grupul "Grass". Creați două straturi de ajustare: Nuanță / Saturație și Luminozitate / Contrast.


Blur masca cu Blur Tool și șterge-o puțin cu o perie neagră, în special părțile îndepărtate.


Luați o mică perie tare și desenați lame de iarbă pe margine așa cum ați făcut-o pentru iarbă. Rece! Ai făcut-o cu umbră!


Pasul 5

Întoarceți-vă la vacă. Ștergeți masca bitmap brut și creați o nouă. Faceți lame similare pentru asta. S-ar putea să trebuiască să ștergi puțin umbra de sub picioare.


Vaca este puțin cam în afara locului. Motivul este culoarea sa. Adăugați câteva reflecții la acesta. Creați un nou strat în modul "Lumină ușoară". Utilizați o perie verde pentru partea de jos și o perie galbenă f sau partea superioară.



Ascuți vaca cu un filtru High Pass și eliminați toate defectele de pe vacă cu o perie pe un nou strat.


6. Sentimente finale

Pasul 1

Ești aproape terminat. Îmbinați toate straturile ca o copie (Alt + Comandă / Ctrl + Shift + E) și rotiți-o orizontal (Editați> Transform> Flip orizontal). Acest lucru vă va ajuta să vedeți orice defecte din ilustrație pe care le-ați pierdut.

Acum puteți vedea că grâul este prea mic, perspectiva tortului este greșită, umbrele de iluminare sunt prea slabe, umbrele picăturilor sunt prea întunecate și vaca este absolut în afara locului. Nu vă panicați! Îl puteți îmbunătăți.


Pasul 2

Acum, efectuați următorii pași.

  • Asigurați-umbrele mai umede.
  • Desenați umbre suplimentare de iluminare pentru pământ pe straturi noi în modul "Normal".
  • Adăugați niște umbre pentru vacă în modul "Normal" și adăugați o lumină în "Suprapunere".

Sarcina cea mai consumatoare de timp va fi fixarea grâului. Dar este foarte ușor! Doar selectați partea superioară a măștii cu instrumentul Lasso și mutați-o. De asemenea, puteți mări textură puțin.


Umpleți golul din mască și trageți niște lame noi pe stratul "Desen de grâu".


Graful este mai înalt, deci trebuie să-i faci umbrele mai groase, dar "Overlay" îl face prea viu, așa că folosește modul "Normal" pe un nou strat.


Pasul 3

Să adăugăm câteva detalii mai frumoase. Creați un nou strat de luminozitate / contrast pentru stratul "mijlociu" al solului. Mascați-l și selectați pe pietrele de mască pe care le doriți. Apoi dați mai multe ambele glisante.



Faceți din nou flip-ul. Ar trebui să întunecați umbra vacăi și să ștergeți umbra de bază puțin.


Adăugați și alte lame pe iarbă, în special în apropierea capului de vacă. Copiați stratul de luminozitate / contrast al pietrelor în fâșii și faceți ca acestea să fie albe. Stratul superior al solului este prea neted. Ar trebui să-l ascuți.

Faceți din nou flip-ul. Vaca este în afara locului, dar motivul pentru care perspectiva sa nu se potrivește complet cu cea a tortului. Din păcate, nu se poate roti ca un model 3D. Cel mai mare defect este picioarele. Seamănă cu un dansator pe o linie. Și o puteți îmbunătăți! Ștergeți picioarele îndepărtate puțin și fixați umbra. Adăugați și alte umbre în modul "Normal" în partea stângă a vacăi și o anumită lumină la cea dreaptă. Apoi ar trebui să îmbunătățiți umbra picăturii de tort. Ștergeți-i puțin marginea îndepărtată și faceți-o mai groasă.


Concluzie

În acest tutorial, v-am arătat cum să utilizați tehnici de manipulare a fotografiilor pentru a vă ajuta să creați elemente grafice pentru o aplicație informatică. Ați învățat cum să vă schimbați ideea, să o desenați în Photoshop, să adăugați textură și iluminare și, în final, cum să adăugați atingerile finale. Sperăm că acest lucru vă va ajuta să veniți cu idei pentru a crea propriile dvs. infografice uimitoare.