Cum se creează o pictogramă plată detaliată a farului în proiectantul de afinitate

Ce veți crea

În acest tutorial vom trece prin procesul de creare a unei pictograme a farului într-un stil plat, la modă, folosind designerul Affinity Designer. Vom folosi forme simple, cum ar fi dreptunghiuri și elipse, și manipulându-le cu operațiile booleene pentru a transforma formele. Să începem!

1. Creați Baza Farului

Pasul 1

Mai întâi de toate, să creăm a Document nou de 600 x 600 px mărimea.

Pasul 2

Vom folosi o schiță a pictogramei viitoare pentru a face mai ușor construirea compoziției și alegerea culorilor. Folosește Plasați instrumentul imagine în tine Unelte și selectați schița în fereastra de ferestre pop-up. Clic Deschis apoi faceți clic pe spațiul de lucru pentru a plasa imaginea schiței la dimensiunea implicită. Dacă sunteți confuz în ceea ce privește modul de utilizare a unui instrument, puteți găsi mereu sfaturi și instrucțiuni descriptive în textul de stare, care se află în panoul inferior al aplicației Affinity Designer.

Acum putem redenumi imaginea ca "Sketch" în straturi panou și să-i coborâți Opacitate la 75%, făcându-l mai transparent și mai puțin distragător. 

Pasul 3

Să începem de la corpul farului nostru. Asigurați-vă că aveți Desenați Persona selectat în zona de deasupra Unelte panou. Luați Instrumentul dreptunghiular (M) și formați o formă deasupra schiței noastre cu negru Accident vascular cerebral si nu Completati. Apasă pe Conversia în Curbe în bara de instrumente din contextul superior (zona de sub selectorii Persona). În acest fel, ne-am transformat dreptunghiul în curbe, iar acum îi putem edita nodurile separat.

Să facem partea inferioară a farului mai largă. Selectați nodul inferior din stânga cu Instrument de noduri (A), mergeți la Transforma panoului și tipului +15 în X celulă, deplasând astfel nodul 15 px la dreapta. După cum puteți vedea, Affinity Designer va face toate calculele pentru dvs., adăugând, scăzând, împărțind sau multiplicând toate valorile corespunzătoare.

Pasul 4

Faceți același lucru cu nodul inferior stâng, tastând -15 în X celulă și astfel mișcarea nodului 15 px la stanga. Puteți ajusta greutatea cursei de formă în bara de instrumente de context de mai sus, făcând-o mai groasă. 

Folosește Instrumentul dreptunghiular (M) pentru a adăuga partea de jos a farului nostru. Apoi selectați ambele forme create și Alinia centrele lor cu ajutorul Alinierea orizontală funcția din bara de instrumente din contextul superior.

Pasul 5

Selectați dreptunghiul inferior, țineți apăsat Alt și Schimb, și trageți forma în sus, creând astfel o copie. Repetați această acțiune de mai multe ori, formând dungile peste corpul farului.

Pasul 6

Selectați cele trei dungi pe care le-am creat și căutați Operațiuni în partea superioară Bara de instrumente. apasă pe Adăuga buton pentru a uni dungile noastre într-o singură formă combinată. Puteți verifica cum arată în Panoul straturilor.

Acum trebuie să scăpăm de părțile din afara formei corpului.Faceți o copie a formei corpului farului nostru (Command-C> Command-V), selectați copia corporală nou creată împreună cu forma dungilor compuse și utilizați Intersectează operația pentru a tăia părțile nedorite.

Pasul 7

Să mergem mai departe și să creăm ușa și ferestrele farului nostru. Plasați un mic dreptunghi în partea de jos a ușii și faceți colțurile 45% rotunjit în bara de instrumente din contextul superior. Extindeți forma, glisând partea sa inferioară sub partea de jos a farului. 

Selectați atât partea inferioară a farului cât și dreptunghiul rotunjit, țineți apăsată tasta Opțiunea (Alt) cheie și utilizați Scoateți operația pentru a ascunde piesa inutilă a formei ușii. Ținând jos Opțiune cheia ne ajută să efectuăm Operațiuni într-un mod nedistructiv, astfel încât să puteți edita în continuare obiectele inițiale din dvs. Panoul straturilor.

Pasul 8

Finisați-vă cu baza farului nostru adăugând restul ferestrelor și formând partea de sus cu ajutorul lui Instrumentul dreptunghiular (M) și Triunghi.

2. Culoarea farului și formarea fundalului pictogramei

Pasul 1

Vom alege culorile direct din schița noastră și le vom aplica la baza pe care am creat-o. Utilizarea Selector de culoare în Affinity Designer poate părea la început dificil, dar când vă obișnuiți, se dovedește a fi foarte convenabil. 

Găsiți pictograma pentru pipetă în partea superioară a ecranului Culoare panou. Faceți clic pe acesta, ținând apăsat butonul stâng al mouse-ului și trageți în spațiul de lucru. Veți vedea un cerc de mărire, arătând culoarea de sub ea. Odată ce plasați cursorul peste culoarea dorită, eliberați butonul mouse-ului și observați că culoarea selectată este salvată într-un cerc mic lângă pictograma pentru pictorul de ochi. 

Acum, puteți selecta obiectul dorit (partea de jos a farului, de exemplu) și faceți clic pe pictograma pipetă Culoare pentru a aplica culoarea salvată. Apoi, puteți selecta toate celelalte obiecte care necesită aceeași culoare și aplicați-o din nou făcând clic pe pictograma pentru pipetă.

Aplicați culorile în toate părțile farului nostru și Grup (Command-G) părțile.

Pasul 2

Să adăugăm o umbra blândă în partea dreaptă a farului nostru pentru ao face mai complicată și tridimensională. Creați un dreptunghi gri la aceeași înălțime cu farul nostru și plasați-l astfel încât să acopere jumătatea dreaptă a obiectului. Setați-o Opacitate la 50% si este Mod amestec la Multiplica în straturi panou. 

Copiați grupul farurilor, Ungroup Toate părțile sale și le îmbină într - o singură formă cu ajutorul Adăugați o operație, creând astfel o siluetă a farurilor.

Acum, pentru partea dificilă: trebuie să ascundem partea inutilă a umbrei din afara farului, creând o Stratul de mască. Afinitate Designer oferă o modalitate foarte simplă de a face acest lucru prin intermediul straturi panou. Trebuie să apucați forma siluetă a farului în straturi panou și trageți-l peste previzualizarea miniatură a formei umbră. Veți vedea un mic dreptunghi albastru alături de previzualizarea miniatură a formei umbrite în straturi panou care indică faptul că sunteți pe cale să creați o Stratul de mască. Eliberați butonul mouse-ului și verificați rezultatul.

Pasul 3

Adăugați un cadru roșu circular cu Instrument de elipsă (M), urmând conturul schiței și utilizării noastre Operațiuni pentru a crea un inel gol. 

Acum trebuie să formăm undele oceanice. Pentru a vă ajuta să lucrați mai ușor, hai să activați grila prin selectarea Afișați grila în Vedere meniu și activați Fixat la retea în opțiunile de rupere în Trusa de scule, sub pictograma magnet.Luați Instrument Pen (P) și să creeze o linie zigzagată. Selectați toate nodurile sale cu Instrument de noduri (A).

Pasul 4

Conversia nodurilor la Neted cu ajutorul Convertit opțiune din bara de instrumente de context de mai sus. Puteți utiliza funcția Instrument Pen (P) din nou și faceți clic pe nodul lateral al undei pentru a forma o cale închisă de-a lungul părții interioare a cadrului icoanelor. 

Umpleți-o cu culoarea întuneric-turcoaz din schița dvs. și adăugați un alt val de culoare ușor mai deschisă.

O altă modalitate de a crea valuri cu dimensiunea potrivită în interiorul cadrului este să creați forme mai mari și apoi să utilizați Stratul de mască pentru a ascunde părțile nedorite, așa cum am făcut anterior. Grup (Command-G) valurile, plasați un cerc alb pe vârful formelor și trageți elipsa deasupra miniaturii de grupuri de valuri în straturi panou.

Pasul 5

Adăugați cerul de noapte albastru-închis și o mică bucată de pământ, plasându-le în același loc Stratul de mască grup ca valuri.

Pasul 6

Formați norii prin plasarea a trei cercuri, și îmbinați-le Adăugați o operație. Folosește Vector Crop Tool pentru a tăia partea inferioară a norului.

Pasul 7

Urmați schița inițială și adăugați stelele și lumina provenind din partea de sus a farului.

Pasul 8

Putem adăuga profunzime imaginii noastre prin utilizarea unor gradiente subtile. De exemplu, să selectăm forma cerului, să luăm Instrument de gradient (G) și trageți-o de sus în jos, creând un gradient vertical vertical. Deplasați-vă la Gradient opțiuni în Completati drop-down meniul din bara de instrumente din contextul superior.

Aici puteți regla culorile părților de gradient prin dublu-clic pe Culoare fereastră de previzualizare și adăugați un efect texturat frumos prin mutarea imaginii Zgomot slider. Aplicați niște gradienți mai liniștiți liniari la alte părți ale imaginii noastre, cum ar fi fasciculele de lumină și valurile mării.

Pasul 9

Folosiți gradienți pentru a regla culoarea cadrului, făcându-l mai strălucitor și mai curat. Puteți aplica același lucru Zgomot efect de la Culoare făcând clic pe o pictogramă de cerc mic sub Culoare roată și alegerea dorită Zgomot din caseta din colțul din dreapta jos.

Felicitări! Pictograma noastră de faruri este finalizată!

Am schimbat culoarea cadrelor în alb și am adăugat câteva detalii finale pentru a da o imagine completă unei alte pictograme: o altă umbra semi-transparentă pe dreapta, o umbră sub cadru și un fundal gri închis cu efect subtil de zgomot. 

Asta este! Pictograma noastră de faruri este completă. Sper că v-ați bucurat de acest scurt tutorial și ați găsit câteva sugestii și sfaturi utile cu privire la lucrul în Affinity Designer. Rămâi acordat pentru mai mult!