Cum se creează pictograme meteo în Adobe Photoshop

Ce veți crea

Dusurile din aprilie aduc flori mai. Este cunoscut în mod tradițional că aprilie este o perioadă destul de ploioasă, când vremea se schimbă în mod neașteptat de la soare strălucind într-un cer senin la ploaia pisicilor și câinilor. Totuși, orice vreme are o frumusețe proprie, așa că să ne inspirăm și să ne pregătim pentru primăvară cu acest tutorial distractiv! Vom lucra în Adobe Photoshop pentru a crea un set de pictograme pentru vremea din aprilie, folosind forme de bază și textură cu perii artistice. 

Adobe Photoshop are o mulțime de instrumente și trucuri excelente pentru crearea de icoane într-un mod rapid și convenabil. Puteți utiliza următoarele tehnici pentru a crea nu numai un set de pictograme meteo, ci și orice alt tip de icoane plate, cum ar fi icoane de călătorie sau camping, icoane naturale și altele.

Sa incepem!

1. Creați o pictogramă colorată Rainbow

Pasul 1

Vom începe prin a face banda roșie exterioară a curcubeului nostru. Luați Instrument de elipsă (U) și fă un a 450 x 450 px cerc. Deplasați-vă la Proprietăți panou (Fereastră> Proprietăți) și de aici putem schimba dimensiunea formei, culorile poziției și alte setări.

Setați grosimea Accident vascular cerebral la 3 pct, Completati culoarea la Nici unul, și să ne ajustăm Accident vascular cerebral culoare. Apasă pe Accident vascular cerebral pictograma pentru a deschide fereastra de opțiuni cu coloane de culori și selectați una dintre mostre sau faceți clic pe pictograma colorată din colțul din dreapta sus pentru a deschide Culoare solida fereastră și selectați mai precis culoarea.

Pasul 2

Să adăugăm un alt inel. Selectați cercul roșu din straturi și apăsați Control-J pentru a face o copie a stratului. presa Control-T pentru a transforma forma și a face o copie un pic mai mic, plasându-l în interiorul cercului roșu. Schimbați Accident vascular cerebral culoare la portocaliu în Proprietăți panou.

Pasul 3

Faceți o altă copie (Control-J) pentru a adăuga un cerc al treilea cu o mărime mai mică, comutând Accident vascular cerebral culoarea galbenă.

Pasul 4

Continuați să adăugați cercuri, completându-le cu culori de curcubeu. Puteți adăuga toate cele șapte culori sau mai puține, deoarece nu este nevoie să facem curcubeul nostru foarte realist și detaliat, pentru că icoana noastră va fi destul de mică. Chiar dacă adăugați doar trei sau patru inele de culori diferite, va continua să semene cu un curcubeu.

Când sunteți mulțumit de rezultat, selectați toate inelele utilizând Mutați instrumentul (V) și le unificați într-un Grup (Control-G). Deplasați-vă la straturi panou și Duplicat grupul prin apăsarea tastei Control-J sau glisând-o peste ea Creeaza o Strat nou în partea de jos a panoului. Astfel vom face o copie "de rezervă" în cazul în care decidem să schimbăm câteva detalii despre curcubeul nostru în timpul lucrului.

Selectați primul grup și mergeți la Layer> Merge Group, unirea tuturor inelelor separate într-un strat rasterizat.

Pasul 5

Acum hai să luăm Instrument de marcaj dreptunghiular (M), selectați jumătatea inferioară a cercului curcubeu și ștergeți-o.

Pasul 6

Să creăm niște nori pucioși la vârfurile curcubeului nostru. Luați Instrument de elipsă (U) și faceți un mic cerc albastru în colțul din stânga jos al curcubeului. Adăugați încă câteva cercuri, variind dimensiunea. grup (Control-G) elementele din nor și duplicat (Control-J) norul. Atașați copia pe partea opusă a curcubeului.

Pasul 7

Dacă doriți să schimbați ceva, puteți folosi întotdeauna copia noastră "de rezervă" și puteți regla aspectul curcubeului după preferințele dvs. În cazul meu, am decis să reduc numărul de dungi, astfel făcându-le mai groase.

Pasul 8

Acum să creăm baza icoanei noastre. Să facem icoana rotund prin crearea unui 545 x 545 px cerc cu Instrument de elipsă (U). Folosește Proprietăți pentru a seta Completati culoare verde-iarba și Accident vascular cerebral culoare la nici unul.

Pasul 9

Să adăugăm un efect de umbre lungi la modă pe pictograma noastră. A face o 350 x 350 pixeli pătrat verde cu Instrumentul dreptunghiular (U) și rotiți-o 45 de grade cu Mutați instrumentul (V). Deplasați-vă la straturi panou și setați Mod de amestecare la Multiplica pentru a face pătrat mai întunecat. Dacă pare prea întunecată, încercați să coborâți Opacitate putin.

Pasul 10

Reglați mărimea și poziția dreptunghiului pentru al face să se potrivească laturilor curcubeului așa cum se arată în imaginea de mai jos. Așezați dreptunghiul sub curcubeu fie prin glisare manuală în straturi panou sau apăsând Control-[ de cateva ori.

Pasul 11

Acum trebuie să tăiem partea dreptunghiului din afara bazei cercului pictogramei. Selectați cercul și luați Instrument Pen (P), faceți clic pe cercul cu butonul drept al mouse-ului, și Faceți selecția. Paraseste Faceți selecția opțiuni în fereastra pop-up ca implicit și mergeți la Selectați> Inverse.

Acum putem selecta stratul de umbră în straturi panou și ștergeți piesa nedorită în afara cercului.

Pasul 12

Să folosim Instrumentul de ștergere (E) pentru a șterge piesele care nu sunt necesare din umbra din interiorul pictogramei.

Asigurați-vă că fundul pictogramei și al umbrei este puțin mai ușor și voila! Pictograma noastră curbă curcubeu este gata! Să trecem la următorul.

2. Creați o pictogramă Sun Spring

Pasul 1

De data aceasta vom face o pictogramă de soare. Începeți prin a face baza soarelui de la 260 x 260 px galben dreptunghi.

Pasul 2

Acum, să adăugăm câteva raze de soare stilizate. Treceți la Instrument de poligon (U) și setați numărul feţe la 3 în panoul de control din partea de sus. Faceți un triunghi portocaliu și puneți-l pe partea de sus a soarelui. Selectați cercul și triunghiul și faceți clic pe Alinierea centrelor orizontale în panoul de control superior pentru a face ca formele să fie perfect centrate.

Putem folosi, de asemenea, Ghiduri pentru a marca centrul soarelui. Pentru aceasta, apăsați Control-R pentru a face Riglele vizibil, faceți clic pe rigla superioară și trageți orizontal Ghid în jos pe Artboard. Faceți același lucru pentru ghidarea verticală, făcând ca liniile să traverseze.

Acum, să adăugăm mai multe fascicule în jurul soarelui. Ar putea părea complicat, dar este cel mai simplu mod de a crea forme repetate cu transformare.

Selectați triunghiul nostru și apăsați Alt-Control-T pentru Calea liberă de transformare Mod. Găsiți punctul de pivotare în centrul triunghiului și trageți-l în jos, plasându-l în centrul cercului galben al soarelui. Veți observa că o copie a stratului triunghi a fost creată automat în straturi panou(aceasta funcționează numai atunci când utilizați Alt-Control-T chei pentru transformare). Rotiți triunghiul 45 de grade prin exploatație Schimb, și aplicați transformarea.

Acum apăsați Shift-Control-Alt-T de câteva ori pentru a crea șase copii în jurul soarelui.

Grozav! Izvoarele sunt pregătite.

Pasul 3

Nu avem nevoie de ele Ghiduri mai mult, ca să le putem dezactiva Vizualizați> Goliți ghidajele.

Pasul 4

Să copiem baza cercului primei pictograme și să o schimbăm Completati culoare până la cer albastru. Adăugați o umbra lungă semi-transparentă sub soare.

Pasul 5

Să ștergem acea parte a umbrei în jurul cercului galben al soarelui. În acest scop, luați Eliptic Marquee Tool (M) și faceți o selecție în jurul cercului galben. Mergi la Selectați> Transformare selecție și modificați selecția pentru a se potrivi spațiului dintre cercul galben și razele de soare.

Aplicați transformarea și selectați stratul nostru de umbră în straturi panou. Șterge partea umbrei din jurul soarelui.

Terminat! Pictograma noastră de soare este gata! Sa trecem peste.

3. Desenați o pictogramă Cloud Rainy

Pasul 1

Începeți formarea norului nostru de la 200 x 200 px cerc albastru, folosind Instrument de elipsă (U). Adăugați cercuri mai mici pe ambele părți, făcând un nor pufos.

Pasul 2

Selectați toate cercurile și mergeți la Layer> Forme de îmbinare. Deplasați-vă la straturi panou, faceți clic pe stratul nor al clusterului cu butonul drept al mouse-ului și Răsturnați stratul pentru al face editabil.

Acum putem folosi Instrument de marcaj dreptunghiular (M) pentru a selecta partea de jos a norului și pentru a șterge, făcând fundul norului plat.

Pasul 3

Acum să formăm picăturile de ploaie. Folosește Instrument de elipsă (U) pentru a face o 35 x 35 px cerc albastru. Luați Convertizor Punct Tool (îl puteți găsi în același meniu drop-down ca și Instrument Pen (P)) și selectați punctul de ancorare superior al cercului. Single-clic punctul de ancorare pentru a face un colț ascuțit. În cele din urmă, trageți punctul în sus, formând o picătură de ploaie.

Pasul 4

presa Control-J de câteva ori pentru a face mai multe copii ale picăturilor și a le răspândi sub nor, reprezentând ploaia.

Pasul 5

Adăugați o bază de cercuri galbene la pictograma noastră și formați o umbră lungă. Pictograma noastră de nor ploios este terminată! Am rămas doar o singură icoană!

4. Faceți o pictogramă de umbrelă

Pasul 1

Să începem să ne formăm umbrela de la 430 x 430 px cerc de culoare turcoaz. Rasteriza stratul în straturi panou și ștergeți jumătatea inferioară a cercului, utilizând Instrument de marcaj dreptunghiular (M).

Pasul 2

Folosește Instrument de elipsă (U) pentru a forma un rând de cercuri în partea de jos a formei turcoazului. Reglați dimensiunea grupului de cercuri pentru a le face să se potrivească cu umbrela. În cele din urmă, selectați toate cercurile și le uniți într-o singură formă în Layer> Forme de îmbinare.

Pasul 3

Treceți la Instrument Pen (P) și Click dreapta cercurile către Faceți selecția. Selectați stratul de formă turcoaz în straturi panou și ștergeți zona selectată pentru a forma partea inferioară a umbrelei. 

Acum că nu mai avem nevoie de cercurile portocalii, putem șterge și acest strat.

Pasul 4

Să creăm bastonul umbrelei cu un mâner din lemn. Luați Instrument rotunjit dreptunghiular (U) și fă o formă cu nu completați și o grosime 4 pct portocale Accident vascular cerebral, așa cum se arată în imaginea de mai jos.

Click dreapta în straturi panou și Răsturnați stratul pentru a face mânerul editabil.

Pasul 5

Luați Instrument de marcaj dreptunghiular (M) și ștergeți partea superioară a mânerului, lăsând doar vârfurile scurte deasupra formei turcoazului. Apoi, selectați și ștergeți jumătatea stângă a formei, formând un mâner. 

Păstrați stratul mânerului selectat, apăsați Shift-Control-[ pentru al plasa sub forma de umbrela turcoaz.

Pasul 6

Finisați-vă cu pictograma umbrelă făcând o bază de cerc roz și adăugând o umbra plată blândă.

Minunat! Setul de pictograme pentru vremea din aprilie este pregătit. 

Cu toate acestea, acest lucru nu este sfârșitul acestui tutorial. Puteți opri acest pas dacă vă place acest aspect curat și minimalist al icoanelor. În caz contrar, dacă doriți să le faceți un pic mai detaliate și mai texturate, să procedăm și să vedem cum putem să ajustăm pictogramele, folosind unele dintre periile artistice ale Adobe Photoshop.

5. Aplicați texturi de tip grungy folosind perii

Pasul 1

Să începem cu pictograma noastră soarelui. Deplasați-vă la straturi și selectați baza cercului galben al soarelui. ține Alt și faceți clic pe Creați un nou strat. În fereastra pop-up, bifați căsuța Utilizați stratul anterior pentru a crea o mască de tăiere

În acest fel, legăm noul nostru strat la stratul de soare selectat (veți vedea o săgeată mică lângă noul strat). Ceea ce face este să vă permiteți să desenați numai în limitele soarelui galben.

Pasul 2

Acum, să alegem o pensulă bine texturată pentru a crea un efect grungic. Puteți utiliza una dintre preferatele dvs. sau unele dintre periile Adobe Photoshop implicite. Puteți găsi, de asemenea, o mulțime de pensule artistice texturate pe Envato Market și să le încercați pentru a crea un nou aspect fantezist.

Luați Instrument perie (B) și Click dreapta pentru a deschide lista de perii (sau mergeți la Fereastra> Perii). Dați clic pe pictograma minusculă din colțul din dreapta sus al meniului pop-up și selectați M Perii din lista de mai jos. Fie Adăuga periile la lista dvs. existentă sau A inlocui lor.

Pasul 3

Găsi Pensulă uscată 1 # 2 din listă și selectați-o. Dacă nu aveți setul de perii în versiunea dvs. a programului, încercați să deschideți alte seturi implicite, cum ar fi Pensule pentru mediu uscat sau altele pentru a găsi o perie de grungy similare.

Pasul 4

Selectați o culoare galben-deschisă în Culoare și folosiți stratul legat pentru a desena deasupra soarelui, adăugând o textura blândă și uluitoare. Utilizați o culoare portocalie mai închisă pentru a adăuga o umbră subtilă în partea de jos a soarelui.

Mergeți razele de soare într-o singură formă și adăugați un strat conectat pentru a le face și ele texturate.

Pasul 5

Să trecem la pictograma curcubeu și să o facem și texturată. A creat câteva straturi legate pentru arcul curcubeu și pentru fiecare nor și utilizați aceeași tehnică cu peria artistică.

Pasul 6

Continuați să folosiți periile pentru a aplica texturi grunduite în fiecare pictogramă.

Pasul 7

Creeaza o Strat nou deasupra fundal și să deseneze umbrele texturate subțiri de culoare galben deschis sub fiecare icoană.

Minunat! Icoanele noastre meteo din aprilie sunt pregătite!

Buna treaba! Am învățat să desenăm icoane de vreme plată folosind forme de bază și aplicând texturi simple, cu ajutorul periilor prestabilite ale Adobe Photoshop, pentru a face ca icoanele noastre să pară mai detaliate și mai creative.

Puteți utiliza aceste tehnici pentru a vă extinde setul, pentru a crea mai multe pictograme sau pentru a crea un set nou dintr-o temă diferită.

Mult noroc!