In deze zelfstudie laat ik je zien hoe je een natuurlijk berglandschap creëert in platte ontwerpen met behulp van de meest eenvoudige vormen en gereedschappen van Adobe Illustrator.
Als je de tutorial wilt overslaan, kun je het resultaat gewoon kopen als onderdeel van mijn pakket Camping Travel Landscape. Vind meer inspiratie voor reizenontwerpen op GraphicRiver.
Eerst moeten we een instellen Nieuw document (Bestand> Nieuw of Besturing N) met deze instellingen:
Van de Geavanceerd tabblad:
Het zou een goed idee zijn om ons project met lagen te organiseren, omdat we op deze manier gemakkelijk kunnen focussen op elk deel van ons landschap.
Breng de Lagen paneel en maak vijf lagen en hernoem ze allemaal als volgt:
Slot alles behalve de eerste "meerlaag". Naar Slot lagen, klik op de Kolom bewerken knop (rechts van het oogpictogram) in de Lagen paneel voor elke laag die u wilt vergrendelen.
Ik geef er de voorkeur aan het sneller te doen Alt-klikken de Kolom bewerken knop in de Lagen paneel voor de enige laag Ik wil ontgrendeld blijven.
Begin met het bouwen van een bergmeer door een 900 x 58 px lichtblauw # 4bafe3
rechthoek in het onderste gedeelte van het tekengebied met behulp van de Rechthoekgereedschap (M).
Maak er nog een 580 x 40 px vorm van dezelfde kleur, plaats hem onder de onderkant van de eerste dichter bij de linkerkant.
De ... gebruiken Direct selectie gereedschap (A), selecteer de hoeken van de grote rechthoek of klik gewoon in de vorm en houd ingedrukt Verschuiving. Je kan de ... zien Live Corner widget getoond in de hoeken. Maak de hoeken van de shape volledig afgerond door de cirkelindicatoren naar het midden te trekken. Je kan ook gebruiken Effect> Stileer> Ronde hoeken.
Gebruik dezelfde methode om de hoeken van de kleinere rechthoek af te ronden.
Selecteer beide objecten en voeg ze samen in één object met behulp van de Verenigen optie van de verkenner paneel.
Selecteer de blauwe vorm en Kopiëren het, met behulp van Besturing C. Klik Controle-Bom een te krijgen Duplicaat achter het hoofdobject. Verplaats het een paar pixels lager en verander de kleur in # 406e85
.
Selecteer de bovenste rand van de lichtblauwe figuur met de Direct selectie gereedschap (A) en Kopiëren het door te klikken op Besturing C. druk op Controle-F om een te krijgen Duplicaat van de bovenste zijlijn voor de hoofdvorm. Verander de Vullen kleur van de regel naar Geen en Beroerte kleur naar zwart. Stel de Beroerte gewicht aan 3-4 px, de streep laten opvallen van de hoofdvorm.
Kies de regel en ga naar Effect> Vervormen en transformeren> Zig Zag. Verander de Grootte waarde voor 3 px, absoluut. En instellen Randen per segment gelijk aan 27. kiezen Soepele punten en klik OK, de golvende lijn halen. Ga naar Object> Uiterlijk uitbreiden om het effect toe te passen.
Selecteer zowel de linker- als de rechterzijankering van de golfstrip met de Direct selectie gereedschap (A), en gebruiken Besturing J om zich bij het open pad aan te sluiten, waardoor het een gesloten vorm krijgt.
Sleep de resulterende golvende vorm rechts op de bovenrand van de hoofdblauwe figuur en verander deze Vullen kleur naar # 4bafe3
en Beroerte kleur naar Geen. Selecteer de golvende vorm samen met de grote blauwe vorm en voeg ze samen in één object, met behulp van de Verenigen optie van de verkenner paneel.
Kies het blauwe hoofdformulier en druk op invoeren om de te openen verhuizing venster. Stel de Horizontale positie waarde voor 0 px en de Verticale positie waardenaar -10 px, en klik op de Kopiëren knop. Stel de Vullen kleur van de nieuwe vorm aan # 73d0ff
en plaats het aan de achterkant met behulp van Shift-Control- [.
Herhaal alle acties voor de nieuw gecreëerde figuur om een andere te krijgen Duplicaat erachter. Verander de Vullen van de tweede kopie naar # ace5f6
.
Groep alle vormen samen met Controle-G, ze uitlijnen met het midden van het tekengebied.
Nu gaan we wat details aan het meer toevoegen om het meer echt te maken.
Neem de Ellips-tool (L) en maak een 22 x 10 px ellips, vullen met # ace5f6
kleur. Converteer de linker en rechter ankerpunten van vloeiende naar scherpe hoeken door erop te klikken met de Anchor Point Tool (Shift-C), de bladachtige vorm krijgen (1).
Trek een horizontale lijn over het midden van de figuur die door beide scherpe ankers gaat. Verdelen beide vormen in verkenner (2), Ontkoppelen (Control-Shift-G) hen, en Verwijder de bovenste helft (3).
Gebruik de verhuizing optievenster om nog twee kopieën op dezelfde afstand te maken (4). Groep (Control-G) alle vormen.
Verspreid de kopieën van onze groep over het meer en maak de glinsterende reflecties van de zon (5), zoiets als wat we op het wateroppervlak zien op een zonnige dag.
Maak een 8,5 x 21 px ellips van # fff75a
kleur met behulp van de Ellipse Tool (L). Klik op het bovenste anker met deAnchor Point Tool (Shift-C), het converteren naar een scherpe hoek.
Selecteer de linker en rechter ankers van de ellips met de Direct selectie gereedschap (A) en verplaats ze een paar pixels naar beneden, wat resulteert in een druppelachtige vorm.
Kies de gele vorm, neem de Roteer gereedschap (R), en dan Alt-klik op het onderste ankerpunt van onze figuur. In de Draaien paneel, stel de Hoek naar 20 ° en klik op de Kopiëren knop. druk op Controle-D nog een keer om de laatste actie te herhalen en nog twee exemplaren te krijgen. Selecteer beide exemplaren en verplaats ze een beetje naar de onderkant.
Bewaar de kopieën geselecteerd, kies de Reflect Tool (O). De alt toets, klik op het bovenste anker van de verticale gele figuur. In de reflecteren optievenster, stel de As naar Verticaal en druk op Kopiëren, Beide vormen reflecteren aan de rechterkant van de verticale vorm. Groep (Control-G) de gele vormen. Het zal de bloesem van de waterlelie zijn.
Bouw een 62 x 6.5 rechthoek, Vulling het met # c1db35
en het maken van de hoeken afgerond met behulp van de Live Widget voorzien zijn van.
Plaats de gele bloesem dichter bij de rechterkant van de groene figuur en verberg het onderste deel achter de rechthoek.
Maak een 13 x 13 px cirkel gevulde hiermee # fff75a
kleur en stuur het terug met Object> Schikken> Naar achteren verzenden. Plaats de cirkel dichter bij de rechterkant van de groene rechthoek en verberg de onderkant achter de figuur. Groep (Control-G) alle delen samen.
Gebruik dezelfde methoden als in de vorige twee stappen om een kleine vis van te maken # ace5f6
kleur.
Verspreid de kopieën van vissen en waterlelies over het oppervlak van het meer, zoals in het onderstaande voorbeeld.
Slot alle lagen maar de "hoofd" laag.
Laten we beginnen met het maken van de lisdodde door een te bouwen 1,7 x 55 px verticale rechthoek, met # 66801b
voor de kleur van de stengel.
Maak er nog een 4,25 x 17 px rechthoek, die we zullen kleuren met# 696354
. Gebruik de Live hoeken functie om de hoeken van de vorm volledig afgerond te maken.
Zet de bruine vorm op de bovenkant van de groene stengel, waardoor het onderste deel over de bovenkant van de stengel valt en op het midden uitkomt.
De ... gebruiken Pen gereedschap (P), teken eenvoudige driehoekige vormen van # 66801b
kleur voor de bladeren op het onderste deel van de stengel. Groep (Control-G) alle biesdelen samen.
Bouw een 82 x 78 px rechthoek van # c1db35
kleur, waarbij het bovenste deel volledig is afgerond met behulp van de Live hoeken voorzien zijn van. Teken een verticale lijn die over het midden en het bovenste anker van de vorm loopt.
Verdelen beide vormen in verkenner en Ontkoppelen (Control-Shift-G) hen. Kleur de linker helft in met # 79981f
. Maak een kleine cirkel van # 99ba38
kleur op de rechter helft van het grote figuur. Kopiëren de cirkel en spreid de kopieën over het rechterdeel, waardoor het getextureerd wordt. Groep (Control-G) alle delen samen. Dit zal de bush zijn.
Maak een kleinere Kopiëren van de struik dichtbij de eerste en sleep beide struiken aan de linkerkant van het meer, verbergend hun bodemdelen achter de golven.
Maak enkele exemplaren van de bies die we eerder hebben gemaakt en plaats ze aan de rechterkant van het meer, waarbij je het onderste gedeelte van de stengels achter de waterlijn verstopt.
Begin met het maken van de oever door een 1075 x 57 px rechthoek met een # a2c430
Vullen kleur. Maak als volledig afgerond en lijn het uit naar het midden van het meer. Stuur het naar achteren met Object> schikken> naar achtergrond verzenden.
Selecteer de groene rechthoek en Kopiëren het met Besturing C. Klik Controle-B om een te krijgen Duplicaat achter het hoofdobject. Verplaats het met een paar pixels en verander de kleur in # 406e85
. Groep (Control-G) de rechthoeken en plaats ze achter het meer.
Laten we doorgaan met het toevoegen van details aan de kust door een 14 x 14 px rechthoek met een # 79981f
Vullen kleur. Kies de Ankerpunttool toevoegen (+) en klik op het midden van de bovenrand van de rechthoek en voeg nog een ankerpunt toe. Verwijder de linker en rechter bovenste ankers met de Ankerpunttool verwijderen (-), de driehoek krijgen (1).
Selecteer de driehoek met de Selectie gereedschap (V) en druk op invoeren om de te openen verhuizing optievenster. Stel de Horizontale positie waarde voor 0 px en Verticale positie waardenaar 14 px, en klik op de Kopiëren knop. druk op Controle-D om de actie te herhalen en door te drukken op Controle-D om 17 exemplaren toe te voegen (2). Groep (Control-G) Hun samen. Dit zal het gras zijn.
Maak een 110 x 100 px omcirkelen met een # 7a7462
Vullen kleur. Teken een horizontale lijn die over de middelste en zijste ankers van de vorm gaat. Selecteer beide figuren en Verdelen hen, met behulp van de verkenner paneel (3). Ontkoppelen (Control-Shift-G) de vormen en Verwijder het onderste deel. Dit figuur zal fungeren als een steen. Maak een kleinere steen van # 8f8873
kleur (4).
Combineer en kopieer stenen en gras, spreid ze uit achter de grondrechthoek. Vergeet niet te gebruiken Object> schikken> naar achtergrond verzenden voor de objectenom ze achter de grond te plaatsen. Voeg een of meer exemplaren toe van de struik die we eerder hebben gemaakt. Je kunt het gebruiken en het onderstaande voorbeeld als een referentie (5), maar voel je vrij om verschillende combinaties van gras, struiken en stenen te maken.
Nu gaan we werken aan de bosachtergrond. Bouw een 1030 x 40 px rechthoek met # d0f341
kleur, uitgelijnd met het midden van het tekengebied. Rond de hoeken, stuur het naar achteren met Object> schikken> naar achtergrond verzenden, en plaats deze achter de grotere groene rechthoek, waardoor het onderste gedeelte de bovenste rand van de grotere figuur overlapt.
Om het bos te vormen, hebben we twee soorten bomen nodig: sparren in de vorm van een driehoek en bladbomen in de vorm van een cirkel.
Maak een 140 x 235 px rechthoek met een # d0f341
Vullen kleur. Klik op het midden van de bovenrand van de rechthoek met de Ankerpunttool toevoegen (+), nog een ankerpunt toevoegen. Verwijder de linker en rechter bovenste ankers met de Ankerpunttool verwijderen (-), de driehoek krijgen.
Maak een verticale lijn die over het midden en het bovenste anker van de vorm loopt. Verdelen beide figuren in verkenner en Ontkoppelen (Control-Shift-G) ze kleuren de linker helft in # a2c430
. Maak een kleine rechthoek van # a2c430
kleur, Kopiëren het, en verspreid de kopieën over het rechterdeel van de boom, waardoor het getextureerd wordt. Groep alle delen en stuur de boom naar achteren met Object> schikken> naar achtergrond verzenden.
Laten we de kroon van de tweede boom maken door een te bouwen 165 x 165 cirkel die we zullen Vullen met # d0f341
kleur.
Teken een verticale lijn over het midden en verankeringen van de vorm.
Verdelen beide vormen in verkenner en Ontkoppelen (Control-Shift-G) hen. Kleur de linker helft in met # a2c430
. Voeg enkele kleine afgeronde rechthoeken toe van # a2c430
kleur naar de rechterhelft voor een gestructureerd effect. Voeg een stam met een toe # 7a7462
Vullen kleur naar de onderkant van de kroon.
Groep (Control-G) alle onderdelen en stuur ze naar achteren met Object> schikken> naar achtergrond verzenden.
Laten we onze bomen achter elkaar plaatsen achter de afgeronde rechthoekige vorm, dupliceren sommige van hen en variërend in grootte om een uitgebalanceerde compositie te vormen. Voeg nog enkele penselen toe die we al hebben gemaakt.
Laat een lege ruimte in het midden van het bos voor de heuvels en de bergen die we in de volgende stappen zullen creëren. Het resultaat zou er als volgt uit moeten zien:
Slot alle lagen behalve de laag "heuvels".
Met de hulp van de Pen gereedschap (P), maak de golvende vorm met een # 8ead28
Vullen kleur.
Selecteer het cijfer en kies vervolgens de Reflect Tool (O) en, vasthouden van de alt toets, klik op het anker rechtsonder. In de reflecteren optievenster, stel de As naar Verticaal en druk op Kopiëren, weerspiegelt de vorm naar de rechterkant.
Beide vormen samenvoegen tot één met de Verenigen optie van de verkenner paneel, de heuvel op.
Zet de heuvel achter de hoofdscène en plaats hem dichter bij de rechterkant. Maak een kleiner Kopiëren van de donkerdere groene kleur (# 79981f
) aan de linkerkant van het landschap en verberg het achter de eerste vorm. Alle zij- en benedendelen van onze heuvels moeten verborgen zijn achter de bomen, struiken en het maaiveld.
Selecteer eerst de linkerheuvel die we in de vorige stappen hebben gemaakt.
Klik met de rechtermuisknop en kies Isoleer geselecteerde groep uit het vervolgkeuzemenu. De geïsoleerde heuvel verschijnt in kleur, terwijl de rest van het kunstwerk grijs wordt weergegeven.
Neem de Pen gereedschap (P) en bouw een verticale zigzaglijn die de heuvelvorm kruist. Stel de Vullen van de regel naar Geen, de Beroerte gewicht naar 9 px, en de Lijnkleur naar # 66801b
. Maak de hoeken van de lijn afgerond door ze te kiezen met de Direct selectie gereedschap (A) en slepen van de Live hoeken markers.
Kies de regel en ga naar Object> Uitbreiden. Controleren de Beroerte optie, en haal het vinkje weg de Vullen optie, druk op OK. Onze slag zal transformeren in een gevulde vorm
Laten we de delen van het pad afsnijden die buiten de heuvel staan. Selecteer het overlappende pad samen met de heuvelvorm en gebruik de Shape Builder Tool (Shift-M) door de knop ingedrukt te houden alt sleutel en klikken op de ongewenste stukken om Verwijder hen.
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.
ontsluiten de "hoofd" laag. Selecteer een blad en een dennenboom en Kopiëren hen. Slot de "hoofd" laag opnieuw en ga terug naar de laag "heuvels". druk op Ctrl-V of ga naar Bewerken> Plakken, de kopieën van onze bomen op de laag "heuvels" krijgen.
Verspreid de bomen over de heuvels, dupliceren sommige van hen en variërend in grootte om de lege ruimte te vullen.
Maak silhouetten van de heuvels op de achtergrond door te maken duplicaten van de eerder gecreëerde heuvels, verander hun Vullen kleuren naar # 515c1b
en het maken van langere of kortere vormen met behulp van de Selectie gereedschap (V).
Je zou zoiets als dit moeten krijgen:
Slot alle lagen maar de laag "bergen".
Laten we beginnen met het vormen van de bergvorm door een 582 x 540 px rechthoek, Vulling het met # 99927b
kleur.
Neem de Ankerpunttool toevoegen (+) en klik op het midden van de bovenrand van de rechthoek en voeg nog een ankerpunt toe. Verwijder de linker en rechter bovenste ankers met de Ankerpunttool verwijderen (-), de driehoek krijgen.
Met de hulp van de Line Segment Tool (/), bouw een 400 px breedte zwart Beroerte zonder Vullen, positionering onder het bovenste deel van de rechthoek, waardoor een opening van ongeveer 200 px vanaf het bovenste anker en uitgelijnd met het midden van de rechthoek.
Selecteer de regel en ga naar Effect> Vervormen en transformeren> Zig Zag. Stel de Grootte waarde voor 10 px, absoluut. En instellen Randen per segment gelijk aan 9. kiezen Soepele punten en klik OK. Ga naar Object> Uiterlijk uitbreiden om het effect toe te passen.
Kies de driehoekvorm en Kopiëren het gebruiken Besturing C. Klik Controle-F om een te krijgen Duplicaat op de top van de driehoek. Selecteer het duplicaat en de regel met de Verdelen optie van de verkenner paneel, onze driehoek in twee vormen verdelen. Ungroup ze en verwijder het onderste deel. Kleur het bovenste overgebleven figuur met # e2f0e9
, de besneeuwde top van de berg halen.
Maak een smallere Kopiëren van de driehoek voor de eerste en verander zijn kleur in # 99927b
, lichte schaduwen op de berg vormen. Bouw een smallere Duplicaat van het schaduwgedeelte aan de voorkant ervan, waarmee het nieuwe wordt ingekleurd # 87806c
.
Nu ziet onze berg er gedetailleerder en interessanter uit.
Nu het basiszicht op de berg gereed is, laten we een vlakke schaduw toevoegen die de ene helft van de rots bedekt.
Selecteer de vorm van de driehoek van de achterkant, Kopiëren het en Plak aan de voorkant (Control-C> Control-F). Houd het duplicaat geselecteerd en ga naar Object> Schikken> Naar voorgrond brengen, het plaatsen van de kopie voor de berg. Selecteer het anker rechtsonder van de driehoek met de Direct selectie gereedschap (A) en sleep het naar het midden, in lijn met het middelste anker.
Verander de Overvloeimodus van de resulterende driehoek naar Vermenigvuldigen tijdens het verlagen van de ondoorzichtigheid niveaus naar 40% in de Transparantie paneel, de schaduw krijgen. Groep (Control-G) alle bergdelen samen.
Zet de berg op de hoofdscène en verberg het onderste gedeelte achter de heuvels. Maak twee kleinere bergen links en rechts van de hoofdrots, waardoor ze de grotere berg overlappen en ervoor plaatsen.
Vorm nog twee driehoekige berg silhouetten met een # 659cad
Vullen kleur achter het hoofdlandschap, afwerking van de compositie.
We zijn bijna klaar met ons berglandschap. Maar we hebben nog steeds een achtergrond nodig met lucht, zon en wolken.
Laten we beginnen vergrendelen alle lagen behalve de "luchtlaag".
Bouw een 1200 x 1200 px plein van # 77b8cc
, uitlijnen met het midden van het tekengebied.
Vul wolkenachtige vormen in om de lege ruimte te vullen en diepte aan het landschap toe te voegen # 9accdb
kleur achter de bergen met behulp van de Pen gereedschap (P) of de Rechthoekgereedschap (M), de hoeken van de resulterende figuren afgerond maken.
Begin met het bouwen van de cloud door twee overlappende cirkels te maken met de Ellipse Tool (L), hun instellen Vullen en Beroerte naar de standaard zwart-witte kleuren. Schakel over naar de Rechthoekgereedschap (M) en plaats een smalle streep op de bodem van de wolk, laat deze iets lager vallen dan de onderkant van de grote cirkel.
Verenigen alle vormen in de verkenner om een enkel object te maken. Verander de Vullen kleur naar # e2f0e9
en streek naar Geen. Maak nog een paar wolken van verschillende grootte en spreid ze uit over de lucht, terwijl je een lege ruimte voor de zon achterlaat.
Bouw een 105 x 105 px cirkel die we zullen kleuren met # fff45a
. Teken een verticale lijn over het midden van de cirkel, met behulp van de Lijnsegmenthulpmiddel (\). De lijn en de cirkel geselecteerd houden, Verdelen hen in de verkenner. Ontkoppelen (Control-Shift-G) de vormen en kleuren waarmee de linker helft is # fde23d
.
Bouw er nog één 144 x 144 px cirkel van # fbcd30
kleur, plaats het achter de eerste, in lijn met het midden. Selecteer de grote cirkel en ga naar Effect> Vervormen en transformeren> Zig Zag. Stel de Grootte naar 5 px, absoluut. En instellen Randen per segment gelijk aan 10. kiezen Soepele punten en klik OK. Ga naar Object> Uiterlijk uitbreiden om het effect toe te passen.
Groep alle zonvormen samen en plaats deze op de hoofdscène.
ontsluiten alle lagen.
Goed werk! Onze vlakke bergomgeving is voltooid. U kunt uw verbeelding gebruiken en verder spelen en details toevoegen totdat u volledig tevreden bent met het resultaat.
Deze illustratie van het berglandschap maakt slechts een deel uit van mijn Camping Travel Landscape en er zijn veel meer reis- en avonturenillustraties in mijn portfolio!
Ik hoop dat je een aantal nieuwe tips en trucs hebt ontdekt die je kunt gebruiken om in de toekomst prachtige illustraties te maken. Deel gerust uw resultaten in de opmerkingen hieronder.