Maak een flitsende stadsgezicht in perspectief, met behulp van Illustrator CS5

De Perspective-hulpmiddelen in Illustrator CS5 maken het veel eenvoudiger om in een perfect één-, twee- of driepuntsperspectief te tekenen. Het gebruik van symbolen in combinatie met de Perspective-tools zal snel werk maken van dit gestileerde stadsbeeld.

Opnieuw gepubliceerde zelfstudie

Om de paar weken bekijken we enkele van onze favoriete lezers uit de geschiedenis van de site. Deze tutorial werd voor het eerst gepubliceerd in april 2011.


Stap 1

Klik op de Perspectiefraster. Er verschijnen twee dingen in uw tekengebied: het Perspectiefraster en de Actief vlak-widget. U kunt de plaatsing van de Widget wijzigen door te dubbelklikken op de Perspective Grid Tool om de opties te openen. De Widget kan alleen in een van de vier hoeken worden geplaatst - je kunt hem niet vrij bewegen.

Een standaard 2-punts raster is de standaardinstelling. Als u iets als het bovenstaande raster niet ziet, gaat u naar Beeld> Perspectiefraster> Tweepuntsperspectief en kiest u de voorinstelling Normaal.

Gebruik de Perspectiefraster om de Horizon-lijn naar beneden te verplaatsen, dicht bij het maaiveld. Dit geeft een dramatisch perspectief met overdreven verdwijnpunten.

Als u wilt, kunt u dit raster opslaan als een voorinstelling om te gebruiken voor toekomstige illustraties. Ga naar Beeld> Perspectiefraster> Grid opslaan als voorafset om dit te doen.


Stap 2

Als je de Perspective-hulpmiddelen nog niet eerder hebt gebruikt, krijg je een idee van hoe ze werken door een paar vormen in perspectief te tekenen. Zorg er eerst voor dat het raster zichtbaar is en klik op het linker vlak (donkerblauw) op de Widget. Neem nu het Rechthoekgereedschap (M) en teken op het linker vlak. Uw rechthoek wordt in perspectief getekend, op het raster vastgezet. Merk op dat het vizier van de cursor nu een naar links wijzende pijl ernaast heeft.

Dit is een visuele keu die u laat weten welk vlak actief is terwijl u tekent. Schakel nu over naar het gereedschap Perspectief selecteren (Shift + M) en verplaats de rechthoek. Je zult zien dat de hoekpunten van de rechthoek vast zijn in plaats van hol en er zwaarder uitzien dan de hoekpunten, wat aangeeft dat de vorm in perspectief is. Terwijl u het verplaatst, blijft het object in perspectief, zelfs als u het van het zichtbare raster verwijdert.


Stap 3

Selecteer het juiste vlak (oranje) en teken een andere rechthoek. Zet het op een lijn met de eerste en je hebt de basisstructuur van een gebouw in perspectief.

U kunt nu elementen, zoals vensters, toevoegen door een kleinere rechthoek te tekenen en deze een aantal keer met het gereedschap Perspectiefselectie kopiëren om een ​​rij te maken (of één kopie slepen en vervolgens op Command + D drukken om nog een paar te maken). ). Alle volgende exemplaren blijven in het juiste perspectief.


Stap 4

Je kunt doorgaan met het tekenen van meer rechthoeken en ze in één vlak op een rij plaatsen, maar dat kan vervelend worden. Een snellere methode is om de gebouwen plat te bouwen (dat wil zeggen niet in perspectief), ze vervolgens in symbolen te maken en ze vervolgens op het raster te plaatsen.

Kies een lichtere en donkerdere variant van één kleur (ik deel gedeeltelijk van sinaasappel) en maak een paar eenvoudige bouwvormen. Je zult deze later met hellingen verbeteren, maar houd hem voorlopig nog steeds eenvoudig. Maak een set die lichter is en een andere versie met de donkerdere kleur. Deze worden gebruikt voor de lichte kant van de illustratie en de gevels van gebouwen die in de schaduw liggen.


Stap 5

Sleep elk gebouw naar het paneel Symbolen. Je kunt elke naam een ​​naam geven als dat helpt om ze bij te houden - het kan moeilijk zijn om te zien wanneer je ernaar kijkt in miniatuurweergave.


Stap 6

Sleep een "lichter" -symbool naar het kunstboard. Zorg ervoor dat het linker vlak actief is en sleep met het gereedschap Perspectiefselectie (Shift + V) het symbool op zijn plaats. Je zult zien dat het in perspectief snapt. Doe dit nog een paar keer, houd de lichtere gebouwen op het linker vlak.

Doe hetzelfde met de donkere bouwsymbolen, plaats ze op het juiste vlak. Kies het vlak op de widget of druk op "3" om het te activeren.


Stap 7

Als je een lichte en donkere bouwvorm hebt geplaatst waar de twee vlakken elkaar kruisen, zul je merken dat elke zijde overeenkomt. Maar als je probeert een donkere kant toe te voegen aan een lichte vorm die verder links van het snijpunt ligt, zal de nieuwe vorm niet uitlijnen. De reden hiervoor is dat als u een object sleept dat in perspectief is op het juiste vlak en het probeert te vergelijken met het rechtse, de linkervorm tijdens het slepen in omvang toeneemt, omdat deze blijft vasthouden aan het perspectiefraster.

Dus wat je moet doen, is die vorm loodrecht in perspectief slepen.

Selecteer de vorm met het gereedschap Perspectiefselectie, houd de '5'-toets ingedrukt en sleep deze naar links. Een regel geeft aan dat u loodrecht sleept.


Stap 8

Ga door met het bouwen van gebouwen op deze manier, totdat elke gevel een bijpassende kant heeft. Je zult waarschijnlijk een aantal vormen achter anderen moeten sturen, wat je kunt doen zonder het perspectief te beïnvloeden.


Stap 9

Zodra alle gebouwen naar wens zijn ingericht, zoomt u in en zorgt u ervoor dat elke zijde van elk gebouw netjes is uitgelijnd. Ze hoeven niet te worden uitgelijnd op een rasterlijn, maar als u een object met de pijltjestoetsen aanstuurt, wordt het naar de dichtstbijzijnde geknipt.


Stap 10

Als u de illustratie wat Pools wilt geven, voegt u gradiënten toe aan elke vorm van het gebouw. Om dit te doen, moet je eerst de shapes uit het Perspective Grid vrijgeven. Selecteer een vorm en ga naar Object> Perspectief> Vrijgeven met perspectief. Hiermee wordt de link naar het symbool verbroken, zodat u nu het uiterlijk van elk object kunt wijzigen.


Stap 11

Maak een reeks verlopen die bestaan ​​uit uw twee originele kleuren, met in elk een donkerdere en lichtere kleur. Terwijl u de vormen kleurt, gebruikt u de verlopen om het dieptegevoel in het stadsbeeld te verbeteren. Visualiseer de lichtbron en kleur de gebouwen dienovereenkomstig, met behoud van een samenhangende uitstraling.

Toegepast zorgvuldig, kunnen gradiënten ook diepte en interesse aan de vensters en details van de gebouwen toevoegen.


Stap 12

Nu zullen we de reflectie maken. Maak een nieuwe laag onder de eerste laag. Selecteer het hele stadsbeeld en klik op het kleine gekleurde vierkantje in het deelvenster Lagen. Houd de Alt-toets ingedrukt en sleep het vierkant naar de nieuwe laag. Hiermee maakt u een kopie van de objecten op de onderste laag. Vergrendel of verberg de bovenste laag.


Stap 13

Terwijl de kopie nog steeds is geselecteerd, dubbelklikt u op het Reflectiegereedschap en geeft u de objecten horizontaal weer. Sleep de gereflecteerde kopie naar beneden, zodat deze net onder het origineel komt. Dit zal de reflectie zijn.


Stap 14

Om de reflectie te vereenvoudigen en het minder storend te maken, verwijdert u alle details van elk gebouw. Dit is een beetje een hele klus, maar je kunt het gemakkelijker maken door de reflectie in de overzichtsmodus te bekijken en meerdere vensters en andere details te selecteren met het gereedschap Direct selecteren (A) en / of het gereedschap Lasso (Q).


Stap 15

Aangezien het stadsbeeld een perspectieftekening is, is het maken van de reflectie niet zo eenvoudig als het eenvoudigweg omdraaien van de vormen en ze onder het origineel plaatsen. Selecteer slechts de helft van de reflectie. Kies het gereedschap Vrije transformatie (E), pak vervolgens de buitenkant van de geselecteerde objecten en sleep deze naar boven terwijl u de Command-toets ingedrukt houdt. Voeg de Shift-toets toe om de transformatie verticaal uit te lijnen. Het kan een beetje lastig zijn om deze vingerdans onder de knie te krijgen, maar na een paar pogingen krijg je het onder de knie. Passeer de reflectie totdat deze de hoofdvorm van het stadsbeeld ontmoet. Doe hetzelfde met de andere helft.


Stap 16

Als je tevreden bent met de scheve helften, teken dan een rechthoek die de hele reflectie bedekt. Vul deze rechthoek met een zwart-wit lineair verloop, zoals in de onderstaande afbeelding.


Stap 17

Selecteer de rechthoek en de reflectieobjecten. Klik in het deelvenster Transparantie op het vervolgmenu en kies Dekkingsmasker maken. De reflectie lijkt nu te vervagen. Als dit niet het geval is, klikt u op Mask omkeren in het paneel.


Stap 18

Pas zonodig de fade-out aan door het verloop aan te passen. Klik op de miniatuur in het deelvenster Transparantie en pas het aan met het gereedschap Verloop.


Stap 19

Schud de reflectie indien nodig omhoog of omlaag. Leun dan achterover en bewonder je stralende stad!


Conclusie

Voordat de Perspective-tools in CS5 werden geïntroduceerd, was het heel goed mogelijk om een ​​illustratie zoals deze te maken, maar je moest je eigen grid zorgvuldig meten en plotten. Het maken van een dergelijk raster kan net zo lang duren als het heeft gedaan om de rest van de illustratie te maken. De Perspective-toolset elimineert de noodzaak van al die tijdintensieve voorbereiding en stelt je in staat je te concentreren op het creatieve deel van het illustreren.