În acest tutorial, veți învăța cum să creați o ilustrație de grătar de vară în designul plat folosind cele mai simple forme și instrumente ale Adobe Illustrator.
Dacă doriți să săriți tutorialul, puteți achiziționa rezultatul doar ca parte a pachetului Fundaluri de Concepție de Vară Summer Activity Concept. Găsiți mai multă inspirație pe GraphicRiver.
Să începem proiectul prin crearea unui nou document. Mergeți la Fișier> Nou (sau Control / Comandă-N) și configurați documentul după cum urmează:
De la Filă avansată:
Să începem simplu, luând a Instrumentul dreptunghiular (M) și crearea unui 215 x 15 px dreptunghi care va acționa ca o masă, umplând-o cu # BD3337
culoare.
Construiți un altul 8 x 130 px forma verticala cu # B8B79D
umpleți culoarea. Așezați-l mai aproape de partea stângă a dreptunghiului roșu, aliniați-l la marginea de jos.
Selectați banda verticală și alegeți Reflect Tool (O). Ținând cont Alt faceți clic pe mijlocul dreptunghiului mare. În Reflectați fereastră de opțiuni, setați Axă la Vertical și apăsați Copie, reflectând banda în partea dreaptă a formei roșii, obținând picioarele mesei.
Construiți două mici 10 x 12,5 px dreptunghiuri ale # 47392C
color, plasându-le chiar peste conturul inferior al picioarelor mesei verticale și alinindu-le la mijlocul lor.
Formați a 65 x 4,5 px orizontală pe care o vom folosi # B8B79D
. Selectați figura și faceți dublu clic pe Rotiți instrumentul (R) pentru a deschide Opțiuni meniul. Seteaza Unghi valoare pentru 90 de grade,presa O.K și trimiteți dreptunghiul înapoi cu Obiect> Aranjare> Trimitere înapoi.
Plasați forma pe care am creat-o în partea stângă a mesei, dedesubtul dreptunghiului roșu, ascunzându-i părțile superioare și inferioare din spatele tablei și piciorușului de masă.
Alegeți dreptunghiul înclinat și selectați Reflect Tool (O). Ținând cont Alt faceți clic pe mijlocul tablei. În Reflectați fereastră, setați Axă la Vertical șiapasă pe Copie , obținând o copie în oglindă a formei înclinate din partea dreaptă a mesei.
Grup (Control-G) toate părțile de masă împreună.
Începeți să creați scaunul făcând o 94 x 40 px dreptunghi de # E04938
culoare.
Adăugați două dreptunghiuri verticale subțiri din 4 x 110 px mărimea (#DEDDBD
) pe fiecare parte interioară a formei roșii, plasându-le sub marginea de jos a figurii mari. Ele vor acționa ca picioarele scaunelor.
Creați două 22 x 7 px mici dreptunghiuri, colorându-le cu # E04938
. Puneți fiecare dreptunghi în mijlocul piciorului scaunului, plasându-i în jur 20 px sub forma superioară.
Adăugați încă unul 118 x 9 px dreptunghi și puneți-l pe picioarele scaunului, coborând-l 15 px în jos de la roșu forme mai mici și alinierea la mijlocul dreptunghiul mare superioară.
Cu ajutorul Instrument Pen (P), trageți o linie înclinată 4 px lățimea, care se deplasează de la intersecția piciorului stâng al mesei cu cea de jos roșie în diagonală până la marginea inferioară a piciorului scaunului drept și apoi de aproximativ 10 px în partea dreaptă (a se vedea exemplul de mai jos)
Reflectați linia de pe partea dreaptă a scaunului folosind Reflect Tool (O).
Alegeți ambele linii pe care le-am creat și mergeți la Obiect> Extindeți. Verifică Accident vascular cerebral opțiune și debifați Completati opțiune, apăsând O.K. Cursele noastre se vor transforma în forme pline.
Păstrați ambele figuri selectate, mergeți la Obiect> Aranjare> Trimitere înapoi, punându-le în spatele celorlalte părți ale scaunului. Grup (Control-G) toate piese de scaun împreună.
Începeți să construiți ceașcă făcând o 52 x 53,5 dreptunghi pe care îl vom umple folosind #DEDDBD
. Selectați cele două ancore de fund cu Instrumentul de selecție directă (A).
Folosește Live Corners caracteristică pentru a face colțurile rotunjite prin tragerea indicatorului de cerc în centrul dreptunghiului, stabilind raza de colț până la aproximativ 6 px.
Creeaza o 55 x 3,5 px banda și culoarea pe care o folosește # 977866
.
Selectați banda și dreptunghiul mare, ținând apăsat Schimb. Faceți clic din nou pe obiectul mai mare (nu trebuie să țineți apăsată tasta Shift de data aceasta!).
O imagine albastră apare în jurul formei mai mari și Aliniați la Obiectul cheie este selectat automat în Control panou și Alinia panou.
În Alinia panou (Fereastra> Aliniere) sau Control panou,faceți clic pe Centrul de aliniere orizontală și apoi pe Vertical Align Top buton.
Mai avem nevoie de un mâner pentru paharul nostru.
Construiește o 16 x 20 px dreptunghi cu nr Completati culoarea, setând greutatea cursei la 3 px și culoarea accident vascular cerebral la # 977866
. Utilizarea Lăsați colțurile caracteristică, faceți colțurile de sus și dreapta și colțul din dreapta-jos al formei rotunjite. Trimiteți mânerul înapoi și plasați-l pe partea dreaptă a cupei, ascunzând partea stângă în spatele paharului. Grup (Control-G) toate paharele împreună.
Mai întâi vom crea un mâner, pe care îl vom folosi în etapele următoare pentru a forma o lingură și o furculiță.
Construiește o 5 x 41 px dreptunghi de #DEDDBD
culoare. Păstrați forma creată selectată, aplicați Efect> Warp> Arderea cu -3% îndoire verticală valoare și 25% distorsiune verticală.
Mergi laObiect> Extindeți aspectul pentru a transforma efectul într-o formă solidă. Faceți partea de jos a figurii rotunjite complet prin glisarea Live Corners widget-uri.
Deoarece vom avea nevoie de același mâner pentru lingură și furculiță, creați încă o copie a formei.
Cu ajutorul Instrument de elipsă (L), construiește o 17 x 27,5 elipsa lui #DEDDBD
color, așezat pe partea superioară a mânerului. Alegeți punctele sale de ancorare laterale cu Instrumentul de selecție directă (A) și trageți-le puțin.
Selectați ambele figuri și îmbinați-le într-una cu ajutorul Uni opțiunea de deschizător de drumuri panou.
Așezați colțurile dintre partea superioară a ouălor din lingură și mâner rotunjită folosind Live Corners caracteristică.
Luați Instrumentul pentru poligoane și faceți clic pe tabloul de bord lângă cel de-al doilea mâner pe care l-am creat în pasul 1. În Opțiunea poligon panou, setați raza la 7,5 px și părți la 8, obținerea formei octogonale. Schimba Completati culoarea figurinei la #DEDDBD
și trageți forma de pe partea de sus a celui de-al doilea mâner, făcându-l să se suprapună mânerul și alinierea la mijlocul acestuia (1).
Selectează Ștergeți instrumentul pentru punctul de ancorare (-) și faceți clic pe cele două ancore de sus ale formei octogonale, ștergându-le (2). Alegeți ancora inferioară din stânga a formei rămase și deplasați-o spre dreapta în timp ce țineți apăsată tasta Schimb, fixând punctul în conturul stâng al mânerului. Folosind aceeași metodă, trageți punctul de ancorare din dreapta-jos în conturul drept al mânerului (3).
Alegeți ambele forme și Uni pe ei inauntru deschizător de drumuri. Faceți colțurile dintre partea superioară și mâner rotunjită cu ajutorul Live Corners caracteristică (4).
Construiți un vertical 2 x 15 px dreptunghi al aceluiași #DEDDBD
culoarea și puneți-o pe partea superioară a formei construite anterior, aliniați-o la partea stângă. Apoi adăugați un punct de ancorare la mijlocul marginii de sus a dreptunghiului cu Adăugați un instrument de puncte de ancorare (+) (1).
Ștergeți ancorele de sus din stânga și din dreapta cu Ștergeți instrumentul pentru punctul de ancorare (-), obținerea unei forme asemănătoare acului. Creați aceeași formă în partea dreaptă a figurii (2).
Selectați ambele forme asemănătoare acului cu Instrument de selecție (V) în timp ce țineți apăsată tasta Schimb cheie. Alege Obiect> Blend> Make.
Implicit, Illustrator creează o tranziție de culoare netedă. O vom rezolva alegerea Object> Blend> Blend Options sau făcând dublu clic pe Instrumentul de amestecare. Schimba Spațiere opțiunea pentru Pașii specificați, setând valoarea la 2 (3).
Păstrați obiectul selectat, mergeți la Obiect> Extindeți. Verifica Obiect opțiune și debifează Completati si Accident vascular cerebral opțiune, apăsând O.K.
Alegeți forme asemănătoare acului împreună cu figura de jos și utilizați Uni opțiunea de deschizător de drumuri panou.
Faceți spațiile dintre acele rotunjite selectând ancorele înclinate cu Instrumentul de selecție directă (A) și glisarea Live Corners widget-uri (4).
Furca noastră este gata!
Să începem să construim o tigaie luând Instrument de elipsă (L) și crearea unui 95 x 95 px cercul lui # 635042
culoare. Adăugați două cercuri mai mici în interiorul: a 77 x 77 px cercul lui # 977866
culoare și a 65 x 65 px cerc( # B08F64
).
A face o 17 x 175 px dreptunghi fără Completati culoare, dar cu a 5 px accident vascular cerebral (# 46382B
) din apropierea grupului de cercuri. Faceți partea superioară a formei complet rotunjite. Apoi, ușor în jurul ancorelor de fund prin glisarea Live Corners cu Instrumentul de selecție directă (A). Plasați forma rezultată pe cercuri, aliniați-le la mijlocul lor și făcând partea inferioară a dreptunghiului să iasă ușor din conturul inferior al cercului exterior.
Trimiteți forma dreptunghiului înapoi selectând-o și mergând la Obiect> Aranjare> Trimitere înapoi. Grup (Control-G) toate părțile împreună.
Creeaza o 90 x 90 px cerc cu 3 px greutatea accidentală și #DEDDBD
culoare fără niciunul Completati culoare. Selectați cercul și mergeți la Obiect> Extindeți. Verifica Accident vascular cerebral opțiune și debifează Completati opțiune, apăsând O.K. Accidentul nostru se va transforma într-o formă plină.
A face o 1,5 x 130 px banda de # 47392C
culoarea langa partea stanga a formei cercului, alinierea centrului dintre ancorele de sus si de jos ale cercului.
Selectați banda verticală și alegeți Reflect Tool (O). Ținând cont Alt faceți clic pe ancora de mijloc superioară a formei cercului. În Reflectați fereastră de opțiuni, setați Axă la Vertical și apăsați Copie, reflectând banda în partea dreaptă a cercului.
Trimiteți ambele figuri verticale la spate cu Obiect> Aranjare> Trimitere înapoi, ascunzându-le în spatele formei cercului.
Alegeți ambele dungi verticale și mergeți la Obiect> Blend> Make.
Selectarea Object> Blend> Blend Options sau făcând dublu clic pe Instrument de amestecare, Seteaza Spațiere opțiunea pentru Pașii specificați și valoarea la 10.Păstrați obiectul selectat, utilizați Obiect> Extindeți. Verifica Obiect opțiune și debifează Completati si Accident vascular cerebral opțiune. Apoi apăsați O.K.
Selectați grupul de linii create și apăsați Control-C și Control-F, creând o copie a grupului în fața primei. Ținând obiectele selectate, deplasați cursorul în afara casetei de delimitare și lângă mânerul din dreapta sus al cutiei de delimitare, astfel încât pointerul să se transforme într-o săgeată înclinată. Apoi glisați în partea de jos, ținând apăsată tasta Schimb cheie, rotirea copiei prin 90 de grade.
Să tăiem părțile dungilor care se află în afara formei cercului.
Selectați grupul de benzi verticale împreună cu cercul. Apoi utilizați Shape Builder Tool (Shift-M). Țineți apăsată tasta Alt , faceți clic și țineți apăsat butonul stâng al mouse-ului pe o zonă liberă din partea stângă a grupului, trageți de-a lungul părții restante și eliberați mouse-ul pentru al șterge. Repetați acțiunea pentru toate părțile suprapuse.
Grup (Control-G) toate părțile împreună.
Creeaza o 7 x 167 px dreptunghi fără Completati culoare și cu 2 px accident vascular cerebral (#DEDDBD
). Ștergeți marginea inferioară făcând clic pe ea cu Instrumentul de selecție directă (A) și apăsând tasta Șterge buton. Faceți partea superioară rotunjită.
Construiește o 9,5 x 27 px roșu dreptunghi # E04938
culoarea, plasându-l pe jumătatea superioară a formei verticale, lăsând un decalaj de aproximativ 9 px între partea superioară a formei roșii și conturul superior al figurii rotunjite verticale.
Adăugați încă unul rotunjit 12 x 6,5 px dreptunghi cu nr Completati si cu 2 px accident vascular cerebral (# 47392C
) cu câțiva pixeli mai mici decât forma roșie, alinierea la mijlocul acesteia. Grup (Control-G) întreaga construcție și puneți-o pe cercul creat anterior, aliniați-vă la centrul său și făcând partea de jos să se extindă cu câțiva pixeli de la conturul inferior al cercului.
Grup (Control-G) obiectele de panificație.
Să începem simplu prin crearea unui 125 x 95 px elipsa setărilor implicite de culoare cu ajutorul funcției Instrument de elipsă (L). Desenați o linie orizontală care trece peste ancorele de mijloc și laterale ale figurii. Selectați ambele forme și Divide ei, folosind deschizător de drumuri panou. Ungroup (Control-Shift-G) formează și stabilește Completati culoarea jumătății superioare până la # E04938
și a părții de jos la #DEDDBD
.
Construiește o 135 x 9,5 px dreptunghi de # BD3337
culoare pentru jantă, poziționându-l în mijlocul formei de elipsă.
Creați un mic dreptunghi rotunjit fără umplere și 2 px accident vascular cerebral (# 915B3F
) care va acționa ca un mâner. Plasați-o pe partea superioară a părții roșii, ascunzând jumătatea inferioară a dreptunghiului din spatele formei mai mari.
Adăugați un mic # E1F4F7
cerc colorat în partea dreaptă a formei roșii, reprezentând o strălucire plată, stilizată.
Faceți o formă asemănătoare T formată din două dreptunghiuri pe care le vom folosi prin culoare # 47392C
: cea orizontală 10,5 x 2,5 px dimensiunea și cea verticală 2 x 5 px mărimea. Uni ambele dreptunghiuri în deschizător de drumuri și, rotind figura, plasați-o pe partea stângă a jumății mari de jos a formei cercului, ascunzând marginea dreaptă din spatele ei. Efectuați o copie în oglindă a formei tip T în partea dreaptă utilizând butonul Reflect Tool (O).
Creeaza o 4,5 x 95 px bandă verticală pentru piciorul de grătar, umplând-o cu # B8B79D
și făcând fundul rotunjit.
Adauga o 4,5 x 7 px mic dreptunghi (# 47392C
) la partea sa mijlocie, imitând articulația de cauciuc. Construiți un dreptunghi mai mare de aceeași culoare, suprapunând partea de jos a piciorului. Tăiați părțile dreptunghiului care ies în evidență cu ajutorul piciorului Shape Builder Tool (M) și Grup (Control-G) toate părțile piciorului.
Selectați grupul de picior și faceți dublu clic pe Rotiți instrumentul (R), deschiderea Opțiuni meniul. Seteaza Unghi valoare pentru 20 de grade șipresa O.K. Trimiteți piciorul înapoi cu Obiect> Aranjare> Trimitere înapoi și poziționați-o în partea dreaptă a secțiunii circulare a grătarului pe care am creat-o în etapa anterioară.
Faceți o copie simetrică a piciorului în partea stângă a formei elipsei folosind Reflect Tool (O) metodă.
Adauga o 4,5 px lățimea podului (# C4C4C4
) între picioarele gratarelor, ascunzându-și laturile în spatele articulațiilor superioare negre.
Creați unul mai vertical 4,5 x 95 px dreptunghi cu fundul rotunjit, umplându-l cu # 524C4E
. Poziționați-l între picioarele gratarului, aliniați-vă la mijlocul părții de grătar, asemănătoare unei elipse, și la baza picioarelor de cauciuc. Trimite obiectul înapoi, ascunzându-și partea de sus în spatele secțiunii cercului.
Grup (Control-G) toate părțile împreună. Gratarul nostru este gata!
Este timpul să terminăm întreaga scenă de grătar creând un fundal simplist și formând compoziția finală.
Creați un dreptunghi de fundal și completați-l cu # A2B51B
. Construiți un alt dreptunghi rotunjit pe care îl vom folosi # FDF9FF
în partea de jos a compoziției pentru nivelul solului.
Adăugați un dreptunghi mare de #DEDDBD
culoare care se suprapune pe deplin jumătatea inferioară a figurii rotunde. Selectați ambele forme și ștergeți părțile restante ale cifrei inferioare folosind Shape Builder Tool (Shift-M), obtinerea umbrei plate stilizate pe partea inferioara a nivelului solului.
Construiți un brad simplu format din triunghiuri și împrăștiați brazii în spatele solului, creând fundalul pădurii.
Pentru a umple spațiul gol și pentru a adăuga adâncimea peisajului nostru, creați forme asemănătoare norului peste pădure cu ajutorul lui Instrument Pen (P) sau Instrumentul dreptunghiular (M), făcând colțurile cifrelor rezultate rotunjite.
Deoarece am terminat cu scenia de fundal, este timpul să ne întoarcem la aparatele de grătar create anterior și să le răspândim peste nivelul solului, formând o compoziție echilibrată. Puteți folosi exemplul de mai jos ca referință, dar nu ezitați să utilizați imaginația proprie.
Și acolo avem! Bine făcut!
Dacă aveți nevoie să verificați fișierul sursă pentru a vedea toate detaliile sau dacă doriți să obțineți întregul set de ilustrații conceptuale pentru activități în aer liber pentru desenele dvs., puteți să luați aceste Fundaluri de Concepție a Activității de Vară pe GraphicRiver.
Sper că v-ați bucurat să creați această ilustrare a grătarului și ați învățat ceva util pe parcurs.