Hoe maak je een Winter City Scene in Adobe Illustrator en AD door Aliaksei Kruhlenia

Transcriptie

1 Hoe maak je een Winter City Scene in Adobe Illustrator en AD door Aliaksei Kruhlenia Wat je gaat creëren De winter komt eraan! Het is tijd om te genieten van de prachtige kerstsfeer, wandel over besneeuwde straten en luister naar kerstliederen terwijl je kijkt naar de lichten, slingers en decoraties van prachtige Europese steden.

2 In deze tutorial laten we de kerstmagie onze verbeelding vullen en creëren we een feestelijke stadsstraatillustratie. Zoals altijd kun je de tutorial overslaan en het resultaat pakken als een deel van mijn Christmas Travel Winter Backgrounds- collectie. En kijk voor nog meer Kerstmis geest op GraphicRiver. 1. Hoe een nieuw document te maken Eerst moeten we een nieuw document instellen ( Bestand> Nieuw of Controle-N ) met deze instellingen: Aantal tekengebieden: 1 Breedte: 1200 Hoogte: 1200 Eenheden: pixels Vanaf het tabblad Geavanceerd :

3 Kleurmodus: RGB Raster effecten: scherm Voorbeeldmodus: standaard Verwijder het vinkje bij Nieuwe objecten uitlijnen in pixelraster 2. Hoe een winterhuis te creëren Stap 1 Voordat we beginnen met het bouwen van ons eerste huis, moet je ervoor zorgen dat de slimme hulplijnen (Weergave> Slimme hulplijnen) zijn ingeschakeld. Deze optie helpt ons objecten gemakkelijker te verplaatsen en te plaatsen. Maak vervolgens een lichtblauwe rechthoek van 224 x 395 px #579dfe met behulp van het gereedschap Rechthoek (M) voor de hoofdvorm van ons gebouw. Maak een extra vorm van 224 x 50 pixels ( #754a3d ) en plaats deze op het onderste gedeelte van de grotere, in lijn met het midden.

4 Stap 2 Maak een kleine bruine ( #8a5e48 ) rechthoek die als een steen zal fungeren. Spreid de stenen over het onderste bruine deel van het gebouw door ze te kopiëren en te slepen, waarbij de textuur wordt nagebootst.

5 Stap 3 Laten we beginnen met het bouwen van een venster door een rechthoek van 33 x 75 px te maken die we zullen vullen #bad4f7. Selecteer het en ga naar Object> Pad> Offsetpad. Stel de offsetwaarde in op -3 px, en voeg daarbinnen een kleinere vorm toe. Stel de vorm in op #4a5c5e.

6 Stap 4 Selecteer de lichte buitenvorm en gebruik de methode Offsetpad opnieuw, door de offset in te stellen op 5 px om een omtrek te maken. Kleur het met blauw #447cc9. (1) Voeg een smalle streep met een breedte van 3 px toe en scheid ons venster in twee helften. Maak nog een horizontale lijn van dezelfde breedte, plaats deze in de bovenste helft van het venster. (2) Houd de horizontale lijn geselecteerd en kies het Reflectiegereedschap (O). Houd de Alt- toets ingedrukt en klik op het midden van de verticale streep. In de Reflect venster

7 optie, stelt u de Axis om horizontale en druk op Copy, als gevolg van de vorm om de onderste helft van het venster. (3) Groepeer (Control-G ) alle onderdelen samen.

8

9 Stap 5 Naast de grotere hebben we een kleiner venster voor het huis nodig. Maak een rechthoek van 33 x 52 pixels #bad4f7. Gebruik de optie Offsetpad en dezelfde kleuren als in de vorige stap en voeg een donkere binnenvorm, een blauwe omtrek en gekruiste verticale en horizontale strepen toe aan het venster.

10

11 Stap 6 Laten we verder gaan en ramen op de huisvorm plaatsen. Neem het grotere venster en sleep het naar het midden van de grote blauwe rechthoek. Houd de vorm geselecteerd en houd zowel de Shift- toets als de Alt- toets ingedrukt, sleep het venster naar rechts en maak een kopie aan de rechterkant. Om nog een kopie in dezelfde richting aan de linkerkant te krijgen, selecteert u gewoon het eerste venster en drukt u op Enter. Het keuzemenu Verplaatsen verschijnt. Voeg het " - " - symbool toe vóór de horizontale waarde zonder de waarde zelf te veranderen en druk op Copy.

12 Stap 7 Maak nog drie vensters in het bovenste deel van het gebouw.

13 Voeg vervolgens twee kleinere vensters toe aan de onderkant en laat een lege ruimte in het midden voor de ingang achter. Stap 8 Tijd om een toegangsdeur te maken. Maak een rechthoek van 60 x 119 px ( #8a5e48 ) en ga naar Object> Pad> Offsetpad, waarbij de offsetwaarde wordt ingesteld op 10 px. Wijzig de omtrekkleur in #447cc9. Voeg een horizontale rechthoek ( #4a5c5e ) toe aan het bovenste deel van de binnenvorm voor het deurvenster.

14 Stap 9 Laten we wat details aan de deur toevoegen door een horizontale streep ( #6e4539 ) rechts onder de onderste contouren van het deurvenster te maken. Plaats vervolgens een dunnere verticale lijn van dezelfde kleur op het midden van het bruine deel van de deur, waarbij de deur in twee delen wordt verdeeld. Bouw nog een rechthoek voor de besneeuwde drempel ( #b3def5 ) en lijn deze uit op het onderste gedeelte van de deur. Selecteer de twee bovenste ankers met het gereedschap Direct selecteren (A) en trek de cirkelindicatoren naar het midden, waardoor de hoeken afgerond worden.

15 Stap 10 Groepeer (Control-G) alle deurstukken samen en plaats de deur op het huis, in lijn met de onderkant. Neem het gereedschap Direct selecteren (A) en sleep, terwijl u Shift ingedrukt houdt, de onderkant van de blauwe deuromtrek naar boven en plaats deze op hetzelfde niveau als de bovenrand van het bruine stenen gedeelte. Stap 11

16 Voeg verschillende dunne strepen toe die over de boven- en onderrand van de vensters gaan, waardoor de gevel gedetailleerder wordt. Stap 12 Tijd om een dak voor ons huis te maken. Bouw een rechthoek van kleuren van 234 x 140 px #b3def5 op de bovenkant van het gebouw, overlappend met de bovenkant van het huis en enigszins rond de hoeken. Kopieer de dakvorm en klik op Control-B om een duplicaat achter het hoofdobject te krijgen. Verplaats het met een paar pixels omlaag met de pijltoets en verander de kleur naar donkerblauw ( #4075bd ), waardoor een schaduweffect ontstaat. Dupliceer de hoofdblauwe muurvorm. Selecteer vervolgens zowel de muurkopie als de dakkopie met de intersectfunctie van de Pathfinder om de vorm te snijden. Nu ziet de schaduw er natuurlijk uit.

17

18 Stap 13 Veel oude Europese huizen hebben mansard ramen, en ik hou echt van dit architectonische detail. Laten we twee zolderramen aan ons gebouw toevoegen. Maak gewoon een smalle witte rechthoek en draai deze door de Shift- toets ingedrukt te houden. Neem de Reflect Tool (O) en klik dan Alt-klik op het bovenste ankerpunt van onze vorm. In de Rotate panel, stelt de hoek tot 90 en klik op de Copy -knop. Maak beide vormen volledig afgerond en beweeg ze dichter bij elkaar. Voeg de afgeronde rechthoek samen in één vorm met behulp van de Unite- optie van Pathfinder. Deze vorm zal fungeren als een sneeuwmuts op de bovenkant van ons raam. Maak een kleine blauwe rechthoek eronder. Stap 14

19 Selecteer beide vormen met het selectiegereedschap (V), houd de Alt- toets ingedrukt en klik op de blauwe vorm. De selectie wordt dikker, wat aangeeft dat u nu uitlijnt met het keyobject. Ga naar het paneel Uitlijnen en klik op de knop Horizontaal uitlijnen. Neem het gereedschap Pen (P) en teken een driehoekige vorm ( #4075bd ) die recht op de bovenrand van de blauwe vorm zit en de gebogen witte vorm overlapt. Selecteer de witte gebogen vorm en ga naar Object> Orden> Naar voorgrond brengen, plaats het voor de andere delen. Stap 15 Maak een klein venster in de blauwe rechthoek op dezelfde manier als voorheen, met behulp van de functieoffset en de tool Rectangle (M). Groepeer (Control-G) alle stukken mansardedak samen en maak een spiegelkopie op het linkerdeel van het dak, door het Reflectiegereedschap (O) te nemen en op het midden van het dak te klikken terwijl je de Alt- knop ingedrukt houdt. Voeg witte afgeronde rechthoeken onder elk gevelpaneel toe voor besneeuwde raamlijsten. Het eerste huis is klaar!

20 3. Hoe meer winterhuizen maken Stap 1 Laten we naar het volgende grijze gebouw gaan met het ronde dak. Begin met het maken van een rechthoek van 225 x 395 px #4a5c5e. Maak nog een 145 x 90 px vorm van dezelfde kleur, plaats deze over de bovenste rand van de grotere en lijn deze uit op het midden ervan. Selecteer de twee bovenste hoeken, maak ze volledig afgerond en voeg

21 vervolgens de twee vormen samen tot één met behulp van de optie Unite op het deelvenster Pathfinder. Stap 2 Gebruik de methode Offset-pad om een decoratieve rand rondom het gebouw toe te voegen. Zet de kleur op #9ec5c9. Sleep de onderkant van de rand naar de bovenste vlakke rand van de huisvorm. Lijn de uitstekende randranden uit met de hoofdbehuizingbasis door ze te slepen met het gereedschap Direct selecteren (A).

22

23 Stap 3 Maak een ronde deur met een trap aan de onderkant. Gebruik de functie Live Corners om de bovenkant van de deur af te ronden, de methode Offset om een rand eromheen te maken en eenvoudige rechthoeken voor de trap. Gebruik #8a5e48 voor de hoofddeurkleur, #6e4539 voor donkerder bruin en #7c9b9e voor lichtgrijs. Plaats drie decoratieve strepen ( #7c9b9e ) op de gevel achter de deurgroep. Voeg een horizontale richel ( #9ec5c9 ) toe over de ingang en spreid er nog twee exemplaren van uit over de gevel van het gebouw, lege ruimtes achterlatend voor de toekomstige ramen. Plaats een zachte schaduw onder de onderste rand, waardoor de gevel meer driedimensionaal wordt. Vul de schaduwvorm met #4a5c5e en zet de overvloeimodus op vermenigvuldigen in het transparantiepaneel, terwijl u de dekking op 40% zet. Stap 4

24 Vorm een klein venster op dezelfde manier als we deden voor de vorige huis, met behulp van de Rectangle Tool (M) en de Offset pad optie. Gebruik #b3def5 kleur voor het raam en #7c9b9e voor het raamkozijn. Maak kleine decoratieve rechthoeken rond het venster, waarmee u ze vult #9ec5c9. Voeg een dunne horizontale vorm van dezelfde kleur toe voor de vensterlijst aan de onderkant. Om de richel een meer klassieke stijl te geven, maak je een cirkel over de richel, in lijn met het midden. Selecteer de richel en de bovenste cirkel en knip het bovenste deel van de cirkel door er met de Shape Builder Tool (Shift-M) op te klikken. Voeg beide vormen samen tot één met de Unite- optie van Pathfinder. Voeg een witte afgeronde rechthoek toe die de richel overlapt, die als een sneeuwmuts zal fungeren. Groepeer (Control-G) alle onderdelen samen. Stap 5 Verspreid de raamgroepen over het gebouw. Maak twee kleinere rechthoekige ramen en een cirkelvormig venster op het bovenste deel van de gevel.

25 Vorm twee grijze kolommen ( #7c9b9e ) onder de decoratieve rand en voeg vervolgens sneeuwkappen toe op de horizontale richels met behulp van witte afgeronde rechthoeken. Neem het gereedschap Pen (P ) en maak de gebogen vorm voor de helft van het besneeuwde dak ( #b3def5 ) aan de linkerkant van het gebouw. Rond de dakhoek en maak de vorm geselecteerd, maak een spiegelreflectie aan de rechterkant door met Alt op het bovenste bouwanker met het Reflectiegereedschap (O) te klikken. Vergeet niet om de as in te stellen op verticaal en op het einde op Copy te drukken, zoals we eerder deden. Het grijze gebouw is klaar. Groepeer (Control-G) alle stukjes bij elkaar.

26 Stap 6 Tijd om het laatste gebouw met een trapsgewijs dak te maken. Maak een rechthoek van kleur van 235 x 430 px #ffc45c. Beginnen met het vormen van het dak door een horizontale rechthoek op de bovenrand te plaatsen, waardoor deze aan de randen korter wordt. Voeg nog twee rechthoeken toe, de een boven de ander, waardoor elke rechthoek korter is dan de vorige.

27 Plaats een rechthoek van 235 x 140 px ( #822b1a ) aan de onderkant van het gebouw voor de begane grond. Voeg een smalle richel ( #e66340 ) boven de bovenrand toe.

28 Stap 7

29 Kopieer het venster van het eerste blauwe huis en maak het buitenste gedeelte breder terwijl je het raam aan de boven- en onderrand korter maakt. Verander de kleuren met gebruik #e66340 van het rode buitenste gedeelte, #7c9b9e voor het glas en #4a5c5e voor het raamkozijn. Voeg een witte ellips toe aan het bovenste deel van het venster, maak een lijn die over de ellipsvorm boven het midden gaat en gebruik de optie Delen van de Pathfinder bij het selecteren van de lijn en de ellips. Verwijder de onderste helft van de vorm en vorm een sneeuwmuts. Voeg een witte afgeronde rechthoek aan de onderkant van het venster toe voor een besneeuwde rand. Groepeer (Control-G) alle onderdelen samen. Maak meer kopieën van de vensters en rangschik ze op de gevel in elke symmetrische positie die u interessant vindt.

30

31 Stap 8 Render het grote raam voor de begane grond. De meeste manipulaties zullen hetzelfde zijn als voor de vorige objecten. Begin met het maken van een 64 x 64 rechthoek voor de vensterglas ( #7c9b9e ). Met behulp van de Offset- methode voeg je er twee contouren aan toe, gebruik je #754a3d voor de lichtere bruine en #5b1b14 voor de donkere. Voeg een verticale smalle streep toe en maak het raamkozijn af. Klik op het vensterglas en maak eenvoudige gordijnen van de donkerdere kleur met het gereedschap Pen (P), en knip de opvallende delen af met het Shape Builder Tool (Shift- M). Begin met het maken van een parasol door een rode ( #e84b4a ) rechthoek te maken, waarbij de bovenste hoeken worden afgerond. Voeg een paar verticale strepen ( #e8dddd ) op de parasol toe, snij de ongewenste stukken af en plaats een zachte schaduw onder de rand. Voeg een sneeuwmuts toe aan de bovenkant van de parasol en een besneeuwde rand naar beneden. Dan Group (Control-G) de objecten.

32 Stap 9 Maak een kopie van het venster aan de linkerkant, verander de kleur in geel ( #ffb636 ) en bouw een eenvoudige dennenboom om een kerstgevoel toe te voegen. Zet de kleuren van de dennenboom en de gordijnen donkerder geel. Klik op de hoofdgele vorm en maak een eenvoudige schuine schaduw ( #eba04b ) met het gereedschap Pen (P). Werk het gebouw af door #e66340 hier en daar oranje ( ) stenen te plaatsen en richels boven de bovenranden van het getrapte dak. Bedien (Control-G) alle onderdelen samen.

33 4. Hoe maak je een Winter Cityscape-compositie Stap 1 Laten we onze huizen in een rij plaatsen en een rechthoek van 1200 x 1200 px ( #94cdeb ) voor de achtergrond toevoegen. Gebruik het paneel Uitlijnen om de gebouwen onderaan uit te lijnen.

34 Stap 2 Verander de dakkleuren van de blauwe en grijze huizen in wit, voeg meer contrast toe aan de illustratie.verander de kleur van de sneeuwkappen op de zolderramen in donkerblauw. Maak een witte afgeronde rechthoek voor het maaiveld en maak een subtiele schaduw aan de onderkant door er een kopie ( #b3def5 ) achter te maken en deze een paar pixels naar beneden te verplaatsen. Teken #87c0de met de Pen-tool (P) eenvoudige silhouetten van andere gebouwen ( ) achter de huizen, en voeg meer diepte toe aan de illustratie.

35 Stap 3 Maak met behulp van eenvoudige vormen en het gereedschap Pen (P) een straatlantaarn en kleur deze in met de volgende instellingen: #4a5c5e voor het donkerdere grijs #586e70 voor het lichtere grijs #ffb636 voor het gele glas #d49322 voor de lamp Sleep de lantaarn op de afbeelding, plaats deze aan de linkerkant bij het blauwe huis en maak een nieuwe kopie aan de rechterkant in de buurt van het gele gebouw.

36 Stap 4 Laten we onze lantaarns laten schijnen. Maak gewoon een witte cirkel achter een van de lantaarns en vul deze met een radiale gradiënt van wit naar zwart, verander de mengmodus naar scherm. Dubbelklik op de schuifregelaar van linksonder en verander de witte kleur in geel ( #feb02a ). Verplaats vervolgens de schuifregelaar van de linkerbovenhoek enigszins naar rechts. Kopieer het verloop en plaats het achter de tweede lantaarn.

37 Stap 5 Nu maken we een sneeuwvlok. Teken het hoofdformulier met behulp van het gereedschap Pen (P) en de afbeelding hieronder als referentie (1). Gebruik #daeffa voor de kleuring.

38 Om het afgeronde bovenste gedeelte toe te voegen, maakt u gewoon een afgeronde rechthoek en verwijdert u de bovenste helft met behulp van het gereedschap Direct selecteren (A). (2) Groepeer (Control-G) alle onderdelen. Neem de Rotate Tool (R) en klik op het onderste anker terwijl je de Alt- knop ingedrukt houdt. Voer 90 in voor de hoekwaarde en druk op Kopiëren. Houd de kopie geselecteerd, druk twee keer op Control-D, maak nog twee kopieën en maak de sneeuwvlok af. (3) Groepeer (Control-G) alle onderdelen samen. Kopieer en verander de formaten, spreid de sneeuwvlokken over onze scène en vorm een evenwichtige compositie. Voeg een paar cirkels toe om kleinere sneeuwvlokken te imiteren.

39

40 Advertentie Stap 6 Neem een kijkje in je winters tafereel en kijk of je nog iets anders wilt maken: misschien een extra sneeuwmuts, wat meer details over de huizen, of licht uit de ramen. Ik heb ervoor gekozen om meer kerstsfeer toe te voegen aan de illustratie en klassieke kerstsymbolen te maken, zoals een krans, slingers, bellen, een pijnboom en enkele andere versieringen. Ook heb ik een paar sneeuwkappen toegevoegd aan het trapdak van het gele huis.

41 Geweldig werk! Hartelijk gefeliciteerd! Goed werk! We zijn erin geslaagd om een trendy flat-style winterstadscène te creëren. Nu zijn we klaar voor de kerstvakantie! Deze illustratie is slechts een deel van mijn Christmas Travel Winter Backgrounds- collectie. En kijk voor nog meer Kerstmis illustraties op GraphicRiver. Ik hoop dat je genoten hebt van het proces en wat nuttige tips en trucs hebt geleerd voor je toekomstige illustraties. Deel gerust hoe uw project is verlopen of stel vragen in de opmerkingen hieronder. Fijne kerstvakantie!

42