Cum de a desena o pictogramă Camcorder de la zero în Photoshop

În acest tutorial, vom explica cum să desenați o pictogramă a camerei video de la zero în Photoshop folosind straturi de formă, perii și stiluri de straturi. Să începem!


Pasul 1: Schița

Am început cu o schiță simplă și apoi am folosit instrumente vectoriale pentru a desena forma de bază. Am folosit o culoare strălucitoare pentru a mă ajuta să disting fiecare zonă.


Pasul 2

Adăugați un strat nou și apoi vopsiți manual accentele și umbrele folosind instrumentul Perie.


Pasul 3: Corpul principal

Utilizând schița ca referință, utilizați instrumentul pen-ului pentru a extrage corpul principal. Utilizați culoarea # 4e4d52.


Pasul 4

Aceasta ajută la reducerea opacității, astfel încât să putem vedea referința în același timp.


Pasul 5

Desenați un poligon mai mic și mai închis. Faceți dublu clic pe forma stratului și aplicați umbra interioară cu dimensiune foarte mare pentru a adăuga zgomot.


Pasul 6

Desenați următoarea formă pe capătul camerei video cu culoarea # 40474d


Pasul 7

Selectați o parte din forma și vopsea.


Pasul 8

Adăugați mai multe evidențieri și umbre pentru a vă da un aspect tridimensional. După cum puteți vedea mai jos, lucrez doar pe partea superioară. Asta pentru că partea inferioară a acestuia va fi acoperită de ecranul său LCD.


Pasul 9

Selectați corpul principal al camerei video. Adăugați un strat nou și apoi vopsiți albul folosind o perie mică Opacity. Faceți acest lucru de câteva ori.


Pasul 10

Reduceți stratul de opacitate.


Pasul 11

Utilizați aceeași tehnică pentru a picta umbra pe corp. Puteți, de asemenea, să apăsați Command / Ctrl + H pentru a ascunde temporar selecția.


Pasul 12: Lentile

Desenați o formă de semilună și aplicați o suprapunere subtilă de gradient de la alb la negru.


Pasul 13

Activați instrumentul Perie cu Opacitate scăzută și vopsiți alb pe stratul nou, chiar în partea superioară a formei semilunii.


Pasul 14

Comandă / Ctrl-clic pe forma semilună pentru a face o nouă selecție pe baza formei sale.


Pasul 15

Așezați evidenția și forma semilună în interiorul unui strat de grup. Faceți clic pe pictograma Adăugați o mască de strat. Evidențiază acum în interiorul formei.


Pasul 16

Adăugați un strat nou și apoi trageți o selecție dreptunghiulară. Umpleți-l cu alb. Faceți clic pe Filtrare> Zgomot> Adăugați zgomot.


Pasul 17

Faceți clic pe Filter> Blur> Motion Blur cu unghi de 90 °.


Pasul 18

Comanda HIt / Ctrl + T și apoi rotiți-o cu 90 °.


Pasul 19

Apăsați Command / Ctrl + T. Din bara de opțiuni, selectați Warp: Arch.


Pasul 20

Rotiți din nou forma și plasați-o pe partea obiectivului. Este posibil să trebuiască să experimentați de câteva ori cu setarea Warp până când ajungem la curbură adecvată.


Pasul 21

Rotiți forma și ștergeți ambele capete.


Pasul 22

Modificați modul de amestecare la Multiplicare și reduceți Opacitatea. Ștergeți ambele capete folosind un instrument Eraser moale.


Pasul 23

Desenați o elipsă pe fața formei.


Pasul 24

Adăugați un strat nou și apoi îl convertiți în Mască de tăiere (Command / Ctrl + Alt + G). Desenați o anumită lumină și umbra utilizând un instrument Opacity Brush.


Pasul 25

Adăugați o altă elipsă care acoperă forma anterioară.


Pasul 26

Adăugați un strat nou și convertiți-l în Mască de tăiere. Vopsea alb și negru pentru evidențiere și umbre.


Pasul 27

Desenați o altă elipsă și adăugați suprapunerea Gradient.


Pasul 28

Adăugați un strat nou și convertiți-l în Mască de tăiere. Pictați niște umbre.


Pasul 29

Trageți elipsă mai întunecată și aplicați din nou Gradient Overlay.


Pasul 30

Selectați forma cea mai de sus. Faceți un nou strat și apoi completați-l cu #efefef. Deplasați selecția cu 1 px spre stânga și apoi apăsați tasta Ștergere.


Pasul 31

Vopsea evidențiați și apoi trageți un accident vascular cerebral neagră. Acoperiți-o cu o elipsă.


Pasul 32

Adăugați o altă formă de semilună albă folosind tehnica anterioară. Desenați o elipsă mai mică și adăugați o formă mai crescândă.


Pasul 33

Vopsea ușor cu ajutorul pensulei și apoi acoperiți-o cu o formă de elipsă gri. Aplicați suprapunere gradient subtilă.


Pasul 34

Adăugați un strat nou și vopsiți umbra subtilă și evidențiați suprafața obiectivului.


Pasul 35

Desenați o elipsă mică și o paralelogramă pe centrul lentilei. Setați modul să se intersecteze. Aplicați umbra interioară și suprapunerea Gradient subtilă.


Pasul 36

Desenați un poligon cu culoarea # 222423.


Pasul 37

Selectați partea stângă a poligonului. Adăugați un strat nou și vopsea negru pe partea de sus și gri mai deschis în partea de jos. Acest lucru va aduce un aspect tridimensional.


Pasul 38

Command / Ctrl-clic pe poligon. Faceți un strat nou și vopsiți câteva subliniază în interiorul acestuia.


Pasul 39

Nu eliminați ultima selecție. Faceți un strat nou și completați-l cu negru. Faceți clic pe Filter> Render> Lens Flare.


Pasul 40

Modificați modul de amestecare la Ecran și reduceți Opacitatea.


Pasul 41

Selectați partea exterioară a obiectivului camerei și apoi vopsiți umbrele.


Pasul 42

Selectați obiectivul și completați-l cu negru. Adăugați din nou lentilă.


Pasul 43

Aplicați Blur gaussian.


Pasul 44

Setați modul de amestecare la ecran.


Etapa 45: Panoul superior

Trageți următoarea formă folosind instrumentul Pen. Aplicați suprapunere cu gradient.


Pasul 46

Adăugați un strat nou și vopsiți umbra și evidențiați-o pe partea de sus a formei. Vedeți imaginea de mai jos pentru referință.


Pasul 47

Continuați să adăugați mai multe detalii pe formă pentru a le conferi un aspect convingător tridimensional. S-ar putea să vă ajute dacă puneți toate loviturile de perie pe straturi separate. În acest fel, puteți adăuga cu ușurință un accent mai puternic prin stivuirea acestora.


Pasul 48: Butoane

Desenați forma mai jos utilizând instrumentul Pen, utilizați ca culoare culoarea albă. Aplicați suprapunere gradient subtilă.


Pasul 49

Adăugați un strat nou și apoi trageți manual evidențiază și umbre pentru a da aspectul tridimensional.


Pasul 50

Adăugați umbră sub buton.


Pasul 51

Utilizați aceleași tehnici pentru a desena un alt buton.


Pasul 52: Sub obiectiv

Desenați forma neagră sub obiectiv


Pasul 53

Vopsea negru sub forma.


Pasul 54

Adăugați evidențieri utilizând o perie mică Opacity.


Pasul 55

Desenați câteva cercuri. Îndepărtați-le până când cercurile se așează în mod realist pe suprafață.


Pasul 56

Aplică Inner pe cercuri.


Pasul 57

Desenați o altă formă și aplicați Overlay de gradient. Vedeți imaginea de mai jos pentru referință.


Pasul 58: Ecran LCD

Să începem prin desenarea balamalelor LCD. Desenați un dreptunghi rotunjit. Modificați punctele stângi și trageți-o mai aproape. Adăugați un strat nou și convertiți-l în Mască de tăiere. Adăugați evidenția în interiorul formei pentru ao transforma într-o gaură.


Pasul 59

Adăugați un alt strat pentru a adăuga evidențiați modul.


Pasul 60

Trageți următoarea formă pentru a acoperi gaura.


Pasul 61

Adăugați un strat nou și apoi vopsiți evidențiați și umbrați în interiorul capacului.


Pasul 62

Vopsea foarte subtilă pe partea de acoperire folosind o perie moale mică.


Pasul 63

Desenați următoarea formă și adăugați suprapunere Gradient subtil. Vopsea evidențiați pe partea superioară a formei.


Pasul 64

Desenați formă dreptunghiulară rotunjită care acoperă forma anterioară. Vopsea evidențiază și umbrește pe marginea sa.


Pasul 65

Desenați un dreptunghi rotunjit și apoi modificați colțul acestuia până când avem forma următoare. Aplicați suprapunere gradient subtilă.


Pasul 66

Command / Ctrl-click pentru ao selecta.


Pasul 67

Adăugați o formă mai mică cu o culoare mai închisă. Adăugați acoperire interioară cu strălucire și gradient.


Pasul 68

Adăugați un strat nou și apoi trageți o linie neagră moale în partea superioară. Reduceți Opacitatea.


Pasul 69

Desenați un dreptunghi rotunjit mai mic. Ca de obicei, aplicați Overlay pentru Gradient.


Pasul 70

Desenați chiar mai mic dreptunghi rotunjit. Adăugați Umbra interioară.


Pasul 71

Adăugați o imagine în partea superioară a ecranului și apoi apăsați Command / Ctrl + Alt + G pentru a o converti în Mască de tăiere. Imaginea intră acum în interiorul formei.


Pasul 72: Butoane LCD

Desenează un cerc. Aplicați câteva stiluri de straturi.


Pasul 73

Desenați un cerc mai mic în centrul precedentului. Aplicați alte stiluri de straturi.


Pasul 74

Desenați un cerc mai mic cu o culoare mai deschisă. Reduceți Opacitatea.


Pasul 75

Desenați forma cercului roșu și aplicați următoarele stiluri de straturi.


Pasul 76

Adăugați un strat nou și desenați manual și subțiri pe buton.


Pasul 77

Desenați mai multe butoane pe ecranul LCD.


Pasul 78

Desenați o formă de elipsă pe partea dreaptă. Adăugați acoperire Stroke și Gradient Overlay.


Pasul 79

Pictați niște umbre.


Pasul 80

Desenați o elipsă întunecată pe corpul camerei video. Vopsea umbre și evidențiați butonul. Vedeți imaginea de mai jos pentru referință.


Pasul 81

Adăugați o elipsă mai mică și apoi vopsiți mai mult în partea superioară a acesteia folosind un instrument de perie.


Pasul 82

Desenați o linie albă în afara zonei butonului.


Pasul 83

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


Pasul 84

Reduceți Opacitatea. Ștergeți o parte din cursa. Asigurați-vă că utilizați Eraser cu opacitate redus.


Pasul 85

Plasați butonul într-un strat de grup. Alt-trageți pentru a duplica butonul.


Pasul 86

Desenați o formă dreptunghiulară rotunjită și apoi înclinați-o.


Pasul 87

Duplicați forma. Deplasați-l cu 1 px spre dreapta. Vopseaua evidențiază partea superioară a acesteia. Din nou, duplicați forma. Mutați-o cu câțiva pixeli spre dreapta și schimbați culoarea spre gri mai deschisă.


Pasul 88

Adăugați un strat nou și apoi desenați evidenția și umbra pe suprafața butonului. Nu uitați să pictați umbra butonului de pe carcasa camerei video.


Pasul 89

Desenați un poligon negru și apoi aplicați o suprapunere Gradient subtilă. Adăugați un alt dreptunghi pentru partea cealaltă. Vedeți imaginea de mai jos pentru referință.


Pasul 90

Desenați forma și aplicați Overlay Overlay.


Pasul 91: Slot pentru cartele de memorie

Trageți următoarea formă pe partea superioară a camerei video. Adăugați un strat nou, convertiți-l în Mască de tăiere, apoi vopsiți câteva detalii.


Pasul 92

Desenați forma. La fel ca în faza anterioară, pictați culorile sale.


Pasul 93

Vom acoperi cardurile de memorie. Începeți prin desenarea după formă. Vopsea subtila cu ajutorul unui instrument mic de perie moale.


Pasul 94

Desenați o formă mai mică, cu o culoare mai deschisă. Vopsea evidențiază pe suprafața sa.


Pasul 95

Adăugați un strat nou. Comanda / Ctrl-clic pe forma. Faceți clic pe Editare> Stroke cu culoarea albă ca culoare.


Pasul 96

Aplică o mică Gaussian Blur pentru ao înmuia. Ștergeți o parte din linia de curse utilizând un instrument Eraser moale. Reduceți Opacitatea.


Pasul 97

Desenați fața frontală a zonei. Ca de obicei, picteaza lumina ei.


Pasul 98

Desenați următoarea formă în spatele slotului pentru cartele de memorie. Adăugați o evidențiere și o umbră.


Pasul 99: Manipulați

De asemenea, dorim să adăugăm zona mânerului în care să putem atașa cureaua. Începeți prin desenarea cârligului. Și aplicați suprapunere Gradient subtil.


Pasul 100

Selectați partea sa exterioară. Adăugați un strat nou și o culoare mai deschisă pentru a adăuga evidenția.


Pasul 101

Adăugați un strat nou și adăugați un accent mai puternic. Pentru a face acest lucru, utilizați o perie mai mică.


Pasul 102

Desenați forma sa interioară și pictați culoarea și umbra.


Pasul 103

Continuați să desenați o curea atașată pe ea. Începeți prin desenarea după formă. Aplicați următoarea acoperire a modelelor. Putem folosi modelul implicit care este disponibil în fiecare Photoshop. De asemenea, adăugați Overlay pentru a adăuga iluminare naturală pe formă.


Pasul 104

Comanda / Ctrl-clic pe curea pentru ao selecta. Adăugați stratul de ajustare alb-negru. Astfel se va asigura că cureaua este transformată în alb-negru.


Pasul 105: Text

Să adăugăm o etichetă pe suprafața camerei video. Începeți prin adăugarea unui text utilizând instrumentul de tip standard. Apăsați Command / Ctrl + T și selectați Skew.


Pasul 106

Adăugați text nou și aplicați Warp. Puteți găsi butonul în bara de opțiuni.


Pasul 107

Rotiți textul până se potrivește pe suprafață.


Pasul 108

Adăugați mai mult text pe suprafață.


Pasul 109

Pentru a face mai realistă, să adăugăm o umbră în text. Adăugați un strat deasupra textului și apoi îl convertiți în Mască de tăiere. Utilizați o perie moale pentru a picta umbra pe text.


Imagine finală