Share
Vad du ska skapaI dagens handledning lär du dig att skapa en modern stuga i skandinavisk stil med hjälp av de mest grundläggande formerna och verktygen i Adobe Illustrator.
Om du skulle vilja hoppa över handledningen och bara köpa resultatet tillsammans med andra hus och hem, gå bara till GraphicRiver för att få min hus- och bostadsbyggnadssats.
Först måste vi skapa en Nytt dokument (Fil> Ny eller Kontroll-N) med dessa inställningar:
Från Avancerad flik:
Låt oss börja enkelt genom att skapa en 300 x 220 px rektangel med hjälp av Rektangelverktyg (M), fylla den med # 4a4341 Färg.
Efter att du har skapat rektangeln väljer du den högra högra ankarpunkten med Direktmarkeringsverktyg (A) och tryck på Stiga på att öppna Flytta fönster. De Vertikal position värdet bör sättas till 60 px och den Horisontell värde till 0 px. Vår ankar flyttar till botten.
Bygga en annan 257 x 170 px rektangel av samma färg på den yttre vänstra sidan av den första formen, anpassning till dess bottenlinje. Välj rätt toppanker av den skapade figuren med Direktmarkeringsverktyg (A). Dra ankaret uppåt och gör det snäpp mot den övre vänstra punkten i den första rektangeln.
Håller ner Flytta, välj båda siffrorna som vi skapade med Urvalsverktyg (V). Använd Förena alternativ av Stigfinnare panel, fusionera dem i en form. Det kommer att bli huvudmuren i vårt hus.
Ta Linjesegmentverktyg (\). Håller ner Flytta skapa den vertikala linjen i vilken färg som helst som går igenom forankringspunkten i formen och korsar figuren.
Välj den vertikala linjen med Urvalsverktyg (V) och flytta den tillrätt vid 138 px använda Flytta fönster.
Välj raden igen och välj Reflektera verktyget (O). Håller Alt nyckeln, klicka på det högsta mittenankaret i den stora formen. I Reflektera alternativfönstret, ställ in Axel till Vertikal och tryck på Kopia, reflekterar linjen till vänster sida av den bruna formen.
Välj de övre punkterna i de vertikala linjerna med Direktmarkeringsverktyg (A) och gå till Objekt> Sti> Gå med (Control-J). Ett linjesegment framträder mellan ankarna och förenar dem. Upprepa flytten för de nedre punkterna på linjen, få rektangelens skissform.
Ändra Fylla färgen på rektangeln som vi skapade till # 645a58 och den Stroke till Ingen i Färg panel.
Låt oss avskurna de delar av den övre rektangeln som står utanför huvudväggsfiguren. Välj både de mindre och de större formerna och använd sedan Formverktygsverktyg (Shift-M) genom att hålla ner Alt nyckeln och klicka på de oönskade bitarna för att ta bort dem.
Tiden att lägga taket på vår vägg.
Med hjälp av Penverktyg (P), rita taklinjen som sitter över huvudväggen, så att den sträcker sig något från båda sidor av huvudformen. Ställ in Fylla av taklinjen till Ingen, strokevikt till 29 px, och strokefärgen till # e8dbd3.
Välj taket med Urvalsverktyg (V). Tryck Kontroll-C och Kontroll-F, skapa en kopia av taket framför den första. Ställ in Fylla av linjen till Ingen, slagvikt till 5 px och stroke färg till # c4b7b4, bildar den inre stripen.
Välj båda taklinjerna och gå till Objekt> Expand. Kolla Stroke alternativ och avmarkera Fylla alternativ, tryck på ok. Våra slag kommer att omvandlas till fyllda former.
Välj alla huselement och Grupp dem tillsammans med Kontroll-G.
Nu ska vi bilda en liten uthus för vårt hus.
Göra en 114 x 92 px rektangel med # 3b3534 fyllnadsfärg. Flytta den övre vänstra ankarpunkten uppåt med 22 px.
Välj den resulterande formen och Kopia det, med hjälp av Kontroll-C. Klick Kontroll-F två gånger för att få två exemplar framför figuren. Flytta den översta kopian 94 px till höger, lägg till den andra kopian till valet och använd Korsas alternativ av Stigfinnare panel. Fyll den resulterande formen med # 645a58 Färg.
Skapa taket för uthusen med samma metod som vi gjorde för huvudväggen i de föregående två stegen.
Grupp (Control-G) alla objekten tillsammans och skicka dem bakåt med Objekt> Ordna> Skicka bakåt. Placera sedan utbyggnaden till höger utsida av huvuddelen, göm den vänstra kanten bakom väggen.
Låt oss börja arbeta på verandan genom att skapa en 105 x 32 px rektangel, som vi kommer att färga med # 58595b. Bygg sedan en 105 x 3 px horisontell rand, fyller den med # f7f4f2.
Välj båda formerna, håll ned Flytta. Klicka igen på det större objektet (du behöver inte hålla nere Skift den här gången!). En blå kontur visas runt den mörka rektangeln, och Justera till nyckelobjekt väljs automatiskt i Kontrollera panel och Justera panel.
I Justera panel (Fönster> Justera) eller den Kontrollera panel,Klicka på Horisontell inriktning Center knappen och sedan på Vertikaljustera topp knappen, placera den horisontella randen på den övre utsidan av den stora rektangeln.
Välj rand och tryck på Stiga på att öppna Flytta fönster. Ställ in Vertikal position till 10 px och den Horisontellt läge till 0 px. Klicka sedan på Kopia knappen, få en andra rand under den första. Tryck Kontroll-D att upprepa dupliceringen.
Skapa två 3 x 32 px vertikala ränder av # f7f4f2 färg, flytta dem till insidan av verandan. Grupp (Control-J) alla föremålen.
Bygga en 27 x 100 px rektangel och färg det med # 558bab (1). Gör sedan två 27 x 2 px horisontella ränder av # d4d1cf färg, placera en av dem över överkanten och en annan under den undre kanten av den blå formen (2).
Välj båda horisontella linjerna med Urvalsverktyg (V) medan du håller ner Flytta nyckel. Välja Objekt> Blanda> Gör. Som standard skapar Illustrator en jämn färgövergång. Fix det genom att välja Objekt> Blanda> Blandningsalternativ. Ändra Mellanrum alternativ till Specificerade steg, ställer in värdet till 5 (3). Gå sedan till Objekt> Expand. Lämna Objekt alternativet markerat och avmarkera Fylla alternativ. Tryck ok, dela blandningsobjektet i olika objekt. Ungroup (Control-Shift-G) blandningsgruppen och radera de övre och nedre randarna (4).
Skapa en 2 x 100 px vertikal rand av # d4d1cf färg, anpassa den till mitten av den stora blå rektangeln (5).
Göra en 42 x 125 px forma med # f7f4f2 fyll färgen och skicka den till baksidan av Högerklicka > Ordna> Skicka till Tillbaka. Rikta in rektangeln till mitten av den blå figuren som vi började med (6). Grupp (Control-J) alla objekt tillsammans och gör en dubblett av gruppen, placera den bredvid höger sida (7). Nu har vi dörren.
Bygg två 125 x 9,5 px rektanglar av # c4c2c0 färg, placera dem på ytterdörren på dörren.
Skapa sedan en 103 x 6,5 px horisontell form med # d4d1cf fyll färg och placera den på insidan av dörren, anpassning till mitten av konstruktionen.
Sluta skapa dörren genom att göra en 110 x 3 px fälg av # f7f4f2 färg och placera den under toppen av dörrens övre kant, riktning mot mitten. Grupp (Control-G) alla dörrelementen tillsammans.
Dra veranda till huvudbyggnaden, anpassning till botten och mitt på den ljusare grå sektionen. Placera sedan dörren bredvid verandaens överdel, anpassning till centrum.
Börja skapa fönstret genom att bilda en 27 x 64 px rektangel för fönstret, fyller den med # 558bab Färg.
Bygg två 27 x 2 px horisontella ränder av # d4d1cf färg, placera en av dem över överkanten och en annan under den nedre kanten av rutan.
Välj båda horisontella randarna och gå till Objekt> Blanda> Gör. Sedan Välj Objekt> Blanda> Blandningsalternativ och ändra Mellanrum alternativ till Specificerade steg, ställer in värdet till 3. Bygga ut objektet och radera de övre och nedre raderna.
Göra en 2 x 64 px vertikal rand av # d4d1cf färg, anpassa den till mitten av fönsterrutan (1). Grupp (Control-G) objekten tillsammans.
Bygga en 42 x 125 px rektangel av # f7f4f2 fyll färgen och skicka den till baksidan med Objekt> Ordna> Skicka till Tillbaka (2). Rikta in objektet till mitten och den vänstra sidan av det blå fönstret (3). Flytta den form som vi just skapat till vänster av 5 px. Skapa en duplikat av fönsterrutegruppen på samma avstånd från höger sida av bakre rektangeln (4).
Göra en 73 x 3,5 horisontell rektangel av # c4c2c0 färg, anpassa den till toppen och höger sida av den stora ljusformen (5). Därefter bilda en mer 73 x 5,5 px figur av # d4d1cf färg och justera den till botten och höger sida av bakre rektangeln (6). Grupp (Control-G) alla delar tillsammans och placera fönstret på dörrens vänstra sida. Med hjälp av Reflektionsverktyg (O), gör en kopia på höger sida av dörren (7).
Nu ska vi bygga ytterligare två fönster, med hjälp av de som vi redan har skapat för att hjälpa oss spara tid.
Kopiera det vänstra fönstret och dra det till det fria området utanför huset. Ungroup (Control-Shift-G) fönsterelementen och radera det nedre av de tre horisontella linjerna på varje fönsterruta.
Välj Direktmarkeringsverktyg (A). Klicka och håll kvar vänster musknapp på ett fritt område utanför fönstrets vänstra kant och något över nivån på undersidan av den blå formen. Dra åt höger och ner till det yttre fria området på motsatta sidan av fönstret och lägg till alla former och punkter på fönstrets underdel till valet.
Tryck Stiga på att öppna Flytta fönster. Ställ in Vertikal position värde till -16,5 px och den Horisontell värde till 0 px, flytta nedre delen av fönstret uppåt. Grupp (Control-G) delarna.Fönstret är klart.
Vi använder det lilla fönstret för att skapa en större. Gör en kopia av fönstret som vi skapade i föregående steg och välj Reflektera verktyget (O). Håller Alt nyckel, klicka på det övre högra ankaret i fönstret. I Reflektera alternativfönstret, ställ in Axel till Vertikal och tryck på Kopia, reflekterar fönstret på sin högra sida. Grupp (Control-G) båda mindre fönster i ett stort fönster.
Dra det mindre fönstret till den vänstra delen av storhusdelen och det stora fönstret till höger.
I det här steget bygger vi alla former, med hjälp av en standardvit Fylla och en svart Stroke Färg.
Börja bilda stolen genom att skapa en 46 x 11 px rektangel. Välj de två övre ankare med Direktmarkeringsverktyg (A).
Använd Levande hörn funktionen för att göra hörnen rundade genom att dra cirkelindikatorn i mitten av rektangeln, ställ in hörnradie till ungefär 6 px. Bygg två 3 x 16,5 px vertikala former för stolbenen och placera dem under den horisontella formen och lämna några pixlar av utrymme mellan dem och sidorna på den större rektangeln.
Skapa en 2 px bred bar mellan stolbenen, placera den närmare botten.
Göra en 36,5 x 40 px rektangel och flytta dess underankar 3 px mot mitten. Välj rektangelens övre ankare med Direktmarkeringsverktyg (A) och använd Levande hörn funktionför att ställa in hörnradie till ungefär 6 px. Placera den resulterande formen i mitten av övre sidan av den tidigare skapade konstruktionen, som bildar stolen tillbaka.
Lägg till två små 10 x 3 px rektanglar till vänster och höger sida av stolen tillbaka, döljer sina överlappande delar bakom den. Dessa kommer att vara armstöd.
Använda Penverktyg (P), rita enkla triangelliknande former som kommer att ansluta armstöden och stolssätet. Dölj de överlappande delarna bakom stolssätet.
Färga resultatet med # f7f4f2 för de ljusa delarna och # d4d1cf för stolens mörka delar. Använd exemplet nedan för att förstå var varje färg finns.
Sedan Grupp (Control-G) stolen, göra en kopia av det och placera båda stolarna under fönstren framför mittenhusdelen.
Jag flyttade fönstren något upp för att lägga till mer visuellt utrymme mellan fönstren och stolarna.
Nu ska vi skapa ett utomhusbord och ytterligare två stolar.
Bygga en 32,5 x 4 px rektangel av # f7f4f2 Färg. Gör en kopia i fronten av den första rektangeln, flytta den nedåt med 10 px (1).
Lägg till två vertikala 3 x 45 px rektanglar med # c4c2c0 fyll färg, placera dem till vänster och de högra inre sidorna av de horisontella formerna och anpassa sig till den övre kanten (2).
Göra en 32,5 x 6 px rektangel av # f7f4f2 färg, placera den om 10 px ner från den nedre horisontella formen (3). Grupp (Control-G) alla element.
Skapa en enkel tabell med hjälp av a 98 x 10 px rektangel av # d4d1cf färg för bordsskivan och två 5 x 37 px former med # c4c2c0 fyll färg för bordbenen. Grupp (Control-G) figurerna (4).
Gör en kopia av stolen. Sätt stolen och dess dubblett vid bordet, placera dem mellan bordbenen (5). Grupp (Control-G) debord och stolar och dra dem till huset, placera dem under det stora fönstret (6).
Börja skapa en blommevase genom att skapa en 15 x 24 rektangel som vi kommer att färga med # 7a5835 (1). Med hjälp av Penna verktyg (N), rita en vågig linje över formen som passerar genom den nedre vänstra ankarpunkten (2). Dela upp båda formerna i Stigfinnare, Ungroup (Control-Shift-G) dem,och Radera den vänstra delen (3). Reflektera den vågiga figuren som vi skapade till höger, med hjälp av Reflektionsverktyg (O) (4). Slå samman båda formerna i ett med Förena alternativ av Stigfinnare panel.
Reflektera den resulterande formen till botten och Förena båda formerna med Stigfinnare (5). Lägg till två fälgar av 3 px bredd och # b38f6a Färg under den övre konturen och över den nedre konturen av den stora bruna formen (6). Skapa tre parallella linjer av samma bredd och färg i mitten av vasen, så att de passerar den stora formen (7). Klipp av de utökade delarna med hjälp av Formverktygsverktyg (Shift-M) och Grupp (Control-G) föremålen (8).
Börja göra ett dekorativt träd genom att bilda en 15,5 x 15,5 px cirkel av # 848.709 färg för kronan med hjälp av Ellipsverktyg (L).
Bygga en 1 x 10 px vertikal rektangel med samma fyllfärg. Gör de översta ankrarna av formen helt rundade genom att välja dem med Direktmarkeringsverktyg (A) och använda Levande hörn.
Bygg större vertikal 1,5 x 15 px rektangel av # a3a70b färg och gör sin topprundad. Lägg sedan till en ankarpunkt i mitten av bottenkanten med Lägg till Anchor Point Tool (+). Välj vänster och höger bottenankare med Direktmarkeringsverktyg och dra dem upp några pixlar, vilket ger en nålliknande form till formen.
Placera den mindre rundade formen på toppen av cirkeln, riktning mot mitten (1). Om du väljer den avrundade formen väljer du den Rotera verktyg (R) och då Alt / Option-klicka mitt i cirkeln. I Rotera panel, ställ in Vinkel till 15 ° och klicka på Kopia knapp (2). Tryck Kontroll-D för att upprepa den sista åtgärden och fortsätt trycka på Kontroll-D att lägga till alla 24 ränder runt cirkeln (3). Ta bort den övre rundade rektangeln och ta sedan bort varje andra rand runt cirkeln och lämna endast 12 av dem (4).
Dra den större nålliknande formen som vi skapade i steg 5 till toppen av cirkeln, så att dess nedre del överlappar cirkeln och anpassar sig till mitten (5). Gör 11 fler kopior av den nålliknande randen runt cirkeln genom att rotera och kopiera objektet med 30 ° runt centrum av cirkeln med hjälp av Rotationsverktyg (R) (6). Ta bort den nedre randen och lägg till en vertikal rektangel av # 88603c färg för stammen av trädet (7). Grupp (Control-G) alla träddelarna.
Låt oss skapa en kruka för trädet. Kopiera den vas som vi skapade i steg 4 och Dela upp (Kontroll-skift-G) elementen. Välj vasens stora vågform med den lägsta av de tre horisontella linjerna. Klipp av den nedre delen av vasen med hjälp av Formverktygsverktyg (Shift-M) (8). Dra den återstående bottenkanten till undersidan av vasen och placera vårt träd i potten (9). Grupp (Control-G) elementen.
Använd två rektanglar av # 848.709 för den gröna färgen och # 7a5835 för den bruna färgen för att skapa en kaktusgryta.
Dra kaktusgrytan, det dekorativa trädet och vasen till huset.
Eftersom vi inte är helt färdiga med detaljerna behöver vi lägga till avloppsrör, en skorsten och en gatelampa till huvudbyggnaden.
Välj först huvudhuvuddelen som vi skapade i slutet av steg 7 i del 2.
Högerklicka och välj Isolera vald grupp från rullgardinsmenyn. Den isolerade husdelen visas i fullfärg medan resten av konstverket visas nedtonat.
Använd Penverktyg (P) att rita två vinklade linjer med 6 px stroke av # a6a6a6 färg utan fyllning. Placera dem på ytterkanten av väggen, lämna ett litet mellanrum mellan linjerna och väggen och gömma toppen av linjerna bakom taket, bilda avloppsrören.
Välj avloppsrör och gå till Objekt> Expand, kontrollerar Stroke alternativ och avmarkera Fylla alternativ. Tryck ok och Fly för att lämna isoleringsläget eller, med hjälp av Urvalsverktyg (V), dubbelklicka utanför den isolerade gruppen.
Skapa en liten rundad rektangel som vi kommer att färga med # d4d1cf. Lägg till konturen till rektangeln genom att gå till Objekt> Path> Offset-sökväg ochmiljö 4 px i Offset värdefältet. Ställ in Fylla Färgen på konturen till # 4a4341 och Grupp (Control-G) formerna. Det kommer att bli gatan lampan (1).
Använda Rektangelverktyg (M), bilda en skorsten. Färga de lätta delarna med # b38f6a och de mörka delarna med # 7a5835 (2).
Placera lampan ovanför ingångsdörren och skorstenen på taket (3).
Nu lägger vi till en skugga under taket.
Välj huvudtakets form med Direktmarkeringsverktyg (A) och Kopia den, med användning av Kontroll-C. Klick Kontroll-B för att få en dubblett bakom huvudobjektet. Flytta det några pixlar lägre och ändra Blandningsläge till Multiplicera medan du sänker Opacitet nivåer till 70% i Genomskinlighet panel. Ta bort de delar som sträcker sig utanför huset med hjälp av Formverktygsverktyg (Shift-M).
Använd samma metod, skapa en skugga för utbyggnaden.
Låt oss lägga till reflektioner på fönsterpaneler.
Välj det vänstra dörrfönstret med Direktmarkeringsverktyg (A), och högerklicka och välj Isolera vald sökväg från rullgardinsmenyn. Fönstret visas i isoleringsläge.
Skapa tre långa vertikala rektanglar (# 63a1c7) av olika bredder utanför fönstret. Vrid de vertikala rektanglarna med 45 ° till höger och dra dem till vårt fönster. Klipp av de enastående bitarna och avsluta isoleringsläge.
Lägg till reflektionerna på alla fönsterpaneler. Vi är nästan färdiga!
Avsluta illustrationen genom att skapa en marknivå under huset.
För att göra det, bygg bara en 710 x 25 px rektangel, fyll den med # a3a70b färg och gör hörnen rundade och dra Live Corners Widgets. Skapa skuggdelen på den nedre halvan av marknivå.
Bra jobbat. Försök nu föreställa dig att du sitter på en av de vita stolarna och möter sommarsolnedgången med en kopp smaksatt kaffe.
När det gäller mig hoppas du att du har skapat det här mysiga huset och lärt dig några nya knep med Adobe Illustrators enkla verktyg.
Den här moderna stugan illustrerar bara en del av mitt hus- och husbyggnadssats, och det finns många fler illustrationer i min portfölj!
Accentsconagua