Share
Wat je gaat creërenIn de tutorial van vandaag leer je hoe je een modern huisje in Scandinavische stijl kunt maken met behulp van de meest eenvoudige vormen en gereedschappen van Adobe Illustrator..
Als je de tutorial wilt overslaan en het resultaat gewoon samen met andere huizen en huizen wilt kopen, ga dan naar GraphicRiver om mijn House and Homes Buildings-set te krijgen.
Eerst moeten we een instellen Nieuw document (Bestand> Nieuw of Besturing N) met deze instellingen:
Van de Geavanceerd tabblad:
Laten we eenvoudig beginnen door een 300 x 220 px rechthoek met behulp van de Rechthoekgereedschap (M), vullen met # 4a4341 kleur.
Nadat u de rechthoek hebt gemaakt, selecteert u het ankerpunt rechtsboven met de Direct selectie gereedschap (A) en druk op invoeren om de te openen verhuizing venster. De Verticale positie waarde moet worden ingesteld op 60 px en de Horizontaal waarde voor 0 px. Ons anker beweegt naar de bodem.
Bouw een andere 257 x 170 px rechthoek van dezelfde kleur aan de linker kant van de eerste vorm, uitgelijnd met zijn onderste lijn. Kies het rechter bovenste anker van de gemaakte figuur met de Direct selectie gereedschap (A). Sleep het anker omhoog en laat het naar de linkerbovenhoek van de eerste rechthoek springen.
Ingedrukt houden Verschuiving, selecteer beide figuren die we hebben gemaakt met de Selectie gereedschap (V). Gebruik de Verenigen optie van de verkenner paneel, ze samenvoegen in één vorm. Het wordt de hoofdmuur van ons huis.
Neem de Lijnsegmenthulpmiddel (\). Ingedrukt houden Verschuiving maak de verticale lijn van elke kleur, die door het bovenste ankerpunt van de vorm gaat en de figuur kruist.
Kies de verticale lijn met de Selectie gereedschap (V) en verplaats het naarhet recht door 138 px de ... gebruiken verhuizing venster.
Selecteer de regel opnieuw en kies de Reflect tool (O). De alt toets, klik op het bovenste middelste anker van de grote vorm. In de reflecteren optievenster, stel de As naar Verticaal en druk op Kopiëren, weerspiegelt de lijn aan de linkerkant van de bruine vorm.
Kies de bovenste punten van de verticale lijnen met de Direct selectie gereedschap (A) en ga naar Object> Pad> Samenvoegen (Control-J). Een lijnsegment verschijnt tussen de ankers en voegt zich bij hen. Herhaal de verplaatsing voor de onderste punten van de lijn, waardoor de vorm van de rechthoekvorm ontstaat.
Verander de Vullen kleur van de rechthoek die we hebben gemaakt # 645a58 en de Beroerte naar Geen in de Kleur paneel.
Laten we die delen van de bovenste rechthoek afsnijden die buiten de figuur van de hoofdmuur staan. Selecteer zowel de kleinere als de grotere vormen en gebruik vervolgens de Shape Builder Tool (Shift-M) door de knop ingedrukt te houden alt toets en klik op de ongewenste stukjes om ze te verwijderen.
Tijd om het dak aan onze muur toe te voegen.
Met de hulp van de Pen gereedschap (P), teken de daklijn die over de bovenrand van de hoofdmuur zit, zodat deze zich aan beide zijden van de hoofdvorm iets uitstrekt. Stel de Vullen van de daklijn naar Geen, het slaggewicht tot 29 px, en de streekkleur naar # e8dbd3.
Selecteer het dak met de Selectie gereedschap (V). druk op Besturing C en Controle-F, het creëren van een kopie van het dak voor de eerste. Stel de Vullen van de regel naar Geen, slaggewicht tot 5 px en streekkleur naar # c4b7b4, de binnenste streep vormen.
Kies beide daklijnen en ga naar Object> Uitbreiden. Controleer de Beroerte optie en schakel het selectievakje uit Vullen optie, druk op OK. Onze slagen zullen transformeren in gevulde vormen.
Selecteer alle huiselementen en Groep ze samen met Controle-G.
Nu gaan we een klein bijgebouw voor ons huis vormen.
Maak een 114 x 92 px rechthoek met # 3b3534 opvulkleur. Verplaats het ankerpunt linksboven naar boven 22 px.
Selecteer de resulterende vorm en Kopiëren het gebruiken Besturing C. Klik Controle-F twee keer om twee exemplaren voor de figuur te krijgen. Verplaats de bovenste kopie 94 px aan de rechterkant, voeg de tweede kopie toe aan de selectie en gebruik de Snijden optie van de verkenner paneel. Vul de resulterende vorm met # 645a58 kleur.
Maak het dak voor het bijgebouw volgens dezelfde methode als voor de hoofdmuur in de vorige twee stappen.
Groep (Control-G) alle objecten samen en stuur ze terug met behulp van Object> Schikken> Naar achteren verzenden. Plaats vervolgens het bijgebouw aan de rechterkant van de hoofdsectie en verberg de linkerrand achter de muur.
Laten we beginnen aan de veranda te werken door een 105 x 32 px rechthoek, die we zullen kleuren met # 58595b. Bouw dan een 105 x 3 px horizontale streep, vullen met # f7f4f2.
Selecteer beide vormen, ingedrukt houden Verschuiving. Klik nogmaals op het grotere object (je hoeft Shift deze keer niet ingedrukt te houden!). Er verschijnt een blauwe omtrek rond de donkere rechthoek, en Uitlijnen op hoofdobject wordt automatisch geselecteerd in de Controle paneel en de richten paneel.
In de richten paneel (Venster> Uitlijnen) of de Controle paneel,Klik op de Horizontaal centreer uitlijnen knop en vervolgens op de Verticale bovenkant uitlijnen knop, waarbij de horizontale streep op de buitenste bovenkant van de grote rechthoek wordt geplaatst.
Kies de streep en druk op invoeren om de te openen verhuizing venster. Stel de Verticale positie naar 10 px en de Horizontale positie naar 0 px. Klik vervolgens op de Kopiëren knop, krijgt een tweede streep onder de eerste. druk op Controle-D om de duplicatie te herhalen.
Maak er twee 3 x 32 px verticale strepen van # f7f4f2 kleur, verplaats ze naar de binnenkant van de veranda. Groep (Control-J) alle objecten.
Bouw een 27 x 100 px rechthoek en kleur hem in # 558bab (1). Maak er dan twee 27 x 2 px horizontale strepen van # d4d1cf kleur, een ervan over de bovenrand en een andere onder de onderkant van de blauwe vorm (2).
Selecteer beide horizontale lijnen met de Selectie gereedschap (V) terwijl u de Verschuiving sleutel. Kiezen Object> Blend> Maken. Illustrator maakt standaard een vloeiende kleurovergang. Herstel het door te kiezen Object> Blend> Mengopties. Verander de tussenruimte optie om Opgegeven stappen, de waarde instellen op 5 (3). Ga dan naar Object> Uitbreiden. Verlaat de Voorwerp optie aangevinkt en verwijder het vinkje Vullen keuze. druk op OK, het mengen van het object in afzonderlijke objecten. Ontkoppelen (Control-Shift-G) de menggroep en verwijder de bovenste en onderste strepen (4).
Maak een 2 x 100 px verticale streep van # d4d1cf kleur, in lijn met het midden van de grote blauwe rechthoek (5).
Maak een 42 x 125 px vorm met # f7f4f2 vul de kleur in en stuur deze naar achteren klik met de rechtermuisknop > Schikken> Verzenden naar terug. Lijn de rechthoek uit met het midden van de blauwe figuur waarmee we zijn begonnen (6). Groep (Control-J) alle objecten bij elkaar en maak een duplicaat van de groep, plaats deze naast de rechterkant (7). Nu hebben we de deur.
Bouw er twee 125 x 9,5 px rechthoeken van # c4c2c0 kleur, plaats ze aan de buitenzijden van de deur.
Maak vervolgens een 103 x 6,5 px horizontale vorm met # d4d1cf vul de kleur en plaats deze op de bovenste binnenzijde van de deur, in lijn met het midden van de constructie.
Eindig met het maken van de deur door een 110 x 3 px rand van # f7f4f2 kleur en plaats het onder de bovenkant van de bovenkant van de deur, uitgelijnd met het midden. Groep (Control-G) alle deurelementen samen.
Sleep de veranda naar de constructie van het hoofdgebouw, uitgelijnd met de bodem en het midden van het lichtere grijze gedeelte. Plaats vervolgens de deur naast de bovenkant van de veranda, in lijn met het midden.
Start om het venster te maken door een te vormen 27 x 64 px rechthoek voor de ruit, vullen met # 558bab kleur.
Bouw er twee 27 x 2 px horizontale strepen van # d4d1cf kleur, plaats een ervan over de bovenrand en een andere onder de onderkant van het paneel.
Selecteer beide horizontale strepen en ga naar Object> Blend> Maken. Kies dan Object> Blend> Mengopties en verander de tussenruimte optie om Opgegeven stappen, de waarde instellen op 3. Uitbreiden het object en verwijder de bovenste en onderste regel.
Maak een 2 x 64 px verticale streep van # d4d1cf kleur, in lijn met het midden van de ruit (1). Groep (Control-G) de objecten samen.
Bouw een 42 x 125 px rechthoek van # f7f4f2 vul kleur en stuur het naar achteren met Object> schikken> naar achtergrond verzenden (2). Lijn het object uit met het midden en de linkerkant van de blauwe ruit (3). Verplaats de vorm die we net links hebben gemaakt naar links 5 px. Maak een duplicaat van de venstergroep op dezelfde afstand van de rechterkant van de achterste rechthoek (4).
Maak een 73 x 3,5 horizontale rechthoek van # c4c2c0 kleur, uitgelijnd met de bovenkant en de rechterkant van de grote lichtvorm (5). Vorm dan nog een 73 x 5,5 px figuur van # d4d1cf kleur en lijn het uit aan de onderkant en de rechterkant van de achterste rechthoek (6). Groep (Control-G) alle delen samen en plaats het raam aan de linkerkant van de deuropening. Met de hulp van de Reflectiegereedschap (O), maak een kopie aan de rechterkant van de deur (7).
Nu gaan we nog twee vensters bouwen, met behulp van degenen die we al hebben gemaakt om ons te helpen tijd te besparen.
Kopieer het linkervenster en sleep het naar het vrije gebied buiten het huis. Ontkoppelen (Control-Shift-G) de vensterelementen en verwijder de onderste van de drie horizontale lijnen op elk venster.
Selecteer de Direct selectie gereedschap (A). Klik en houd de linkermuisknop ingedrukt op een vrij gebied buiten de linkerrand van het venster en iets boven het niveau van de onderkant van de blauwe vorm. Sleep naar rechts en omlaag naar het buitenste vrije gebied aan de andere kant van het venster, door alle vormen en punten van het onderste deel van het venster aan de selectie toe te voegen.
druk op invoeren om de te openen verhuizing venster. Stel de Verticale positie waarde voor -16,5 px en de Horizontaal waarde voor 0 px, verplaats het onderste deel van het venster naar boven. Groep (Control-G) de onderdelen.Het venster is klaar.
We zullen het kleine venster gebruiken om een groter venster te maken. Maak een kopie van het venster dat we in de vorige stap hebben gemaakt en kies het Reflect tool (O). De alt toets, klik op de anker rechtsboven van het venster. In de reflecteren optievenster, stel de As naar Verticaal en druk op Kopiëren, reflecterend op het venster aan de rechterkant. Groep (Control-G) beide kleinere vensters in een groot venster.
Sleep het kleinere venster naar het linker gedeelte van het grote huisgedeelte en het grote venster naar de rechterkant.
In deze stap zullen we alle vormen bouwen met een standaard wit Vullen en een zwarte Beroerte kleur.
Begin met het vormen van de stoel door een 46 x 11 px rechthoek. Selecteer de twee bovenste ankers met de Direct selectie gereedschap (A).
Gebruik de Live hoeken functie om de hoeken afgerond te maken door de cirkelindicator naar het midden van de rechthoek te trekken, waarbij de hoekradius op ongeveer wordt ingesteld 6 px. Bouw er twee 3 x 16,5 px verticale vormen voor de stoelpoten en plaats ze onder de horizontale vorm, laat een paar pixels ruimte tussen hen en de zijkanten van de grotere rechthoek.
Maak een 2 px brede balk tussen de stoelpoten, dichter bij de bodem.
Maak een 36,5 x 40 px rechthoek en verplaats de onderste ankers 3 px naar het centrum. Selecteer de bovenste ankers van de rechthoek met Direct selectie gereedschap (A) en gebruik de Live hoeken voorzien zijn vanom de hoekradius in te stellen op ongeveer 6 px. Plaats de resulterende vorm in het midden van de bovenkant van de eerder gemaakte constructie en vorm de stoel terug.
Voeg twee kleine toe 10 x 3 px rechthoeken links en rechts van de rugleuning van de stoel en verbergen de overlappende delen erachter. Dit zullen de armleuningen zijn.
De ... gebruiken Pen gereedschap (P), teken eenvoudige driehoekige vormen die de armleuningen en de stoel van de stoel verbinden. Verberg de overlappende delen achter de stoelzitting.
Kleur het resultaat met # f7f4f2 voor de lichte delen en # d4d1cf voor de donkere delen van de stoel. Gebruik het onderstaande voorbeeld om te begrijpen waar elke kleur zich bevindt.
Dan Groep (Control-G) de stoel, maak er een duplicaat van en plaats beide stoelen onder de ramen voor het middelste gedeelte van het huis.
Ik heb de ramen iets omhoog bewogen om meer visuele ruimte tussen de ramen en de stoelen te krijgen.
Nu gaan we een buitentafel en nog twee stoelen maken.
Bouw een 32,5 x 4 px rechthoek van # f7f4f2 kleur. Maak een duplicaat aan de voorkant van de eerste rechthoek, verplaats deze naar beneden 10 px (1).
Voeg twee verticale toe 3 x 45 px rechthoeken met # c4c2c0 vul de kleur door deze links en rechts binnen in de horizontale vormen te plaatsen en uit te lijnen met de bovenrand (2).
Maak een 32,5 x 6 px rechthoek van # f7f4f2 kleur, waar het om gaat 10 px omlaag vanuit de onderste horizontale vorm (3). Groep (Control-G) alle elementen.
Maak een eenvoudige tabel met een 98 x 10 px rechthoek van # d4d1cf kleur voor het tafelblad en twee 5 x 37 px vormen met # c4c2c0 vul kleur voor de tafelpoten. Groep (Control-G) de cijfers (4).
Maak een kopie van de stoel. Plaats de stoel en zijn duplicaat aan de tafel, plaats ze tussen de tafelpoten (5). Groep (Control-G) detafel en de stoelen en sleep ze naar het huis, plaats ze onder het grote raam (6).
Begin met het maken van een bloemenvaas door een 15 x 24 rechthoek die we zullen gebruiken in kleur # 7a5835 (1). Met de hulp van de Pencil Tool (N), teken een golvende lijn over de vorm, die door het ankerpunt linksonder (2) gaat. Verdelen beide vormen in verkenner, Ontkoppelen (Control-Shift-G) hen,en Verwijder het linkerdeel (3). reflecteren de golvende figuur die we aan de rechterkant creëerden, met behulp van de Reflectiegereedschap (O) (4). Beide vormen samenvoegen tot één met de Verenigen optie van de verkenner paneel.
Reflecteer de resulterende vorm naar de bodem en Verenigen beide vormen samen met de verkenner (5). Voeg twee randen toe van 3 px breedte en # b38f6a kleur onder de bovenrand en over de onderste omtrek van de grote bruine vorm (6). Maak drie parallelle lijnen met dezelfde breedte en kleur in het middengedeelte van de vaas, waardoor ze de grote vorm kruisen (7). Snij de verlengde delen af met behulp van de Shape Builder Tool (Shift-M) en Groep (Control-G) de objecten (8).
Begin met het maken van een decoratieve boom door een te vormen 15,5 x 15,5 px cirkel van # 848709 kleur voor de kroon met behulp van de Ellipse Tool (L).
Bouw een 1 x 10 px verticale rechthoek met dezelfde vulkleur. Maak de bovenste ankers van de vorm volledig afgerond door ze te selecteren met de Direct selectie gereedschap (A) en gebruik de Live hoeken.
Bouw grotere verticaal 1,5 x 15 px rechthoek van # a3a70b kleur en maak de bovenkant afgerond. Voeg vervolgens een ankerpunt toe aan het midden van de onderkant met de Ankerpunttool toevoegen (+). Kies de linker en rechter onderste ankers met de Direct selectie gereedschap en sleep ze een paar pixels omhoog, waardoor de vorm een naaldachtige vorm krijgt.
Plaats de kleinere ronde vorm op de bovenkant van de cirkel, uitgelijnd met het midden (1). Houd de ronde vorm geselecteerd en selecteer de Roteer gereedschap (R) en dan Alt / Option-click in het midden van de cirkel. In de Draaien paneel, stel de Hoek naar 15 ° en klik op de Kopiëren knop (2). druk op Controle-D om de laatste actie te herhalen en door te drukken op Controle-D om alle 24 strepen rond de cirkel toe te voegen (3). Verwijder de bovenste afgeronde rechthoek en verwijder vervolgens elke tweede streep rond de cirkel en laat er slechts 12 over (4).
Sleep de grotere naaldachtige vorm die we in stap 5 hebben gemaakt naar de bovenkant van de cirkel, waardoor het onderste gedeelte de cirkel overlapt en uitlijnt met het midden (5). Maak nog 11 kopieën van de naaldachtige streep rond de cirkel door het object te roteren en te kopiëren 30 ° rond het midden van de cirkel met behulp van de Rotatiegereedschap (R) (6). Verwijder de onderste streep en voeg een verticale rechthoek toe van # 88603c kleur voor de stam van de boom (7). Groep (Control-G) alle boomdelen.
Laten we een pot voor de boom maken. Kopieer de vaas die we hebben gemaakt in stap 4 en Ungroup (Control-Shift-G) de elementen. Selecteer de grote golvende vorm van de vaas samen met de laagste van de drie horizontale lijnen. Snijd het onderste stuk van de vaas af met behulp van de Shape Builder Tool (Shift-M) (8). Sleep de resterende onderste rand naar de onderkant van de vaas en plaats onze boom in de pot (9). Groep (Control-G) de elementen.
Gebruik twee rechthoeken van # 848709 voor de groene kleur en # 7a5835 voor de bruine kleur om een cactuspot te maken.
Sleep de cactuspot, de decoratieve boom en de vaas naar het huis.
Omdat we nog niet helemaal klaar zijn met de details, moeten we regenpijpen, een schoorsteen en een straatlamp toevoegen aan het hoofdhuisgedeelte.
Selecteer eerst de hoofdhuissectie die we aan het einde van stap 7 van deel 2 hebben gemaakt.
Klik met de rechtermuisknop en kies Isoleer geselecteerde groep uit het vervolgkeuzemenu. Het geïsoleerde huisgedeelte wordt in kleur weergegeven, terwijl de rest van het kunstwerk grijs wordt weergegeven.
Gebruik de Pen gereedschap (P) om twee hoeklijnen te tekenen met 6 px slag van # a6a6a6 kleur zonder vulling. Plaats ze op de buitenzijden van de muur, laat een kleine opening tussen de lijnen en de muur en verberg de bovenkant van de lijnen achter het dak, vorm de afvoerpijpen.
Kies de afvoerbuizen en ga naar Object> Uitbreiden, het controleren van de Beroerte optie en het vinkje bij de Vullen keuze. druk op OK en Ontsnappen om de isolatiemodus af te sluiten of, met behulp van de Selectie gereedschap (V), dubbelklik buiten de geïsoleerde groep.
Maak een kleine, afgeronde rechthoek die we zullen kleuren met # d4d1cf. Voeg de omtrek toe aan de rechthoek door naar te gaan Object> Pad> Offsetpad enomgeving 4 px in de compenseren waarde veld. Stel de Vullen kleur van de omtrek naar # 4a4341 en Groep (Control-G) de vormen. Het wordt de straatlamp (1).
De ... gebruiken Rechthoekgereedschap (M), een schoorsteen vormen. Kleur de lichte delen met # b38f6a en de donkere delen met # 7a5835 (2).
Plaats de lamp boven de toegangsdeur en de schoorsteen op het dak (3).
Nu voegen we een schaduw toe onder het dak.
Selecteer de hoofdvorm van het dak met de Direct selectie gereedschap (A) en Kopiëren het, met behulp van Besturing C. Klik Controle-B om een duplicaat achter het hoofdobject te krijgen. Verplaats het een paar pixels lager en wijzig het Overvloeimodus naar Vermenigvuldigen tijdens het verlagen van de ondoorzichtigheid niveaus naar 70% in de Transparantie paneel. Verwijder de delen die zich buiten het huis bevinden met behulp van de Shape Builder Tool (Shift-M).
Gebruik dezelfde methode om een schaduw te maken voor het bijgebouw.
Laten we reflecties aan de ruiten toevoegen.
Selecteer het linkerdeurvenster met de Direct selectie gereedschap (A), en klik met de rechtermuisknop en kies Isoleer het geselecteerde pad uit het vervolgkeuzemenu. Het venster verschijnt in de isolatiemodus.
Maak drie lange verticale rechthoeken (# 63a1c7) met verschillende breedten buiten het venster. Roteer de verticale rechthoeken met 45 ° naar rechts en sleep ze naar ons raam. Snijd de openstaande stukken af en verlaat de isolatiemodus.
Voeg de reflecties toe aan alle ruiten. We zijn bijna klaar!
Werk de illustratie af door een maaiveld onder het huis te maken.
Om dat te doen, bouwt u gewoon een 710 x 25 px rechthoek, vul het met # a3a70b kleur en maak de hoeken afgerond, versleep de Live Corners Widgets. Maak het schaduwgedeelte op de onderste helft van het maaiveld.
Goed gedaan. Probeer je nu voor te stellen dat je op een van de witte stoelen zit en de zomerzonsondergang ontmoet met een kopje gearomatiseerde koffie.
Wat mij betreft, ik hoop dat je het leuk vond om dit gezellige huis te maken en wat nieuwe trucs hebt geleerd met behulp van de eenvoudige hulpmiddelen van Adobe Illustrator.
Deze moderne cottage-illustratie is slechts een deel van mijn House and Homes Buildings Set, en er zijn veel meer illustraties in mijn portfolio!
Accentsconagua