Cum se creează o pictogramă de bază în Photoshop

În acest tutorial, veți trece prin pași simpli și tehnici pentru a proiecta o pictogramă simplă, dar atractivă. Este ușor să urmăriți și să vă jucați. Nu există curbe complexe sau lucrări complexe de perii. Formele simple, împreună cu stilurile de straturi, vor face treaba completă. Scopul tutorialului este familiarizarea cu utilizarea corectă a culorilor și utilizarea eficientă a stilurilor straturilor. Sunt sigur că vă veți bucura de acest lucru. Hai să intrăm!

Imagine finală a imaginii

Uitați-vă la imaginea pe care o vom crea.

Detalii tutoriale

  • Program: Photoshop CS și mai nou
  • Dificultate: Începător
  • Durata estimată de finalizare: 30-45 de minute

Pasul 1

Mai întâi, creați un nou document de 500 x 500 pixeli cu fundal alb. Trageți niște ghidaje în centrul documentului pentru comoditate. Selectați instrumentul Pen (P) și creați o formă ca cea prezentată mai jos.

Pasul 2

Trebuie să adăugați niște culori și o bandă albă subțire formei. Pentru aceasta, faceți dublu clic pe strat și aplicați următoarele stiluri de straturi.

Pasul 3

Duplicați forma (Command + J) și mergeți la Edit> Transform> Flip Horizontal, mutați forma duplicatului spre dreapta, astfel încât laturile să se unească una cu cealaltă.

Pasul 4

Datorită culorilor similare, cele două forme oferă un aspect plat pe acoperiș. Este nevoie să rezolvați asta. Deschideți Stilurile stratului din stratul duplicat și aplicați următoarele modificări.

Pasul 5

Setați culoarea primului rând la "830F00". Desenați o formă asemănătoare cu cea indicată mai jos cu instrumentul Pen (P). Denumiți forma rezultată "stânga acoperișului".

Pasul 6

Duplicați forma și denumiți-o "acoperiș-dreapta". Mergeți la Edit> Transform> Flip Horizontal și mutați forma duplicatului spre dreapta pentru a obține ceva de genul acesta.

Pasul 7

Cu Pen Tool (P), trageți o altă formă ca cea prezentată mai jos, denumiți-o "corp".

Pasul 8

Faceți dublu clic pe strat și dați-i aceste stiluri de straturi.

Pasul 9

Trebuie să puneți umbra acoperișului pe corpul casei. Pentru a face acest lucru, faceți click pe butonul "stânga acoperișului", apoi faceți clic pe Comandă + Shift pe stratul "acoperiș dreapta" pentru a rezuma selecțiile celor două straturi. Deplasați selecția în jos și pe un nou strat completați selecția cu culoarea "5F5343".

Pasul 10

Mergeți la Filter> Blur> Blur Gaussian, introduceți 10px și faceți clic pe OK.

Pasul 11

S-ar putea să observați că după aplicarea filtrului, umbra curge în afara corpului casei, ceea ce nu arată drept. Pentru ao rezolva, apăsați Ctrl pe "body" layer-ul și apăsați Command + Shift + I pentru a inversa selecția. Cu stratul "Shadow" selectat, apăsați Delete.

Pasul 12

Acum trebuie să adăugați o parte proeminentă a casei - adică ușa. Selectați instrumentul Marcaj dreptunghiular (M), iar pe un nou strat completați o selecție cu negru.

Pasul 13

Dați ușii următoarele stiluri de straturi.

Pasul 14

Acum trebuie să adăugăm câteva detalii ușii. Selectați Instrumentul rotunjit dreptunghi (Shift + U) și desenați un dreptunghi negru cu o rază de 3px.

Pasul 15

Mergeți la Opțiunile de amestecare și aplicați aceste setări.

Pasul 16

Duplicați forma și mutați-o în jos pentru a avea ceva de genul asta.

Pasul 17

Un mâner poate fi adăugat acum la ușă. Utilizați instrumentul Ellipse (U) pentru a face un cerc mic pe ușă.

Pasul 18

Dați cercului Drop Shadow și Gradient radial.

Pasul 19

Puteți adăuga o placă deasupra ușii. Utilizați instrumentul Pen (P) pentru a crea o formă ca cea de mai jos.

Pasul 20

Mergeți la opțiunile de amestecare și dați-i o suprapunere în gradient cu un ton similar cu cel al acoperișului.

Pasul 21

Cu instrumentul Pen (P), faceți o altă formă ca cea de mai jos.

Pasul 22

Dați formei următoarele stiluri de straturi.

Pasul 23

Creați un strat nou și completați o selecție cu negru pe acesta. Asigurați-vă că acest strat este plasat sub stratul "ușă" din Paleta de straturi.

Pasul 24

Dați banda neagră o acoperire cu gradient de următoarele culori.

Pasul 25

În plus, puteți adăuga un pas spre ușă în casă. Faceți o formă asemănătoare celei de mai jos cu instrumentul Pen (P).

Pasul 26

Dați pasul de ușă o suprapunere Gradient.

Pasul 27

Pentru a oferi un aspect 3D o treaptă de ușă, adăugați o anumită grosime. Setați culoarea primului rând pe "A26431" și desenați o formă ca cea prezentată mai jos.

Pasul 28

Este timpul să adăugați ferestre în casă. Începeți acest lucru prin completarea unei selecții cu negru pe un nou strat.

Pasul 29

Folosind Instrumentul de marcaj dreptunghiular (M), completați o selecție cu alb pe un nou strat, după cum se arată.

Pasul 30

Mergeți la opțiunea de amestecare a secțiunii transversale a ferestrelor și dați-i aceste stiluri.

Pasul 31

Acum, trebuie să faci obloane. Așa cum ați făcut ușa, faceți un obturator și puneți-l pe o parte a ferestrei. Faceți o copie a acestuia și mutați-o pe cealaltă parte, dați umbre Drop la obloane, dacă doriți.

Pasul 32

Doar pentru a mări detaliile, adăugați o placă la fereastră ca și cum ați făcut-o pentru ușă. Singura diferență este că trebuie să aplicați Stilurile stratului de la pasul de ușă pe placa pe care o faci pentru fereastră.

Pasul 33

Creați un set de straturi și puneți-l în toate straturile care constituie fereastra. Duplicați stratul setat de două ori și transformați-l la 60% din dimensiunea originală. Puneți ferestrele mai mici pe partea dreaptă a ușii.

Pasul 34

Acum puteți adăuga un coș de fum în casă. Creați un strat nou și pe el, completați o selecție cu negru.

Pasul 35

Dați-i o acoperire Gradient cu aceste culori.

Pasul 36

Creați o formă ca cea de mai jos pentru a da o coafură 3D.

Pasul 37

Faceți o altă formă de culoare pentru coș.

Pasul 38

Dați formei o acoperire cu gradient cu aceste culori.

Pasul 39

Setați culoarea prim-planului în "D6C08D" și faceți o astfel de formă.

Pasul 40

Este timpul să dați umbre la baza icoanei casei. Creați un strat nou, apoi utilizați instrumentul Marcaj rectangular (M) pentru a completa o selecție cu negru.

Pasul 41

Aplicați Filter> Blur> Blur Gaussian și apoi Filtrare> Blur> Motion Blur cu aceste setări.

Pasul 42

Faceți o umbra similară pentru pasul de ușă. Puteți seta Opacitatea umbrelor de la 80-90% sau de la 20-30%. Am adăugat niște iarbă și am ajuns la asta.

Concluzie

Imaginea finală este prezentată mai jos! Sper că ți-a plăcut crearea acestui design de icoane!