Hoe maak je een tropische Bungalow op een Palm Beach in Adobe Illustrator nl AD door Aliaksei Kruhlenia27 februari 2017

Transcriptie

1 Hoe maak je een tropische Bungalow op een Palm Beach in Adobe Illustrator nl AD door Aliaksei Kruhlenia27 februari 2017 Wat u zult worden maken In deze tutorial gaan we creëren een tropische bungalow op een palm beach achtergrond met behulp van de meest elementaire vormen en instrumenten van Adobe Illustrator. Als u wilt overslaan van de tutorial en koop gewoon het resultaat samen met andere huizen en de achtergronden, ga dan naar GraphicRiver om mijn Lodge, Chalet, Cottage en Bungalow Huis ingesteld.

2 1. Hoe maak een nieuw Document laten we start ons project door het creëren van een nieuw document. Ga naar bestand > New (of Control/Command + N) en het document als volgt instellen: nummer van tekengebieden: 1 breedte: 800 hoogte: 600 eenheden: pixels van het tabblad Geavanceerd: kleurmodus:

3 RGB Rasterresolutie: scherm Preview-modus: standaard nieuwe objecten uitlijnen naar pixelraster: Uncheck 2. Hoe te maken het fundamentele gedeelte van de Bungalow stap 1 laten we beginnen door het creëren van een zijwand waarop we de verschillende onderdelen van onze gezellige bungalow plaatsen. Kies het gereedschap Rechthoek (M) en maak een 410 x 155 px rechthoek, instellen van de opvulkleur op #efb84a.

4 Maak een andere 130 x 155 px rechthoek van # kleur. Stap 2 Selecteer deze bruin rechthoek en gele degene met de hulp van de selectie Tool (V), houdt u SHIFT ingedrukt. Klik opnieuw op de gele muur (u hoeft niet te Houd SHIFT ingedrukt ditmaal!). Er verschijnt een blauwe omtrek rond de gele vorm, en het uitlijnen met hoofdobject optie wordt automatisch geselecteerd in het regelpaneel en het deelvenster Uitlijnen. In het deelvenster Uitlijnen (venster > uitlijnen) of het besturingselement van het deelvenster, klik op de knop Horizontaal uitlijnen links en

5 vervolgens op de knop verticaal centreren. Stap 3 Selecteer de bruin rechthoek met de selectie Tool (V) en druk op Enter om de verhuizing optie venster te openen. De waarde van de horizontale positie ingesteld op 22 px en de verticale positie waarde op 0 px. Klik vervolgens op de Enter toets, onze vorm naar rechts verplaatst. Stap 4 nu gaan we na te bootsen de houten structuur van de muur met behulp van dunne verticale strepen. Een 2.5 x 155 px vorm van #d98c2f kleur, bijvoegen van de linkerrand tot de rechterrand van de bruin rechthoek maken Druk vervolgens op Enter te roepen de Verplaats-venster, het instellen van de horizontale waarde tot en met 10, px en de verticale waarde op 0 px, de streep naar rechts verplaatst. Maak een soortgelijk dunne rechthoek, de rechterrand aan de rechterrand van de grote gele shape koppelen. Open het venster verplaatsen opties en stel de horizontale waarde op -10 px en verticale

6 waarde op 0 px, de streep naar links verplaatst. Stap 5 Start de illustratie geven wat diepte door het omzetten van onze strepen in een houten structuur met behulp van de opdracht overvloeiing maken. Selecteer beide lijnen met de selectie Tool (V) terwijl u de Shift-toets ingedrukt houdt. Kies Object > mix > maken. Illustrator maakt standaard een vloeiende kleurovergang. We gaan om het te bevestigen door te kiezen voor Object > mix > Overvloeiopties of te dubbelklikken op het gereedschap Overvloeien. Wijzig de optie afstand opgegeven stappen, de waarde instelt op 20. Stap 6 laten we doorgaan met het toevoegen van details doordat twee houten stoelen in de deuropening. Maak een 47 x 5 px #966a3a gekleurde rechthoek met behulp van het gereedschap Rechthoek (M). Selecteer de shape met de selectie Tool (V) en druk op Enter om de Move-optievenster te openen. De waarde van de horizontale positie ingesteld op 0 px en verticale positie waarde tot en met 16 px, en klik

7 op de knop kopiëren. Stap 7 bouwen een 4.5 x 65 px verticale rechthoek met donkere bruine kleur, #7a5835. Selecteer deze shape en de bovenste horizontale rechthoek die we in de vorige stap gemaakt, Shift ingedrukt. Klik nogmaals op de verticale object (u hoeft niet te Houd SHIFT ingedrukt ditmaal!). Verschijnt een blauwe omtrek rond de verticale vorm, en uitlijnen op Key-Object wordt automatisch geselecteerd in het regelpaneel en het deelvenster Uitlijnen. In het deelvenster Uitlijnen (venster > uitlijnen) of het besturingselement van het deelvenster, klik op de knop Horizontaal uitlijnen links en vervolgens op de knop van het verticale boven uitlijnen. De laatste 47 x 8 px #966a3a gekleurde rechthoek maken Zet het ongeveer 12 px naar beneden vanaf de onderste horizontale vorm het uitlijnen op het midden van de hele

8 constructie. Alle shapes groeperen (Control/Command + G). Stap 8 Sleep onze stoel naar de deuropening, brengen het dichter naar de linker kant en de onderrand te koppelen aan de onderkant van de rechthoek deuropening. Onze stoel, selecteren en kies vervolgens het gereedschap Spiegelen (O) en, de Alt toets ingedrukt, klik op het midden van de rechthoek achtergrond. In het venster van de optie spiegelen de as verticaal endrukop kopiëren, als gevolg van de stoel aan de

9 rechterkant van de deur. Stap 9 nu we gaan maken van het hek, die zullen we voor de deur. Start door het bouwen van een rechthoek 130 x 3 px van #d4d1 kleur. Open het venster verplaatsen en kopiëren van de rechthoek, de horizontale positie waarde instelt op 0 px en de verticale waarde 40 px.build another 3.5 x 55 px vertical shape, filling it with #c4c2c0 color. Place it closer to the left side of the horizontal rectangles, aligning to the bottom edge of the top horizontal object. Select the figure and go to Object > Arrange > Send to back. Make a similar vertical rectangle on the right part of our fence.

10 Stap 10 toevoegen vier 3.5 x 1.5 px rechthoeken met #a6a6a6 kleur voor schaduwen, plaatsen hen over de verticale strepen en onder de horizontale cijfers. Groep (Control/Command + G) alle onderdelen en

11 zet het hek in de deuropening, uitlijnen op het midden en de onderrand.

12 Stap 11 omdat we niet helemaal klaar bent met de details van de deuropening, beginnen met het maken van de hangende licht door een 37 x 35 px rechthoek, vullen met #bdae89 kleur. Voeg een kleinere rechthoek 18 x 35 px van #d1c197 kleur en het uitlijnen op het midden van de eerste. Het voltooien van de bouw door toevoeging van een 2.5 x 12 px #7a5835 gekleurde dunne rechthoek voor het koord, de onderrand positionering op de bovenzijde van de grotere rechthoeken. Groep (Control/Command + G) en plaats het licht binnen de deuropening, rechts onder de top, het uitlijnen op het midden van de deur. Stap 12 We zijn bijna klaar met het fundamentele gedeelte. Laten we het toevoegen van de ramen. Het bouwen van een 140 x 88 px rechthoek en een kleinere 64 x 54 px figuur in de buurt van het ene, vullen de shapes met #e8dfc3 kleur. Selecteer de rechthoeken, Shift ingedrukt. Klik op het grote object (zonder Shift ingedrukt ditmaal!). In het deelvenster Uitlijnen (venster > uitlijnen) of controle paneel, klik op de knop horizontaal rechts uitlijnen en vervolgens op de knop van het verticale boven uitlijnen. Vervolgens selecteert u de kleinere shape en druk op Enter om het verplaatsen optie venster geopend. Instellen van

13 de horizontale positie te-160 px en de verticale positie op 0 px.

14 Stap 13 Selecteer de ramen met de selectie Tool (V) terwijl Shift ingedrukt, en ga naar Object > pad > pad verschuiven. Voer 4 px in het waardeveld van de Offset. De opvulling van de omtrekken ingesteld op #d1c197. (Control/Command + G) de shapes gegroepeerd en zet de ramen aan de muur, waardoor een kloof van ongeveer 5 px naar de boven- en de rechterkant van het gele formulier baseren. 3. Hoe maak het onderste gedeelte van de Bungalow We maakt het onderste gedeelte van het huis apart van de zijwand. Alleen in het einde zal deze worden toegevoegd aan de hele constructie. We gaan! Stap 1 bouwen eerst een 400 x 26 px rechthoek van #7a5835 kleur.then we will need two rectangles to make a bearing pile. Create one 40 x 40 px square of #d4d1cf color and another 18 x 57 px vertical figure, filling with #c4c2c0 color. Put the vertical shape underneath the bottom square outline, aligning it to the middle and group (Control/Command-G) both objects together. Align the pile to the top and the left edge of the large brown shape.

15 Selecteer onze stapel en kiest u het gereedschap Spiegelen (O). Houd de Alt-toets ingedrukt en klik op het midden van de grote rechthoek. In het venster van de optie spiegelen de as verticaal endrukop kopiëren, als gevolg van de stapel naar de rechterkant van de bruine vorm. Stap 2 bouwen een 420 x130 px vorm en vul deze met #966a3a kleur. Met behulp van het deelvenster Uitlijnen, lijnt het object naar links en de bovenkant van het donkerder bruin rechthoek die we in de

16 vorige stap hebt gemaakt. Stap 3 nu we gaan vormen van een houten ladder. Beginnen met het verdienen van een 75 x 13 px rechthoek, die wij zal kleuren met behulp van #b38f6a. It's gonna worden de eerste bovenste stap van de ladder. Twee dunne verticale vormen van 6 x 97 px grootte met de kleur #966a3a toevoegen op elke buitenzijde van de stap, ze uitlijnen om de bovenrand van de horizontale vorm. Voeg twee meer horizontale 75 x 6 px rechthoeken van #7a5835 kleur. Plaats een van hen ongeveer 10 px naar beneden vanaf de bovenste stap, uitlijnen op het midden. Zet de tweede rechthoek 10 px omhoog vanaf de onderrand van de verticale shapes van kant. Stap 4 de Shift-toets ingedrukt, Selecteer twee dunner horizontale stappen met de selectie Tool (V). Ga naar Object > mix > maken. Illustrator maakt een vloeiende kleurovergang. Repareren door te kiezen voor Object > mix > Overvloeiopties of te dubbelklikken op het gereedschap Overvloeien. Wijzig de optie afstand opgegeven stappen, de waarde instelt op 3. (Control/Command + G) alle de ladder objecten groeperen en de ladder plaats buiten de linkerzijde van het gehele onderste gedeelte, het uit te lijnen op de bovenste shape. Selecteer vervolgens de onderkant huis sectie overal, groeperen en plaats ze onder

17 het fundamentele gedeelte van de bungalow, aan de rechterkant uitlijnen. 4. Hoe te maken van het dak van het begin Bungalow stap 1 laten we eenvoudig door het creëren van een 500 x 185 px rechthoek (#966a3a) en vervolgens toe te voegen een anker punt rechts in het midden van de bovenrand met behulp van de Voeg Anchor Point Tool (+). Verwijder vervolgens de linker- en ankers (rode cirkels in de afbeelding) door te klikken op hen met de Anchor Point hulpprogramma voor het

18 verwijderen (-). Stap 2 met behulp van de Direct Selection Tool (A), selecteer de hoeken van het object of gewoon klik binnen de shape Driehoek. Hier ziet u de hoek Live widget weergegeven in de hoeken. Trek de indicator van de cirkel naar het midden van de vorm, de hoekstraal instellen op ongeveer 12 px. Het toevoegen van een kleine, dunne 9 x 26 px rechthoek van #7a5835 kleur voor de centrale imperiaal, die we op het midden van de driehoek uitlijnen zullen, verbergen van zijn onderste gedeelte achter de bovenkant van de grote vorm.

19 Stap 3 Selecteer het dak met de selectie Tool (V) en kopieer deze met Control/Command-C. Plak twee exemplaren aan de voorkant van de driehoek, besturings/tweemaal op te drukken. De bovenste geselecteerde afbeelding omhoog door 20 px. Houd Shift ingedrukt en klik op het tweede exemplaar van dak, toe te voegen aan de selectie. Dan gebruik de Minus Front optie van het deelvenster Pathfinder en de resulterende shape opvullen met #b38f6a kleur, krijgen het lichtere gedeelte van het dak. Stap 4 nu gaan we na te bootsen de stro-achtige textuur van het dak door toevoeging van kleinere afgeronde rechthoeken. Maak twee 5 x 27 px vormen, vullen een van hen met de kleur #7a5835 en de tweede met #b38f6a kleur. Maak de hoeken van de rechthoeken afgerond, trekken de Live hoek markers. De rechthoeken kopiëren en de kopieën verspreid over de dak-vorm, waardoor het dak ribbels en noppen. De betere manier een kopie te maken dit keer is het selecteren van de vorm en de Alt/Optiontoets de selectie (maar niet een greep van het selectiekader). U moet de actie herhalen een paar keer voor elke rechthoek, totdat u tevreden met het resultaat bent. Groep (Control/Command + G) alle het dak delen en plaats het gedeelte van het dak op de bovenkant van de eerder gemaakte huis secties, het

20 uitlijnen op het midden van de gele muur.

21 5. Hoe toevoegen schaduwen en hooglichten aan de Bungalow laten we toevoegen sommige donkere en lichte delen aan het huis om het te maken meer gedetailleerde en echte. Stap 1 Kies de dak-driehoek met de Direct Selection Tool (A), en vervolgens met de rechtermuisknop op en kies geselecteerd pad isoleren van de drop-down menu. Het geïsoleerde object verschijnt in volledige kleur, terwijl de rest van de illustratie grijs wordt weergegeven. De driehoek selecteert en kopieert, met de Control/Command-toets C. Klik op Control + Command-F tweemaal om twee exemplaren op de top van de driehoek. Verplaats de bovenste dak kopie 10 px naar links, de tweede kopie aan de selectie toevoegen en de optie Minus Front van het deelvenster Pathfinder het hoogtepunt vorm krijgt. De resulterende shape opvullen met #a87741 kleur. Druk op Esc om te sluiten-isolatiemodus of Dubbelklik buiten de geïsoleerde groep met de selectie Tool (V), op. Stap 2 Selecteer het middelste gedeelte van het huis en de modus isolatie. Neem de rechthoek Tool (M) en de vorm twee smalle rechthoeken van #966a3a kleur, waardoor ze onder de vorm van de transparante dak. Aangezien deze als schaduwen fungeert, wijzigen hun overvloeimodus te vermenigvuldigen terwijl het verlagen van het niveau van dekking tot 70% in de transparantie van het deelvenster. Gebruikend de

22 zelfde methode, een schaduw toevoegen aan het koord van de lantaarn en sluit de isolatiemodus. Stap 3 isoleren het onderste gedeelte van de bungalow. Een smalle horizontale 420 x 5 px streep van #7a5835 kleur voor de schaduw maken en uitlijnen aan de omtrek van de onderkant van de bovenste bruin rechthoek, veranderen de overvloeimodus te vermenigvuldigen en de dekking tot 40% te verlagen. Stap 4 Selecteer de bearing stapel groep met de selectie Tool (V) en klik met de rechter muisknop, het opnieuw kiezen van geselecteerde groep isoleren. Zullen we in isolatiemodus binnen de isolatiemodus.build a 40 x 16 px rectangle which we will fill with #a6a6a6 color and align to the middle and the top of the upper shape. Change its Blending Mode to Multiply while lowering the Opacity to 70% in the Transparency panel.

23 Een 18 x 20 px vorm van dezelfde kleur, het uit te lijnen op de bovenkant en de midden van de lagere stapel-shape maken Verplaatsen van de bodem verlaten van de punt van de rechthoek op door 16 px, met behulp van de directe Tool(A) van selectie, vorming van een schaduw. Isolatiemodus afsluiten en herhaal allemaal hetzelfde voor de juiste bungalow stapel. Alle delen van het huis selecteren en groeperen. Onze bungalow is klaar! Maar we hebben nog steeds te doen wat werk om de afbeelding af te

24 sluiten.

25

26 6. Hoe wilt maken van de zee-stap 1 een 600 x 55 px rechthoek van elke kleur vormen en een 600 px breedte zwarte lijn zonder opvulling toevoegen, waarbij u plaatst onder het bovenste gedeelte van de rechthoek, het verlaten van een kloof van ongeveer 10 px vanaf de bovenkant schetsen. Selecteer de regel en ga naar Effect > vervormen & Transform > Zig Zag. Stel de waarde grootte op 9 px, Absolute. En ruggen per segment gelijk is aan 9. Vloeiende punten selecteren en klik op OK. Ga naar Object > uitbreiden uiterlijk om het effect toepast en vervolgens de lijn ondersteboven te draaien. Maak een kopie van de regel een paar pixels lager en maakt u vervolgens één meer exemplaar ongeveer 20 px neer dan de eerste. Stap 2 Selecteer de rechthoek en de regels en de kloof met de optie van het deelvenster Pathfinder, onze rechthoek te verdelen in vier delen. Verwijder het bovenste gedeelte. Kleur de bovenste resterende figuur met #f2eeeb, de kleur van de tweede vorm omzetten in #ffcf75, en vul de laatstgenoemde met #ffb259

27 kleur, waardoor het oppervlak van de golvende zee. Stap 3 toevoegen eenvoudige vis zodat het zeeniveau meer gedetailleerde. Daarna alle onderdelen groeperen en plaats ze onder de bungalow, overlappen de stapels van de bodem en de ladder. Groep (Control/Command + G) de bungalow en de zee. 7. Hoe maak een tropische achtergrond alle we nu nodig hebben is een landschap van de achtergrond die past bij onze knusse bungalow. We zullen een paar palmen, de grond, en een stralende maan, die tot de sfeer leiden zal toevoegen. Stap 1Let's start creating the background elements by making a palm tree. Build two different ellipses, place the bigger ellipse over the smaller one, and select them.

28 Neem de Shape Builder Tool (Shift - M) en beweeg uw muis over het bovenste gedeelte van de Overstekende cirkels totdat u een grijze selectie ziet. Enig-Klik op de shape, transformeren in een apart figuur. De twee resterende onderdelen verwijderen. Vul het resterende deel met #e6783d kleur en maak een verticale rechthoek van dezelfde kleur voor de kofferbak. Kopiëren en draai de palmbladeren te vormen van de kroon van de palm. Selecteer alle delen van de palm en samenvoegen tot één object met behulp van de optie Unite van het deelvenster Pathfinder. Stap 2 Build een 600 x 70 px rechthoek, kleur met behulp van #e6783d en de twee bovenste afgeronde hoeken maken. Met behulp van de ellips gereedschap, maak een cirkel met #db6f37 opvulkleur onder de rechthoek. Druk op Alt-Shift, en sleep de cirkel naar rechts, een kopie te maken. Druk meerdere malen op Control/Command + D om meer vergelijkbare shapes, allermeest naar de breedte van de bovenste rechthoek vullen te maken. Kleinere cirkels aan de linkerkant en de rechterkant, hen naar beneden een beetje lager te laten toevoegen. Selecteer alle de cirkels en verenigen ze in Pathfinder, verbergen de resulterende shape achter de horizontale rechthoek en uitlijnen op het midden. De rechthoek en

29 groeperen de golvende vorm. Stap 3 zet onze fractie van de begane grond achter de bungalow, het uitlijnen op het midden van de waterstand. Vormen een palmentuin op de achtergrond door onze palm plaatsen aan de achterzijde, het dupliceren en variërend van de grootte van de kopieën te vormen van een evenwichtige samenstelling.add a shining moon of #f2e9cb color with the Ellipse Tool (L), hiding it behind the palms, and create a square background which we will color using #fa8441.

30 Stap 4 te vullen de lege ruimte en voeg diepte toe aan ons landschap, een wolk-achtige vorm achter de maan maken met behulp van de Pen Tool (P) of de rechthoek Tool (M), waardoor de hoeken van het resulterende getal afgerond. Het toevoegen van eenvoudige silhouetten meeuwen, plaatsen hen over de cirkel van de maan te vliegen. Tijd om te ontspannen! Gefeliciteerd! Onze illustratie van een tropische bungalow op een palm beach is klaar! U kunt nu gebruik je verbeelding en voel de sfeer van de maanverlichte nacht, wanneer het tij is spatten, terwijl u ontspannen op uw houten stoel, verder te kijken dan de horizon. Ik hoop dat u genoten

31 van het proces en ontdekt iets nieuwe en nuttige langs de weg. Nu bent u kundig voor wekken uw eigen huizen op basis van de prachtige plaatsen waar u een dag mogen reizen. Deze tropische bungalow illustratie is slechts een deel van mijn Lodge, Chalet, Cottage en

32 Bungalow Huis ingesteld, en er zijn veel meer reizen en avontuur illustraties in mijn portfolio!