Cum de a desena un volan și tabloul de bord în Photoshop

În acest tutorial vom explica cum să creăm un volan și un tablou de bord în Photoshop folosind forme vectoriale, stiluri de straturi și un pic de pictura. Să începem!


Tutorial Active

Următorul bun a fost utilizat în timpul producerii acestui tutorial.

  • Textura pielii (skin_6.jpg) de la WeGraphics

Pasul 1: Pregătirea canvasului

Începeți prin desenarea unui fișier nou cu o dimensiune de 850 px × 840 px. Apăsați Command / Ctrl + R pentru a dezvălui conducătorul. Faceți clic pe riglă verticală și trageți pe suprafața panzei pentru a crea un nou ghid vertical. Repetați același proces cu rigla orizontală pentru a desena un ghid orizontal. Limita făcută din aceste ghidaje ne va ajuta să trasăm forma volanului.

Pasul 2: Desenarea formei de bază

Începeți prin activarea instrumentului Ellipse. Shift-drag pentru a desena o formă perfectă de cerc. Setați culoarea sa la # 797979.

Pasul 3

Duplicați calea b selectând-o și apoi apăsați Command / Ctrl + C, Command / Ctrl + V. Redimensionați la o formă mai mică și setați-i modul să se scadă. În acest pas, vom obține o formă de inel.

Pasul 4

Utilizați instrumentul Pen pentru a desena partea interioară a volanului. Setați modul său de cale spre zona Adăugare în formă.

Pasul 5

Aplicați iluminarea de bază folosind Shadow Inner Style și Glow Inner.

Pasul 6: Adăugați textură pielii

Luați o textură a pielii de la WeGraphic (skin_6.jpg). Așezați-o pe partea superioară a volanului.

Pasul 7

Vrem să ne asigurăm că nu există cusături în interiorul volanului. Activați instrumentul Patch, selectați cusăturile și trageți-l pentru a curăța zona.

Pasul 8

Repetați acest lucru la partea rămasă a cusăturilor.

Pasul 9

Faceți clic pe Imagine> Ajustări> Nuanță / Saturație. Reduceți saturația la -100 și luminozitatea la -47 pentru a face textura mult mai întunecată.

Pasul 10

Modificați stratul modului de amestecare pentru a multiplica.

Pasul 11

Alt-trageți masca vector din forma roții în stratul de textura. În acest moment, textura intră în textură.

Tonează opacitatea la 50%.

Pasul 12

Duplicați textura pielii (Command / Ctrl + J). Setați modul de amestecare pentru a multiplica și a reduce opacitatea la 30%. Alt-faceți clic pe pictograma Adăugați o nouă mască de strat. Vopsea o parte din mască cu alb pentru a descoperi mai multă textură pe volan.

Mai jos, puteți vedea măștile de strat pe care le-am făcut.

Iată diferența înainte și după adăugarea mai multor texturi.

Pasul 13: Adăugați umbrele și evidențiați

Faceți o nouă mască de vectorizare a stratului și altul. De acum încolo, tot ceea ce plasăm sau tragem în interiorul acestui strat de grup rămâne în interiorul volanului.

Pasul 14

Comanda / Ctrl-clic pe forma inelului de pe volan. Faceți clic pe Selectare> Modificare> Contract, utilizați 15 pixeli.

Pasul 15

Efectuați un nou strat și completați selecția cu alb. Deselectați (Command / Ctrl + D). Se atenuează evidențiarea prin aplicarea gaurului Gaussian Blur, Filter> Blur> Blur Gaussian.

Reduceți opacitatea la 10%.

Pasul 16

Command / Ctrl-click centrul volanului pentru a face o nouă selecție în funcție de forma sa. Selectați> Modificare> Reduceți cu 20 de pixeli.

Pasul 17

Efectuați un strat nou și apoi completați selecția cu alb. Deselectați (Ctr + D).

Se înmoaie accentul prin aplicarea Gaussian Blur. Filtru> Blur> Gaussian Blur.

Pasul 18

Încă o dată, selectați forma inelului de pe volan. Faceți clic pe Selectați> Modificare> Contract pentru a reduce dimensiunea de selecție cu 25 de pixeli. Activați unul din instrumentele de selecție și apăsați pe săgeată în sus și în stânga de câteva ori pentru ao muta. Faceți un strat nou și completați selecția cu alb.

Pasul 19

Îmbrăcați-l folosind Gaurus Blur.

Pasul 20

Tonează opacitatea la 20%. Adăugați o mască de strat și apoi vopsiți unele din cele mai importante pentru a o ascunde. Vrem să o facem cât mai natural posibil.

Pasul 21

Repetați pașii anteriori, dar de această dată utilizați negru pentru a adăuga evidențiați.

Pasul 22

Să adăugăm un accent mai puternic pe volan. Activați instrumentul Perie, faceți clic dreapta pe panza pentru a deschide setarea periei. Selectați peria moale (Duritate: 0%).

Creați un nou strat. Activați instrumentul Pen și trageți o curbă. Faceți clic cu butonul din dreapta și alegeți calea de atac. În următoarea casetă de dialog, selectați Instrumentul: Pensulă. Asigurați-vă că selectați Simulare presiune.

Mai jos este rezultatul pe care îl avem. Puteți obține același rezultat utilizând un stilou Wacom și cu setarea de presiune activată. De asemenea, folosesc Wacom, dar întotdeauna prefer să folosesc această tehnică - instrument de perie și pensulă - deoarece rezultatul este mai precis.

Pasul 23

Aplicați Gaussian Blur dacă simțiți că evidențiarea este prea dură. Filtru> Blur> Gaussian Blur.

Pasul 24

Repetați pasul anterior, dar de această dată utilizați o dimensiune mai mică a pensulei pentru a adăuga o evidențiere mai puternică.

Pasul 25

Refaceți noul strat. Este un obicei bun de a pune fiecare perie cursa într-un strat separat. În acest fel, îl puteți edita cu ușurință dacă nu vă place rezultatul. Vopsea umbra subtilă pe colțul din dreapta jos.

Pasul 26

Faceți un nou strat. Vopseaua albă pe centrul volanului. Nu vă faceți griji dacă rezultatul pare a fi aspru.

Pasul 27

Se atenuează evidențiarea prin aplicarea unui filtru foarte mare de Gaussuan Blur.

Pasul 28

Reduceți stratul său Opacitate la 32%.

Pasul 33

Command / Ctrl-click pentru a obține o nouă selecție în funcție de forma sa. Activați instrumentul de selecție și apăsați Arrow de câteva ori pentru ao muta în jos.

Pasul 34

Inversați selecția (Command / Ctrl + Shift + I).

Pasul 35

Command / Ctrl + Shift + Alt-clic pe forma volanului pentru a intersecta selecția activă cu forma sa. În acest moment, vom fi selectați partea superioară a volanului.

Pasul 36

Faceți un nou strat. Completați selecția cu alb.

Pasul 37

Deselectați (Command / Ctrl + D). Împingeți evidenția folosind Gaussian Blur.

Pasul 38

Tonul de jos evidențiază opacitatea la 50%. Ștergeți evidențierea în afara volanului.

Pasul 39

Vopsea mai mult în centrul volanului folosind tehnica anterioară. Adăugați Masca de strat pe stratul său.

Pasul 40

Trageți o cale selectând partea superioară a centrului volanului.

Pasul 41

Command / Ctrl-click pentru a-l converti în selecție. apăsați Command / Ctrl + Shift + I pentru a inversa selecția. Activați instrumentul Perie și reduceți Opacitatea la 30%. Vopseste masca selectata cu negru.

Pasul 42

Reducerea nivelului opacității până la 20%. Dacă credeți că evidențiarea este prea aspiră, deselectați (Command / Ctrl + D) și apoi aplicați Gaussian Blur.

Pasul 43

În cazul în care deselectați, dați clic pe Selectați> Resetați pentru a reveni la selecția anterioară. Vopsea umbrite pe zonele indicate mai jos.

Pasul 44

Reduceți opacitatea stratului la 35%.

Pasul 45

Să atragem mai multă atenție asupra volanului. Trageți calea, faceți un nou strat, faceți clic cu butonul din dreapta și selectați Calea de curse. Selectați Instrumentul: Periați și asigurați-vă că ați activat Simularea presiunii. Reduceți Opacitatea dacă este necesar.

Pasul 46

Faceți un nou strat și trageți o altă umbră de evidențiere pe altă parte a volanului.

Pasul 47

Pentru a desena un obiect realist, trebuie să adăugăm imperfecțiunea în el. În viața reală nu există iluminare perfectă, textura perfectă, forma perfectă sau culoarea perfectă. Mai întâi, să adăugăm câteva riduri pe volan.

Efectuați un nou strat și activați instrumentul Perie. Selectați mărimea periei mici, 1 px sau 2 px. Vopsește linii negre aleatorii pe colțul volanului. Pentru moment, nu trebuie să vă faceți griji cu privire la rezultatul său. Duplicați stratul (Comandă / Ctrl + J). Activați instrumentul de mișcare și apăsați în sus și lasă săgeata din stânga de două ori pentru ao deplasa în sus și la dreapta 2 px. Inversați culoarea albului apăsând comanda / Ctrl + I. Reduceți Opacitatea ambelor straturi.

Pasul 48

Repetați pașii anteriori pentru a desena mai multe riduri pe alt colț al volanului.

Pasul 49

Repetați același pas, dar acest lucru pe partea superioară a volanului. Faceți un strat nou și vopsiți linii aleatorii pe partea superioară a volanului. Duplicați stratul, mutați-l cu 2 culori în sus, inversați culoarea, apoi reduceți Opacitatea ambelor straturi.

Pasul 50

Faceți un nou strat. Utilizați instrumentul Perie pentru a desena o linie pe o parte a volanului. Desenați o linie neagră.

Pasul 51

Faceți un nou strat. Desenați o linie albă, lângă linia negru anterioară. Reduceți opacitatea ambelor linii.

Pasul 52

Desenați subliniați și umbra subtilă folosind un instrument de perie mai mare. asigurați-vă că adăugați o altă imperfecțiune prin vopsirea unor linii aleatorii lângă ea.

Iată rezultatul vizionat la 100%.

Pasul 53: Cusaturi

Să adăugăm o altă imperfecțiune, de această dată cusăturile se rostogolesc pe o parte a volanului.

Asigurați-vă că instrumentul perie este activ și deschideți panourile de perie (F5). Faceți clic și trageți în interiorul aspectului periei pentru al transforma într-o elipsă. Sporiți distanța până la aproximativ 400%.

Pasul 54

Faceți un nou strat și trageți o linie neagră așa cum se vede mai jos.

Pasul 55

Duplicați stratul de linie utilizând Command / Ctrl + J. Inversați culoarea albă (Command / Ctrl + I). Activați instrumentul de mutare și apăsați pe săgeată sus și dreapta de două ori pentru a muta noul strat cu 2 px în sus și spre dreapta. Reduceți stratul de linie neagră Opacitatea la 50% și linia albă la 20%.

Pasul 56

Faceți un strat nou și vopsiți întuneric umbra aproape de cusături.

Pasul 57

Repetați același pas pentru a desena alte cusături pe altă parte a volanului ...

Pasul 58: Buton

Duplicați forma volanului și schimbați culoarea în # aea7a1. Adăugați o altă cale pentru a plasa unele butoane și a le seta modul de intersectare. Asigurați-vă că plasați-l în spatele umbrelor și evidențiați grupul la care am lucrat mai devreme.

Pasul 59

Command / Ctrl-click forma. Faceți un nou strat. Vopseaua necesită umbre și subliniază.

Pasul 60

Faceți un nou strat și plasați-l în spatele formei. Completați selecția cu negru.

Pasul 61

Îmbrăcați-l folosind albastru Gaussian. Ștergeți umbra în afara volanului.

Pasul 62

Vedeți un alt punct subtil de lângă umbra. Utilizați o perie moale cu dimensiunea de 1 px.

Pasul 63

Desenați o altă formă de vector cu culoarea # 434343 în forma anterioară. Adăugați Layer STyle Bevel și Emboss.

Mai jos este rezultatul afișat la 100%.

Pasul 64

Command / Ctrl-click pe care tocmai am făcut-o. Extindeți selecția cu 1 px făcând clic pe Selectați> Modificare> Extindeți. Faceți un nou strat și plasați-l în spatele formei. Completați selecția cu negru.

Pasul 65

Aplicați Blur-ul Gaussian pentru ao înmuia.

Pasul 66

Activați instrumentul Pensulă și vopsiți mici pictograme din partea dreaptă sus a formei.

Pasul 67

Desenați această formă, realizată dintr-o elipsă și apoi transformată. Adăugați stiluri de straturi Suprafețe înclinate și gradienți și reduceți nivelul de umplere la 0%.

Pasul 68

Desenați un alt buton și aplicați aceleași stiluri de straturi.

Pasul 69

Utilizați instrumentul Tip pentru a adăuga etichetă deasupra butonului. Puteți oricând să aplicați transformarea (Command / Ctrl + T) pentru a vă asigura că textul se potrivește cu perspectiva butonului.

Pasul 70

Adăugați un alt buton pe cealaltă parte. Puteți vedea clar că sunt prea leneș pentru a folosi etichete diferite. Deci, fii creativ!

Pasul 71: Logo-ul

Adăugați text sau logo în centrul volanului. Puteți folosi propriul dvs. logo auto, dacă doriți. Aici, folosesc o combinație de caracter în stil de font diferit. Aplicați Style Bevel and Emboss și setați Fill la 0%.

Pasul 72

Command / Ctrl-click logo și faceți clic pe Selectați> Modificare> Extindeți. Faceți un nou strat și completați selecția cu orice culoare. Aplicați umbra interioară în stilul stratului și suprapunerea cu gradient. Reduceți-l la 0%.

Pasul 73

Adăugați mai multe sigle dacă credeți că este necesar.

Până acum, iată rezultatul nostru.

Pasul 74: Butoane laterale

Desenați o formă de elipsă cu culoarea: # 181817 în spatele volanului. Apăsați Command / Ctrl + T și apoi rotiți-o. Apăsați Enter odată ce sunteți mulțumit de rezultatul transformării. Aplicați suprapunerea cu straturi și stratul de relief și gradient.

Pasul 75

Adăugați un strat nou și convertiți-l în Mască de tăiere. În acest fel, tot ce voprăm aici va intra în formă. vopsiți niște umbre în spatele formei principale a volanului. Pe partea opusă, pictați câteva detalii.

Pasul 76

Faceți un nou strat și apoi trageți o curbă albă. Duplicați stratul (Comandă / Ctrl + J). Activați funcția Mutare și atingeți de două ori săgeata sus pentru ao deplasa cu 2 px. Reduceți opacitatea ambelor linii, negru la 50% și alb la 20%.

Pasul 77

Duplicați liniile și plasați-le cu câțiva pixeli deasupra.

Pasul 78

Faceți un strat nou și vopsea subțiri în centrul butonului.

Pasul 79

Duplicați butonul și puneți-l pe partea opusă. Nu vrem ca ambele butoane să fie 100% identice. Deci, vă sugesc să trageți manual diferite momente și umbre. După cum puteți vedea mai jos, butonul din stânga este mult mai strălucitor decât cel din dreapta.

Pasul 80

Desenați forma prezentată mai jos pe partea stângă a volanului cu culoarea # 434346. Adăugați o suprapunere cu strat de stil.

Pasul 81

Vopsea un mare și subtil accent pe centrul formei și evidențierea ascuțită pe partea superioară a formei.

Pasul 82

Vopsea umbra chiar în spatele butoanelor anterioare.

Până acum, iată rezultatul nostru.

Pasul 83: Partea din spate

Desenați un dreptunghi rotunjit în spatele volanului cu culoarea # 2d2c31. Faceți un strat nou și convertiți-l în Mască de tăiere. Vopsea de formă superioară cu negru.

Pasul 84

Desenați o formă mai mică dreptunghiulară rotunjită în aceeași poziție. Repetați pasul anterior, pictați partea de sus cu negru.

Pasul 85: Tabloul de bord

Desenați o formă roșie în spatele volanului. Adăugați umbra interioară în stilul stratului și suprapunerea în gradient.

Pasul 86

Manual, trageți o altă formă deasupra formei anterioare cu culoarea gri închis. Aplicați suprapunerea stratului interior de strălucire și gradient.

Pasul 87

Vopsea evidențiați pe zona indicată mai jos.

Pasul 88

Comanda / Ctrl-clic pe forma volanului. Asigurați-vă că instrumentul de selectare este activ și l-ați lovit de câteva ori pe Arrow Down. Completați selecția cu negru.

Pasul 89

Faceți clic pe Filter> Blur> Blur Gaussian pentru a înmuia umbra.

Pasul 90

Adăugați Masca de strat și vopsiți umbra superioară cu negru pentru a o ascunde.

Pasul 91

Reduceți opacitatea la 20%.

Pasul 92

Vopsea zona inferioară cu negru pentru tot ce există acolo.

Pasul 93

Desenați forma prezentată mai jos cu culoarea # 242524. Efectuați un strat nou și convertiți-l în Mască de tăiere (Command / Ctrl + Alt + G). Vopsea de formă superioară cu negru.

Pasul 94

Repetați pasul anterior. Desenați o altă formă deasupra formei anterioare și pictați suprafața superioară cu negru. Faceți un nou strat și apoi vopsea intersecția dintre cele două forme cu negru.

Pasul 95

Trageți bordul superior cu gri ca culoare. Adăugați o suprapunere cu strat de stil.

Pasul 96

Efectuați un strat nou și convertiți-l în Mască de tăiere (Command / Ctrl + Alt + G). Vopsea umbra și evidențiați forma.

Până acum, acesta este tabloul nostru de bord. Apoi, vom desena tabloul de bord central. Pentru a ne ajuta să facem acest lucru, hai să ascundem volanul.

Pasul 97

Dtart prin desenul de formă arătat mai jos, utilizați #eeebdc ca culoare. Faceți un nou strat. Apăsați Command / Ctrl + Alt + G pentru al converti în Mască de tăiere. Pictați marginile sale cu negru. Poți să-i reduci Opacitatea dacă crezi că umbra e prea dură.

Mai jos, este rezultatul când volanul este dezvăluit.

Pasul 98

Desenați un dreptunghi rotunjit și modificați unele dintre punctele sale până când vom avea forma următoare. Adăugați Shadow Inner Style. Aceasta va fi gaura de aerisire.

Mai jos este rezultatul când volanul este dezvăluit.

Pas 99

Utilizați unealta cu stilou pentru a desena aceste forme peste ventilația aerului. Asigurați-vă că ați atras niște umbre în spatele ei. Puteți observa că formele pe care le-am făcut se află în afara găurii. Nu contează pentru că volanul îl va păstra ascuns.

Pasul 100

Adăugați o altă formă rotunjită dreptunghiulară pentru mânerul acesteia. Vopsea mai mult umbra și trage niște forme în interiorul găurii.

Pasul 101

Adăugați cursă albă în jurul orificiului de ventilație a aerului. Aplicați Blur-ul Gaussian pentru ao înmuia.

Iată rezultatul cu volanul dezvăluit.

Pasul 102

Aproape că am terminat. Să dezvălui volanul înapoi.

Pasul 103

Tabloul de bord din mijloc pare prea luminos. Trebuie să adăugăm mai multe umbre acolo. Comanda / Ctrl-clic pe forma volanului. Mutați selecția cu câțiva pixeli.

Pasul 104

Faceți un strat nou în spatele volanului. Umpleți selecția cu negru și înmuiați-l cu ajutorul filtrului Gaussian Blur.

Pasul 105: Vitezometru

Desenați forma prezentată mai jos. Adăugați un strat de gradient pentru straturi și o strălucire interioară.

Pasul 106

Repetați pasul anterior, desenați o formă similară, dar de această dată mai mică cu culoarea mai deschisă. Adăugați aceleași stiluri de straturi.

Pasul 107

Adăugați o altă formă.

Pasul 108

Vopsea câteva evidențieri pe zonele indicate mai jos. Am văzut-o făcută la pasul 22.

Pasul 109

Desenați o formă de cerc alb. Vopsea subtilă de culoare care înconjoară cercul.

Pasul 110

Comanda / Ctrl-clic pe forma cercului. Faceți clic pe Selectați> Modificare> Contract, Selectați> Modificare> Border. Faceți un strat nou și completați selecția cu alb. Adăugați o suprapunere cu strat de stil.

Pasul 111

Desenați cercul gri în interiorul formei anterioare. Aplicați suprapunerea stratului interior de strălucire și gradient.