Share
Ce veți creaÎn tutorialul de astăzi veți învăța cum să creați o cabană modernă în stil scandinav, cu ajutorul celor mai simple forme și instrumente ale Adobe Illustrator.
Dacă doriți să săriți tutorialul și să cumpărați rezultatul împreună cu alte case și case, mergeți la GraphicRiver pentru a obține setul de clădiri pentru locuințe și case.
Mai întâi trebuie să înființem o Document nou (Fișier> Nou sau Control-N) cu următoarele setări:
De la Filă avansată:
Să începem simplu prin crearea unui 300 x 220 px dreptunghi cu ajutorul Instrumentul dreptunghiular (M), umplându-l cu # 4a4341 culoare.
După crearea dreptunghiului, alegeți punctul de ancorare din dreapta sus cu Instrumentul de selecție directă (A) și apăsați introduce pentru a deschide Mișcare fereastră. Pozitie verticala valoarea trebuie setată la 60 px si Orizontală valoare pentru 0 px. Ancora noastră se mișcă în partea de jos.
Construiți un altul 257 x 170 px dreptunghi de aceeași culoare pe partea stângă exterioară a primei forme, alinierea la linia de jos. Alegeți ancora dreaptă de sus a figurii create cu Instrumentul de selecție directă (A). Trageți ancora în sus, făcând clic pe punctul de sus stânga al primului dreptunghi.
Care tine pe loc Schimb, selectați ambele figuri pe care le-am creat cu Instrument de selecție (V). Folosește Uni opțiunea de deschizător de drumuri panou, îmbinându-le într-o singură formă. Acesta va fi zidul principal al casei noastre.
Luați Instrumentul pentru segmentul de linie (\). Care tine pe loc Schimb crea linia verticală de orice culoare, care va trece prin punctul de ancorare de sus al formei, traversând figura.
Alegeți linia verticală cu Instrument de selecție (V) și mutați-odreptul prin 138 px folosind Mișcare fereastră.
Selectați linia din nou și alegeți Reflectă scula (O). Ținând cont Alt faceți clic pe ancora de mijloc superioară a formei mari. În Reflectați fereastră de opțiuni, setați Axă la Vertical și apăsați Copie, reflectând linia din stânga formei maro.
Alegeți punctele de sus ale liniilor verticale cu Instrumentul de selecție directă (A) și du-te la Obiect> Cale> Alăturați-vă (Control-J). Un segment de linie apare între ancore, care le unește. Repetați mișcarea pentru punctele inferioare ale liniei, obținând forma conturului dreptunghiului.
Schimba Completati culoarea dreptunghiului pe care am creat-o # 645a58 si Accident vascular cerebral la Nici unul în Culoare panou.
Să tăiem acele părți ale dreptunghiului superior care se află în afara figurii principale a peretelui. Selectați ambele forme mai mici și cele mai mari și apoi utilizați Shape Builder Tool (Shift-M) țineți apăsată tasta Alt și faceți clic pe piesele nedorite pentru a le elimina.
Este timpul să adăugăm acoperișul la zid.
Cu ajutorul Instrument Pen (P), trageți linia de acoperiș care se află peste marginea superioară a peretelui principal, făcându-l să se extindă ușor de ambele părți ale formei principale. Seteaza Completati din linia de acoperiș la Nici unul, greutatea accidentului la 29 px, și culoarea accidentului # e8dbd3.
Selectați acoperișul cu Instrument de selecție (V). presa Control-C și Control-F, creând o copie a acoperișului în fața primului. Seteaza Completati a liniei la Nici unul, greutate accident vascular cerebral la 5 px și culoarea accident vascular cerebral la # c4b7b4, formând banda interioară.
Alegeți ambele linii de acoperiș ș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.
Selectați toate elementele casei și grup împreună cu ei Control-G.
Acum o să construim o mică clădire pentru casa noastră.
A face o 114 x 92 px dreptunghi cu # 3b3534 umpleți culoarea. Deplasați punctul de ancorare din stânga sus 22 px.
Selectați forma rezultată și Copie folosind Control-C. Clic Control-F de două ori pentru a obține două copii în fața figurii. Deplasați copia de sus 94 px în partea dreaptă, adăugați a doua copie la selecție și utilizați intersecta opțiunea de deschizător de drumuri panou. Umpleți forma rezultată cu # 645a58 culoare.
Creați acoperișul pentru construcția de clădiri folosind aceeași metodă ca și cea pentru peretele principal din cele două etape anterioare.
Grup (Control-G) toate obiectele împreună și trimite-le înapoi folosind Obiect> Aranjare> Trimitere înapoi. Apoi, așezați clădirea în partea exterioară dreaptă a secțiunii principale, ascunzând marginea stângă în spatele peretelui.
Să începem să lucrăm pe verandă creând o 105 x 32 px dreptunghi, pe care o vom folosi folosind culoarea # 58595b. Apoi construiește a 105 x 3 px orizontală, umplând-o cu # f7f4f2.
Selectați ambele forme, ținând apăsate 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 dreptunghiului întunecat ș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, plasând banda orizontală pe partea exterioară superioară a dreptunghiului mare.
Alegeți banda și apăsați introduce pentru a deschide Mișcare fereastră. Seteaza Pozitie verticala la 10 px si Pozitie orizontala la 0 px. Apoi faceți clic pe Copie butonul, obținând o a doua banda sub prima. presa Control-D pentru a repeta duplicarea.
Creați două 3 x 32 px dungi verticale din # f7f4f2 color, deplasându-le spre laturile interioare ale pridvorului. Grup (Control-J) toate obiectele.
Construiește o 27 x 100 px dreptunghi și culoarea pe care o folosește # 558bab (1). Apoi faceți doi 27 x 2 px dungi orizontale din # d4d1cf color, plasându-le pe marginea superioară și pe una sub marginea de jos a formei albastre (2).
Selectați ambele linii orizontale 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ă. Fixați-l prin alegerea Object> Blend> Blend Options. Schimba Spațiere opțiunea pentru Pașii specificați, setând valoarea la 5 (3). Apoi du-te la Obiect> Extindeți. Paraseste Obiect selectați opțiunea și debifați Completati opțiune. presa O.K, împărțind obiectul amestec în obiecte distincte. Ungroup (Control-Shift-G) grupul de amestec și ștergeți dungile de sus și de jos (4).
Creeaza o 2 x 100 px bandă verticală de # d4d1cf color, alinierea acesteia la centrul dreptunghiului albastru mare (5).
A face o 42 x 125 px forma cu # f7f4f2 umpleți culoarea și trimiteți-o înapoi prin Click dreapta > Aranjați> Trimiteți înapoi. Aliniați dreptunghiul la mijlocul figurii albastre pe care am început să-l folosim (6). Grup (Control-J) toate obiectele împreună și a face un duplicat al grupului, plasându-l lângă partea dreaptă (7). Acum avem ușa.
Construiți două 125 x 9,5 px dreptunghiuri ale # c4c2c0 color, plasându-le pe marginea exterioară a ușii.
Apoi creați o 103 x 6,5 px orizontală cu # d4d1cf umpleți culoarea și plasați-o pe partea interioară superioară a ușii, aliniați-vă la mijlocul construcției.
Finalizați crearea ușii făcând o 110 x 3 px marginea lui # f7f4f2 culoarea și poziționarea acesteia sub partea superioară a marginii superioare a ușii, alinierea la mijloc. Grup (Control-G) toate elementele ușii împreună.
Trageți pridvorul spre construcția principală a casei, aliniați la partea inferioară și mijlocul secțiunii gri mai brichete. Apoi, așezați ușa de lângă vârful pridvorului, aliniați-o spre centru.
Începeți să creați fereastra formând o 27 x 64 px dreptunghi pentru geam, umplându-l cu # 558bab culoare.
Construiți două 27 x 2 px dungi orizontale din # d4d1cf culoarea, poziționând una peste marginea superioară și alta sub marginea inferioară a geamului.
Selectați ambele dungi orizontale și mergeți la Obiect> Blend> Make. Atunci alege Object> Blend> Blend Options și schimbați Spațiere opțiunea pentru Pașii specificați, setând valoarea la 3. Extinde obiectul și ștergeți liniile de sus și de jos.
A face o 2 x 64 px bandă verticală de # d4d1cf color, alinierea la centrul ferestrei (1). Grup (Control-G) obiectele împreună.
Construiește o 42 x 125 px dreptunghi de # f7f4f2 umple culoarea și trimite-o la spate cu Obiect> Aranjare> Trimitere înapoi (2). Aliniați obiectul la mijlocul și la stânga ferestrei albastre (3). Mutați forma pe care tocmai am creat-o la stânga 5 px. Creați un duplicat al grupului de ferestre la aceeași distanță din partea dreaptă a dreptunghiului din spate (4).
A face o 73 x 3,5 ortodoxă orizontală # c4c2c0 color, alinierea acesteia la partea superioară și cea dreaptă a formei luminoase mari (5). Apoi formați încă unul 73 x 5,5 px figura de # d4d1cf culoarea și aliniați-o la partea de jos și pe partea dreaptă a dreptunghiului posterior (6). Grup (Control-G) toate părțile împreună și plasați fereastra în partea stângă a ușii. Cu ajutorul Instrument de reflecție (O), face o copie pe partea dreaptă a ușii (7).
Acum vom construi încă două ferestre, folosind cele pe care le-am creat deja pentru a ne ajuta să economisim timp.
Copiați fereastra din stânga și trageți-o în zona liberă din afara casei. Ungroup (Control-Shift-G) elementele de fereastră și ștergeți cele mai mici dintre cele trei linii orizontale de pe fiecare fereastră.
Selectează Instrumentul de selecție directă (A). Faceți clic și țineți apăsat butonul stâng al mouse-ului pe o zonă liberă aflată în afara marginii din stânga a ferestrei și puțin peste nivelul inferior al formei albastre. Trageți spre dreapta și în jos spre zona liberă exterioară din partea opusă a ferestrei, adăugând toate formele și punctele din partea inferioară a ferestrei la selecție.
presa introduce pentru a deschide Mișcare fereastră. Seteaza Pozitie verticala valoare pentru -16,5 px si Orizontală valoare pentru 0 px, mutați partea inferioară a ferestrei în sus. Grup (Control-G) părțile.Fereastra este gata.
Vom folosi fereastra mică pentru a crea o fereastră mai mare. Faceți o copie a ferestrei pe care am creat-o în etapa anterioară și alegeți Reflectă scula (O). Ținând cont Alt , faceți clic pe ancora din dreapta sus a ferestrei. În Reflectați fereastră de opțiuni, setați Axă la Vertical și apăsați Copie, reflectând fereastra pe partea dreaptă. Grup (Control-G) ambele ferestre mai mici într-o fereastră mare.
Trageți fereastra mai mică spre partea stângă a casei mari și fereastra mare către partea dreaptă.
În acest pas vom construi toate formele, folosind un alb implicit Completati și un negru Accident vascular cerebral culoare.
Începeți formarea scaunului prin crearea unui 46 x 11 px dreptunghi. Selectați cele două ancore superioare 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. Construiți două 3 x 16,5 px forme verticale pentru picioarele scaunului și le așeză sub forma orizontală, lăsând câțiva pixeli de spațiu între ele și laturile dreptunghiului mai mare.
Creeaza o 2 px o bară largă între picioarele scaunului, plasându-l mai aproape de fund.
A face o 36,5 x 40 px dreptunghi și mutați ancorele de fund 3 px spre centru. Selectați ancorele superioare ale dreptunghiului cu Instrumentul de selecție directă (A) și utilizați Live Corners caracteristicăpentru a seta raza de colț la aproximativ 6 px. Plasați forma rezultată în mijlocul părții superioare a construcției create anterior, formând scaunul din spate.
Adăugați două mici 10 x 3 px dreptunghiuri la stânga și la dreapta scaunului din spate, ascunzând părțile lor suprapuse în spatele lui. Acestea vor fi cotierele.
Utilizarea Instrument Pen (P), trageți simple forme asemănătoare triunghiului care vor lega cotierele și scaunul scaunului. Ascundeți părțile suprapuse în spatele scaunului scaunului.
Culoarea rezultatului, folosind # f7f4f2 pentru părțile luminoase și # d4d1cf pentru părțile întunecate ale scaunului. Utilizați exemplul de mai jos pentru a înțelege locul în care se află fiecare culoare.
Atunci Grup (Control-G) scaunul, faceți un duplicat al acestuia și plasați ambele scaune sub ferestrele din fața secțiunii casei de mijloc.
Am mutat ferestrele ușor în sus pentru a adăuga mai mult spațiu vizual între ferestre și scaune.
Acum vom crea o masă în aer liber și încă două scaune.
Construiește o 32,5 x 4 px dreptunghi de # f7f4f2 culoare. Faceți un duplicat în partea din față a primului dreptunghi, deplasându-l în jos 10 px (1).
Adăugați două verticale 3 x 45 px dreptunghiuri cu # c4c2c0 umpleți culoarea, plasându-le pe partea stângă și pe cea dreaptă a formei orizontale și alinindu-se la marginea superioară (2).
A face o 32,5 x 6 px dreptunghi de # f7f4f2 culoarea, plasându-l 10 px în jos de forma orizontală inferioară (3). Grup (Control-G) toate elementele.
Creați o masă simplă folosind a 98 x 10 px dreptunghi de # d4d1cf culoarea pentru masă și două 5 x 37 px forme cu # c4c2c0 umple culoarea picioarelor mesei. Grup (Control-G) cifrele (4).
Faceți o copie a scaunului. Puneți scaunul și duplicatul acestuia la masă, poziționându-le între picioarele mesei (5). Grup (Control-G) masa și scaunele și le trageți în casă, plasându-le sub fereastra mare (6).
Începeți să creați o vază de flori creând o 15 x 24 dreptunghi pe care îl vom folosi # 7a5835 (1). Cu ajutorul Instrumentul pentru creioane (N), trageți o linie ondulată peste formă, care trece prin punctul de ancorare stânga jos (2). Divide ambele forme în deschizător de drumuri, Ungroup (Control-Shift-G) lor,și Șterge partea stângă (3). Reflectați figura ondulată pe care am creat-o spre dreapta, folosind Instrument de reflecție (O) (4). Mergeți ambele forme într-una cu Uni opțiunea de deschizător de drumuri panou.
Reflectă forma rezultată în partea inferioară și Uni ambele forme cu deschizător de drumuri (5). Adăugați două jante de 3 px lățime și # b38f6a culoarea sub conturul superior și peste conturul inferior al formei mari de culoare maro (6). Creați trei linii paralele de aceeași lățime și culoare în partea de mijloc a vasei, făcându-le să traverseze forma mare (7). Tăiați piesele extinse cu ajutorul Shape Builder Tool (Shift-M) și Grup (Control-G) obiectele (8).
Începeți a face un copac decorativ prin formarea unui 15,5 x 15,5 px cercul lui # 848709 culoare pentru coroana cu ajutorul Instrument de elipsă (L).
Construiește o 1 x 10 px dreptunghi vertical cu aceeași culoare de umplere. Asigurați-vă că ancorele superioare ale formei sunt complet rotunjite, selectându-le cu Instrumentul de selecție directă (A) și folosind Live Corners.
Construiți vertical mai mare 1,5 x 15 px dreptunghi de # a3a70b culoarea și se face rotunjită. Apoi adăugați un punct de ancorare la mijlocul marginea inferioară cu Adăugați un instrument de puncte de ancorare (+). Alegeți ancorele inferioare și drepte de fund cu Instrumentul de selecție directă și trageți-i câțiva pixeli, dând o formă asemănătoare acului formei.
Plasați forma rotunjită mai mică pe partea superioară a cercului, alinierea la centru (1). Ținând forma rotunjită selectată, selectați Rotiți instrumentul (R) și apoi Alt / Option-clic în mijlocul cercului. În Roti panou, setați Unghi la 15 ° și faceți clic pe Copie butonul (2). presa Control-D pentru a repeta ultima acțiune și continuați să apăsați Control-D pentru a adăuga toate cele 24 de benzi în jurul cercului (3). Ștergeți dreptunghiul rotunjit de sus și apoi îndepărtați fiecare a doua banda în jurul cercului, lăsând doar 12 (4).
Trageți forma mai mare ca acul pe care am creat-o la pasul 5 în partea superioară a cercului, făcând ca partea de jos să se suprapună cu cercul și să se alinieze la mijloc (5). Faceți încă 11 copii ale benzii ca în jurul cercului prin rotirea și copierea obiectului 30 ° în jurul centrului cercului cu ajutorul lui Instrument de rotație (R) (6). Ștergeți banda inferioară și adăugați un dreptunghi vertical # 88603c culoare pentru trunchiul copacului (7). Grup (Control-G) toate părțile copacilor.
Să creăm un vas pentru copac. Copiați vasul pe care l-am creat în pasul 4 și Degrupeaza (Control-Shift-G) elementele. Selectați forma mare ondulată a vasului împreună cu cel mai mic dintre cele trei linii orizontale. Tăiați bucata inferioară a vasului cu ajutorul lui Shape Builder Tool (Shift-M) (8). Trageți marginea inferioară rămasă în partea inferioară a vasului și plasați copacul în vas (9). Grup (Control-G) elementele.
Utilizați două dreptunghiuri # 848709 pentru culoarea verde și # 7a5835 pentru culoarea maro pentru a crea un vas de cactus.
Trageți oală de cactus, arborele decorativ și vasul în casă.
Din moment ce nu suntem destul de terminat cu detaliile, trebuie să adăugăm conducte de scurgere, un coș de fum și o lampă stradală la secțiunea principală a casei.
Mai întâi, selectați secțiunea principală a casei pe care am creat-o la sfârșitul etapei 7 din Partea 2.
Faceți clic dreapta și alegeți Izolați grupul selectat din meniul drop-down. Secțiunea izolată a casei apare în culori pline, în timp ce restul artei este neclară.
Folosește Instrument Pen (P) pentru a desena două linii înclinate 6 px accident vascular cerebral de # a6a6a6 culoare fără umplere. Plasați-le pe părțile exterioare ale peretelui, lăsând un mic spațiu între linii și perete și ascunzând partea de sus a liniilor din spatele acoperișului, formând conductele de scurgere.
Alegeți conductele de scurgere și mergeți la Obiect> Extindeți, verificarea Accident vascular cerebral opțiune și debifați Completati opțiune. presa O.K și Evadare pentru a ieși din modul de izolare sau, folosind Instrument de selecție (V), faceți dublu-clic în afara grupului izolat.
Creați un mic dreptunghi rotunjit pe care îl vom folosi # d4d1cf. Adăugați conturul dreptunghiului accesând Obiect> Cale> Calea offset șicadru 4 px în ofset câmp de valoare. Seteaza Completati culoarea conturului la # 4a4341 și Grup (Control-G) formele. Va fi lampa stradală (1).
Utilizarea Instrumentul dreptunghiular (M), formează un coș de fum. Culoarea părților luminoase cu # b38f6a și părțile întunecate cu # 7a5835 (2).
Plasați lampa deasupra ușii de intrare și a coșului de fum pe acoperiș (3).
Acum vom adăuga o umbră sub acoperiș.
Selectați forma acoperișului principal cu Instrumentul de selecție directă (A) și Copie l, folosind Control-C. Clic Control-B pentru a obține un duplicat în spatele obiectului principal. Mutați-l cu câțiva pixeli mai jos și schimbați-l Mod de amestecare la Multiplica în timp ce coborâm Opacitate niveluri de la 70% în Transparenţă panou. Scoateți piesele care se extind în afara casei utilizând Shape Builder Tool (Shift-M).
Folosind aceeași metodă, creați o umbră pentru construcția de clădiri.
Să adăugăm reflecții la ferestrele de ferestre.
Selectați fereastra ușii din stânga cu Instrumentul de selecție directă (A), apoi faceți clic dreapta și alegeți Izolați calea selectată din meniul drop-down. Fereastra apare în modul de izolare.
Creați trei dreptunghiuri verticale lungi (# 63a1c7) de diferite lățimi în afara ferestrei. Rotiți dreptunghiurile verticale prin 45 ° la dreapta și trageți-le la fereastra noastră. Tăiați piesele restante și ieșiți din modul de izolare.
Adăugați reflexiile la toate ferestrele de ferestre. Aproape că am terminat!
Finalizați ilustrația creând un nivel al solului sub casă.
Pentru a face acest lucru, construiți pur și simplu a 710 x 25 px dreptunghi, completați-l cu # a3a70b culoare și de a face colturi rotunjite, glisarea Live Corners Widgets. Creați partea de umbră în jumătatea inferioară a nivelului solului.
Bună treabă. Acum încercați să vă imaginați că vă aflați pe unul dintre scaunele albe și întâlniți apusul de vară cu o ceașcă de cafea aromatizată.
În ceea ce mă privește, sper că v-ați bucurat să creați această casă confortabilă și ați învățat câteva noi trucuri utilizând instrumentele simple ale Adobe Illustrator.
Această ilustrare cabană modernă este doar o parte a Casei mele și Clădirilor Set, și există multe alte ilustrații în portofoliul meu!
Accentsconagua