Designul retro este una dintre cele mai importante tendințe și nu este niciodată în stil. De ce este atât de popular? Urmați acest tutorial și aflați de ce oamenii iubesc acest stil în toate formele netede și culorile pastelate ale obiectelor de modă veche!
Vom folosi diferite forme geometrice, unelte și funcții ale designerului Draw Persona Designer pentru a crea un set de dispozitive de bucătărie plat care ne reamintește trecutul.
Puteți obține acest set de obiecte de bucătărie Retro pe Envato Elements în diferite variante de culori și formate pentru a vedea cum a fost făcut fiecare element. Simțiți-vă liber să le folosiți pentru propriile proiecte și proiecte, atât personale cât și comerciale!
Să începem!
Vom lucra în Desenați Persona de Affinity Designer, creând active vectoriale scalabile. Putem comuta trei diferite Personas în partea de sus a barei de instrumente de control.
Să începem să creăm mixerul retro din partea de sus. Luați Instrumentul dreptunghiular (M) și de a crea un 120 x 40 px. Putem ajusta dimensiunea fie manual (folosind Mutați instrumentul (V)) sau prin setarea valorii dorite în Transforma panou, care este situat chiar sub straturi în mod implicit.
Umpleți-l cu o culoare turcoaz pastel folosind roata din Culoare panou.
Acum trebuie să facem ambele colțuri din stânga și din colțul din dreapta, rotunde. Să mergem la bara de instrumente de control deasupra și debifați Rază unică cutie. Acum putem ajusta Rază din fiecare colt individual! Să fixăm ambele colțuri stângi 50% și colțul din dreapta sus 65%.
Adăugați un alt dreptunghi din 130 x 10 px dimensiune, umpleți-o cu culoarea gri și plasați-o așa cum se arată în imaginea de mai jos.
Acum trebuie să atașăm o linie verticală îngustă perpendiculară pe dreptunghiul creat. Putem porni snapping pentru a vedea Instrucțiuni și sugestii, care ne vor ajuta să poziționăm obiectele într-un mod adecvat, făcându-le să rămână unii pe alții.
Creați un dreptunghi îngust de aceeași înălțime cu forma turcoazului (40 px) și atașați-o la marginea din stânga a formei gri.
Să schimbăm culoarea elementului vertical. Putem alege culoarea din orice formă făcând clic pe Selector de culoare pictogramă în Culoare și glisați-o peste obiect. Apoi selectați elementul pe care doriți să îl recolorați și faceți clic pe cercul colorat de lângă Selector de culoare pentru a aplica culoarea. Asigurați-o nuanță turcoaz a formei un pic mai întunecat.
Adăugați un mic dreptunghi vertical pe marginea din dreapta a formei gri.
Acum hai să Duplicat (Command-J) linia gri și plasați-o în partea de jos a ferestrei straturi panou. Umpleți copia cu culoarea turcoaz închis și faceți copia gri mai mare, astfel încât formele să nu se suprapună.
Sfat: În loc să facem ca forma gri să fie mai scurtă, putem ascunde și partea sa suprapusă în interiorul dreptunghiului mare rotunjit. Doar selectați-l în straturi și trageți-o peste elementul rotunjit până când vedeți o selecție albastră. În acest fel, forma turcoazului mare servește drept recipient, făcând piesele nedorite invizibile.
Acum, să facem o simplă evidențiere pe suprafață.
Duplicat partea turcoaz a mixerului de două ori (Command-J> Comandă-J) și trageți copia în partea de sus (Shift-command-]). Folosește Sageata in jos cheie pentru a muta forma în jos un pic. Selectați copia de început și cea de dedesubt și folosiți Scoateți operația să taie formele.
Acum avem doar o dungă subțire la marginea superioară. Să o umplem cu o culoare gri și să o facem semi-transparentă prin setarea Mod amestec la Ecran în straturi panou.
Ține-te jos Command-Shift și micșorați forma, făcându-l puțin mai mic.
Creeaza o 45 x 14 px un dreptunghi turcoaz întunecat, atașând-o la marginea inferioară a mixerului. Faceți colțurile de jos 40% rotunjit prin ajustarea lor Rază în bara de instrumente de control din partea de sus (nu uitați să debifați Rază unică cutie).
Luați Mutați instrumentul (V), selectați forma și trageți-o spre dreapta în timp ce țineți apăsat Option-Shift pentru a face o copie.
Acum să facem un castron. Începeți cu a 100 x 5 px dreptunghi gri. De data aceasta vrem ca toate colțurile să fie rotunjite, astfel încât să putem folosi fie Instrument rotunjit dreptunghiular (M) pentru a crea această formă sau putem păstra Rază unică caseta a verificat și a setat cornere la 100% rotunjit.
A face o 90 x 70 px un dreptunghi gri deschis pentru castron. Selectați ambele forme și faceți clic pe Aliniați centrul butonul Alinia panou din partea de sus pentru a centra ambele forme.
Faceți colțurile inferioare ale dreptunghiului 50% rotunjit.
hai duplicat (Command-J) castronul, țineți apăsat Comanda cheie și micsora forma, făcând un element îngust în centru. Umpleți-l cu culoarea gri mai închis, imitând o reflexie pe suprafața oțelului.
Plasați castronul sub partea frontală a mixerului și conectați-l adăugând un dreptunghi vertical îngust. Faceți-o să pară și o parte din oțel, adăugând o dungă mai închisă și mai îngustă în centru.
Să mergem mai departe și să creăm un stand. Folosește Instrumentul dreptunghiular (M) pentru a face o 170 x 25 px forma turcoaz sub castron. Debifați Rază unică și faceți colțurile din stânga și din dreapta sus 80% rotunjit.
Acum trebuie să conectăm standul cu partea superioară a mixerului. Creați un dreptunghi înalt turcoaz între stand și partea superioară (am făcut o 30 x 90,5 px forma, dar înălțimea formei dvs. poate fi diferită).
Selectați atât partea verticală, cât și standul și utilizați Adăugați o operație pentru a îmbina aceste elemente într-un singur obiect.
Acum să lămurim standul cu ajutorul lui Instrument de colț (C). Utilizați-l pentru a face clic și trageți nodurile, făcând colțurile rotunjite. Veți vedea un cerc roșu, arătând raza sau rotunjirea colțurilor.
Să terminăm prin adăugarea unui dreptunghi drept rotunjit în partea de jos a suportului și acolo avem! Mixerul nostru este terminat! Să trecem la următorul obiect retro.
Să începem din nou de sus prin crearea capacului blenderului. Creeaza o 74 x 7 px un dreptunghi turcoaz cu colțuri complet rotunjite.
Apoi creați un număr mai mic (52 x 7 px) dreptunghiulară cu o culoare puțin mai închisă și face colțurile sale de sus 50% rotunjit. Plasați o formă pe cealaltă.
Acum, să formăm castronul de sticlă al mixerului de la a 65 x 100 px dreptunghi albastru deschis. Apasă pe Conversia în Curbe butonul din bara de instrumente de control din partea superioară și selectați nodul inferior stâng al formei cu Instrument de noduri (A).
Ține-te jos Schimb și apăsați tasta Sageata dreapta cheie pentru a muta nodul 10 px la dreapta. Putem de asemenea tasta "+10" în X caseta din Transforma panou pentru a adăuga 10 px la cele existente Pozitie orizontala valoare.
Repetați același lucru pentru nodul din stânga de jos, dar de data aceasta apăsați butonul Sageata stanga cheie (în timp ce țineți apăsată tasta Schimb) sau utilizați valoarea negativă pentru a deplasa nodul în direcția opusă. În acest fel, facem partea inferioară a bolului mai îngustă.
hai duplicat (Command-J) castronul și micșorați copia în timp ce țineți apăsată tasta Comanda cheie pentru a face copia mult mai restrânsă. Faceți culoarea de umplere ușor mai ușoară.
Creați un dreptunghi gri de aproximativ 45 x 13 px mărimea de la partea inferioară a mixerului, făcând ca lățimea sa să se potrivească cu marginea de jos a bolului.
Duplicat (Command-J) elementul gri de trei ori, face ca fotografiile să fie mai înguste și să le deplaseze mai aproape de margini și de centru. Variați ușurința pe forme, creând reflecții și tonuri de ton pentru a imita suprafața oțelului.
Acum, hai să ne mutăm în partea de jos a mixerului. Creeaza o 75 x 40 px dreptunghi dreptunghiular și face colțurile sale de sus 50% rotunjit.
Creaza un 85 x 4 px gri dreptunghi rotund pentru suport și atașați-l la marginea de jos a mixerului.
Să proiectăm panoul de control al mixerului.
Creeaza o 60 x 12 px gri dreptunghi rotunjit în centrul părții turcoaz. Selectați toate elementele mixerului și dați clic pe Aliniați centrul pentru a vă asigura că totul este perfect centrat.
Duplicat (Command-J) forma gri gri rotunjită, țineți apăsată Command-Shift, și faceți copia mai mică. Faceți culoarea de umplere ușor mai ușoară.
Folosește Instrument de elipsă (M) pentru a crea un 25 x 25 px cerc gri-închis, apoi adăugați un cerc mai mic și mai ușor pe partea de sus a acestuia.
Creați un comutator triunghi mic în partea de sus a cercurilor cu ajutorul funcției Instrument triunghi (M).
Adăugați un punct culminant și o umbră în partea turcoasă a blenderului pentru ao face mai puțin tridimensională. Putem realiza duplicarea formei principale de două ori pentru evidențiere și de două ori pentru umbra, apoi mutați-le și folosiți Scoateți operația, așa cum am făcut-o Partea 1, Etapa 5 când am creat un mixer de stand.
Să adăugăm un mâner în vasul mixerului. Folosește Instrument rotunjit dreptunghiular (M) pentru a face o 35 x 50 px forma turcoazului deasupra părții din stânga a bolului.
Duplicat forma, țineți Command-Shift, și faceți copia mai mică. Selectați ambele forme și faceți clic pe Scădea pentru a tăia o gaură în centru.
In cele din urma, Mișcare Forma în spate prin apăsarea Shift-command- [ pentru al ascunde parțial în spatele castronului.
Adăugați o umbră și un punct culminant la capacul turcoaz al blenderului și apoi terminați acest dispozitiv adăugând o umbră și un accent pe suprafața de sticlă a bolului.
Și acolo avem! Blenderul nostru retro este terminat! Să trecem la ultima pictogramă!
De data aceasta, să începem să creăm un material de la baza acestuia. A face o 130 x 7 px gri dreptunghi rotunjit pentru suport.
Atașați a 115 x 60 px dreptunghi turcoaz până la marginea superioară a suportului. Faceți colțurile sale de sus 25% rotunjit pentru a netezi forma.
Să adăugăm un dreptunghi gri vertical 7 x 50 px cu colțuri de vârf rotunjite.
Creați un buton de la 20 x 6 px un dreptunghi rotund dreptunghiular, plasându-l peste forma anterioară. Plasați o copie mai mică pe vârful butonului pentru ao face mai puțin tridimensională.
Duplicat (Command-J) comutatorul circular din blender și adăugați-l pe panoul frontal al prăjitorului de pâine.
Să adăugăm crestăturile din jurul întrerupătorului. Folosește Instrument Pen (P) și țineți-vă jos Schimb pentru a crea un accident vascular cerebral scurt cu turcoaz întunecat Accident vascular cerebral culoare. Treceți la Accident vascular cerebral fila Panou și setați Lăţime la 0,6 pt.
Luați Mutați instrumentul (V), deține Option-Shift, și trageți linia în jos, creând o copie sub comutator.
Selectați ambele linii și Grup (Command-G) lor. Duplicat (Command-J) grupul.
În cele din urmă, selectați copia grupului și rotiți liniile -90 de grade fie manual, fie prin setarea R valoare pentru -90 în Transforma panou.
Să punem o felie de pâine în prăjitorul nostru. Folosește Instrumentul dreptunghiular (M) pentru a face o 65 x 25 px formă brună, cu colțuri de vârf rotunjite.
Duplicat forma și face copia mai mică, înăbușindu-l 57 x 21 px. Umpleți-l cu culoare brun deschis și asigurați-vă că marginile inferioare ale celor două forme sunt aliniate.
Acum apucați Instrument de elipsă (M), țineți-vă jos Schimb, și să începem să creăm cercuri mici de diferite mărimi, reprezentând găuri în toast.
Finisați pâinea și nu uitați să adăugați o umbră și un punct culminant în partea turcoasă a toasterului.
Si asta e! Ultimul nostru articol este terminat!
Și aici sunt! Toate cele trei obiecte retro ale setului nostru de bucătărie. Le-am așezat pe o suprafață plană și am adăugat un dreptunghi maro închis în partea de jos a panoului Straturi pentru a forma un fundal contrastant. Puteți adăuga cât mai multe detalii pe care le doriți pentru a face compoziția să pară echilibrată și completă.
Lucru minunat! Sper că v-ați bucurat să descoperiți instrumentele și funcțiile principale ale Draw Persona de Designer Affinity. Simțiți-vă liber să aplicați toate aceste sfaturi și trucuri pentru a crea mai multe iconițe plane.
Amintiți-vă că puteți achiziționa aceste obiecte Flat Retro Bucătărie Setate pe Envato Elements în diferite formate și variante de culoare pentru a vedea toate detaliile sau pentru a le utiliza în proiectele de design!
Dacă vă place să creați iconițe și elemente de fond plat în Affinity Designer, am mai multe tutoriale pentru dvs.! Verifică-i!