Gebruik van het perspectief en de scherptediepte in je personage-creaties

Als het gaat om het simuleren van driedimensionale diepte in uw illustraties, is de Blend Tool uw nieuwe beste vriend. Bekijk en sta versteld van de kracht van Illustrator CS3 terwijl het door je monitor reikt en uitdagend is en je in het gezicht slaat met zijn subtiele charme en veelzijdigheid.

U kunt de bronbestanden vinden in de map met het label "source" in de bestanden die u hebt gedownload. Misschien wil je er even overheen kijken voordat we beginnen.


Stap 1

Gebruik de Ellipse Tool (L) om een ​​perfecte cirkel te maken. Breng vervolgens een levendig 4-kleurenverloop (G) van licht naar donker aan met behulp van complementaire kleuren. Command + F9 brengt het Verloopvenster naar je scherm. Zorg ervoor dat je Show Options hebt geselecteerd. U kunt meerdere punten toevoegen aan uw verloop door op de balk in het Verloop-venster te klikken. Als u meer punten toevoegt en de helderheid en tint enigszins wijzigt, kunt u de kleur van uw illustratie ophemelen.



Stap 2

Selecteer je eerste cirkel en houd Alt ingedrukt terwijl je je muis naar beneden sleept om nog een kopie van je cirkel te maken. Schaal (S) dan een 100 +% op (houd shift ingedrukt om de verhoudingen te behouden).



Stap 3

Dubbelklik op het menggereedschap (W). Wijzig de afstand tot opgegeven afstand en de afstand tot 0,01 inch. Houd de richting op Uitlijnen op pagina. Nu je je instellingen voor je Blend-tool hebt, klik je op OK. Ik hoop dat je ten minste 2 optredens van ram, een fatsoenlijke CPU en een goede grafische kaart hebt, want dit kan harig worden. Illustrator kan plotseling crashen bij het uitvoeren van grafische gevechtsmanoeuvres zoals deze. Bespaar vaak vanaf hier. Let op: voor elk gebruik van Live Colour beveel ik ook aan om op te slaan. Dit is een andere Illustrator-tool die het programma vaak crasht.



Stap 4

Klik nu met je menggereedschap op je kleine cirkel en vervolgens op je grotere cirkel. Dit zal je driedimensionale perspectiefvorm creëren! U kunt de verlichting van uw cirkels wijzigen door elke cirkel afzonderlijk te klikken en de radiale gradiënt onder een verschillende hoek toe te passen, afhankelijk van de lichtbron van uw scène.



Stap 5

Zoals je kunt zien, zal het toepassen van het menggereedschap op twee vormen een pad tussen deze vormen creëren. Je kunt dit pad manipuleren door er punten aan toe te voegen! Selecteer het pad met behulp van het gereedschap Direct selecteren (A). Gebruik vervolgens het gereedschap Pen (P) en druk vervolgens op + voor toegang tot het gereedschap Ankerpunt toevoegen. Als je dat hebt gedaan, klik je op het midden van je pad. Het moet er uitzien als de onderstaande afbeelding - een vast hoekpuntenpunt.



Stap 6

Gebruik het gereedschap Ankerpunt verplaatsen (Shift + C), klik met de linkermuisknop en houd vast, sleep vervolgens met de muis en dit zal armen op uw hoekpunten maken. Trek het in een vloeiende vorm en laat je muisknop los. Je zou iets als de afbeelding hieronder moeten krijgen. Je kunt je punten / hoekpunten op elk moment manipuleren. Speel ermee.



Stap 7

Door uw twee cirkeleindpunten afzonderlijk te verplaatsen, de grootte ervan te wijzigen, en de ankerpuntenarmen aan te passen met de Convert Anchor Tool, kunt u echt wat leven toevoegen aan uw tentakel. Probeer de eindpunten van uw cirkel te verplaatsen. Om elke cirkel afzonderlijk te selecteren, moet u het gereedschap Direct selecteren gebruiken (A).



Stap 8

Herhaal deze techniek totdat je genoeg armen hebt om een ​​octopus te maken. Houd elke arm in het juiste perspectief. De zijarmen komen niet zo dicht bij de voorgrond als de voorste armen. Hierboven ziet u de ineenstorting van de verschillende armen die ik heb gemaakt en de eindpaden voor elke arm. Je moet de achtergrondarmen achter de armlagen van de voorgrond plaatsen. Om dit te doen, moet je de hele arm selecteren met behulp van het Selectiehulpmiddel (S) en vervolgens Command + Linker Bracket-toets of Rechter beugeltoets indrukken om de laag voor of achter andere lagen te verplaatsen. Dit wordt laagstapelen genoemd (althans dat is wat ik het noem ...).




Stap 9

Nadat je je tentakels in orde hebt, zul je wat zuignappen moeten samenstellen. Klik en houd uw linkermuisknop op het gereedschap Rechthoek om uw aanvullende opties te tonen. Selecteer het gereedschap Afgeronde rechthoek en maak een rechthoek. Als u de ronding van de randen wilt vergroten of verkleinen, drukt u op de pijl-omhoog of de pijl-omlaag terwijl u uw rechthoek op het tekengebied plaatst.

Gebruik voor kleur dezelfde 4-punts verloop als de tentakels; verhoog alleen de lichtheid van elk punt totdat je een mooie roze gloed krijgt. Versleep je verloop (G) vanaf het punt een wijzen b.



Stap 10

Gebruik nu het gereedschap Verdraaien (Shift + R) en sleep vanaf punt een wijzen b. Zorg ervoor dat je penseelgrootte groot genoeg is om het grootste deel van je rechthoek te omsluiten. Om de grootte van je Warp Tool Brush te veranderen, houd Alt + Shift ingedrukt en sleep je muis zoals je zou doen als je een object groter of kleiner zou schalen. Dit kostte me een beetje om erachter te komen en het is dus een waardevol stuk informatie! Je zou iets als de tweede afbeelding moeten krijgen.




Stap 11

Laten we vervolgens een zuignap maken vanuit de top-down-hoek, alsof we van bovenaf in de beker kijken. Maak een cirkel met het Ellips-gereedschap (L), kopieer die cirkel (Command + C) en plak de kopie bovenop de eerste cirkel (Command + F).

Selecteer de nieuw gemaakte cirkel en schaal deze met de helft met Scale (Command + S). Nadat u dit hebt gedaan, selecteert u beide cirkels en gebruikt u de optie Pathfinder (Command + Shift + F9) Aftrekken van vormgebied.

Breng vervolgens je verloop opnieuw aan om de ronding van je zuignap weer te geven. Gebruik je verloopgereedschap (G) en pas je roze verloop vanaf het punt toe een wijzen b.



Stap 12

Nu dat je je twee verschillende zuignappen hebt voltooid, pas je ze toe op de tentakels door ze naar de juiste plaatsen te kopiëren. Ik heb het zijaanzicht "Beker 1" en het bovenstaande aanzicht "Beker 2" geëtiketteerd. U moet gedurende deze stap vaak Rotate (R), Scale (S) en zelfs het Warp Tool (Shift + R) gebruiken. Je moet ervoor zorgen dat de zuignappen achter een tentakel zich onder de tentakellaag van de voorgrond bevinden (zie stap 8).

Tentakel 3 en 6 zijn uniek als je dat nog niet hebt geraden. Aan de uiteinden van 3 en 6 overlapt de paarse tentakel enigszins de roze zuignappen. Om dit opnieuw te maken, moet je Direct selecteren (A) de eindcirkel van een tentakel, kopiëren (Command + C) en een andere cirkel erboven plakken (Command + F). Dit zal los staan ​​van de tentakelgroep en u in staat stellen om die laag naar boven te verplaatsen, waardoor de zuignappen overlappen. Dit zal ook bewijzen handig later! Eindelijk, na veel tweaken eindigde ik met een paar behoorlijk felle tentakels voor mijn octopus! rarr!




Stap 13

Nu moet je een hoofd bouwen dat 'Mordor' waardig is. Om dit te doen, heb ik de Polygoontool gebruikt door op het gereedschap Rechthoek (M) te klikken en dit vast te houden. Sleep het naar uw tekengebied en maak er een pentagon van (5-hoekige vorm). U kunt dit doen door op de pijltoetsen omhoog of omlaag te drukken terwijl u de vorm op uw tekengebied plaatst (zie stap 9).

Nadat je een mooie vijfhoek hebt, breng je je paarse radiale verloop aan dat je hebt gebruikt op je tentakels met behulp van het gereedschap Pipet (I). Klik op een cirkel van de tentakel terwijl je pentagon geselecteerd is.



Stap 14

Klik vervolgens op Effect> Stileer> Ronde hoeken en rond die harde randen af. Ik heb mijn instellingen ingesteld op 2.125 inch, maar dit is afhankelijk van de grootte van je pentagon. Het doel is om het als een bal te maken.



Stap 15

Geef het hoofd een beetje karakter door de vorm te draaien en elk punt iets te verplaatsen. Ik vind het leuk als de bovenkant van de koepel hoger is dan normaal. Gebruik het gereedschap Direct selecteren (A) om afzonderlijke punten te selecteren en verplaats ze vervolgens. Je had dit waarschijnlijk veel sneller kunnen doen met een cirkel ... Maar dit is wat ik deed en ik merkte dat het me interessante en bevredigende resultaten gaf.



Stap 16

Trek met behulp van het gereedschap Pen (P) de kop onder de koepel. Dit is waar zijn ogen zullen zitten. Vergeet niet om het verloop in dezelfde richting te houden als de lichtbron van je scène, die in dit geval de linker is.



Stap 17

Om de oogbollen te maken, maakt u nog een cirkel (L) en past u een heldere gradatie van 5 kleuren (G) toe, zoals de bovenste afbeelding hierboven. Maak het startpunt op je verloop dicht bij wit en het geeft zijn oog een mooie glimmende vlek. Pak nu je gereedschap voor directe selectie (A) en selecteer de juiste hoekpunten van de cirkel. Selecteer de gelabelde hoekpuntenarm een. Sleep het nu naar de glanzende plek van je verloop. Selecteer vervolgens arm b. houd Alt + Shift ingedrukt en sleep het naar beneden. Hierdoor krijgt u een scherpe rand in plaats van een afgeronde. Blijf je hoekpunten veranderen totdat je het perfecte resultaat hebt klaar met oogbol. Het is het niet?



Stap 18

Plaats de oogbal aan de linkerkant van de kop van de octopus. Kopieer vervolgens die oogbol, klik er met de rechtermuisknop op en selecteer vervolgens Transformeren> Reflecteren en stel de Reflect-opties in op 90 graden. Ook moet je je verloop toepassen om de verblindingshoek van de linker oogbol na te bootsen.



Stap 19

Vervolgens trok ik een boze ooglid met mijn Pen Tool en gebruikte de Mesh Tool (U) en klikte op elk punt van het ooglid. U kunt de netpunten op dezelfde manier verplaatsen als de punten van de vertices (zie stap 6 en 17). Door een punt te selecteren, kunt u de individuele kleur ervan wijzigen, hierdoor wordt een verloop tussen meerdere kleuren gemaakt. Maak de hoogtepunten van het ooglid licht paars en de onderste overhangpunten donker paars.



Stap 20

Steek nu je ooglid over de oogbal. Kopieer en plak een ander ooglid over het andere oog. Vervolgens Transform> Reflecteer het ooglid zoals we deden met de oogbol in stap 18. Je zult ook moeten roteren en schalen om het precies goed te krijgen.



Stap 21

Groepeer het hele hoofd samen door het selectiegereedschap (V) over het hoofd, het gezicht, de ogen en de oogleden te slepen en groepeer ze allemaal door op Command + G te drukken. Plaats nu het gegroepeerde hoofd waar alle tentakels elkaar ontmoeten.



Stap 22

Dit is een optionele stap. Tot dusver zie ik deze octopus er behoorlijk rad uitzien. Als je wilt, kun je hem echter moordende wapens laten gebruiken of zelfs meerdere rollen toiletpapier proberen. Voor mij is mijn favoriete wapen de Wacom Stylus Pen. Ik gooide deze snel samen. Ik ga ervan uit dat je iets kunt bedenken dat net zo goed is voor je inktvis om het vast te houden en het net zo gemakkelijk te maken zonder nuttige stappen van mij ...



Stap 23

Nu gaan we het voorwerp voorzichtig over de hand van de octopus plaatsen. Het ziet er stom uit bovenop de tentakel, dus we moeten het laten lijken alsof onze octopus het voorwerp grijpt. Om dit te doen, selecteert u Direct (A) de eindpuntcirkel van een bepaalde tentakel.

Houd vervolgens Alt ingedrukt en sleep de cirkel om het te kopiëren. Druk vervolgens op Shift + Command + Rechter Bracket-toets om die cirkel naar de voorgrondlaag te brengen. Plaats nu die cirkel terug op de top van waar je het vandaan hebt gekopieerd. Zorg ervoor dat je deze cirkel schaalt (S) om de oorspronkelijke cirkel te bedekken en overhangen. Het ziet er stom uit als je dat niet doet. Herhaal deze stap voor elke tentakel die op een object grijpt.




Stap 24

Eindelijk, je hebt een coole, driedimensionale, stijlvolle, killer octopus! Maar let op! De volgende stappen zijn angstaanjagender dan tot nu toe, gedeeltelijk omdat ik geen screenshots zal geven voor de volgende 3 stappen! De stappen vergen veel verwerkingskracht ...



Stap 25

Ik wilde deze octopus wat scherptediepte geven, maar ik wist dat als ik dit in Illustrator deed, mijn computer zou worden opgeblazen. Als ik een vervaging toepaste op een van deze met monster gemengde tentakels, zou het zoveel CPU en geheugen kosten dat het Illustrator zou verpletteren. De oplossing? Photoshop!

Het is relatief eenvoudig om uw vectoren in Photoshop te krijgen. Eerst moet je elke tentakel groeperen. Gebruik de selectiegereedschap (V) en houd shift ingedrukt en selecteer elk deel van een hele tentakel. Dit omvat elke zuignap, de pen, de mengmodus-tentakel en de gekopieerde cirkel die de pen vasthoudt. Zodra u ze allemaal hebt geselecteerd, groepeert u ze samen (Command + G). Doe dit apart voor elke tentakel en ook voor het hoofd zodat ze allemaal in hun eigen groep zitten.


Stap 26

Open nu Photoshop en maak een nieuw document aan (Command + N). Ik wilde van mijn octopus een coole bureaubladachtergrond maken, dus ik heb de doc ingesteld op 1680 pixels bij 1050 pixels bij 300 resolutie. Zodra je je nieuwe document hebt geopend in Photoshop, ga je terug naar Illustrator. Selecteer in Illustrator een tentakelgroep en sleep deze vervolgens naar uw nieuwe document in Photoshop. Dit kost veel CPU en RAM, dus wees bereid om een ​​tijdje te wachten. Herhaal dit totdat je je hele illustratie in Photoshop hebt. Telkens wanneer u een groep in Photoshop zet, wordt er een nieuwe Vector Smart Object Layer gemaakt.


Stap 27

Zorg ervoor dat je elke laag op de juiste manier boven of onder de andere lagen plaatst, zodat de voorgrond tentakels op de bovenste lagen en de kop de onderste laag is. U kunt de lagen rondslepen door te klikken en vast te houden terwijl u de muis boven of onder elkaar sleept in het venster Lagen.


Stap 28

Ik wil het brandpunt het hoofd van de octopus maken en ook zijn linkerarm die hij met gewelddadige uitdagendheid grootbrengt. Ik heb ze gemarkeerd in de bovenste afbeelding hieronder. Hiertoe selecteert u de grootste tentakellaag en klikt u op Filter> Vervagen> Gaussiaans vervagen en geeft u een goede 6 of zo.




Stap 29

Zoals hieronder wordt getoond, volgen we hier drie substappen:

  1. Klik op het slimme filter waarop de Gaussiaanse vervaging is toegepast.
  2. Druk op B om je Penseelpenseel te selecteren en verander de penseel in een grote, gevederde penseel en maak je voorgrondkleur zwart.
  3. Verf vanaf punt een langs de tentakel totdat je punt bereikt b. Dit geeft je een koel scherptediepte-effect. Herhaal deze stap op de andere grote tentakel en je zal ervoor zorgen dat de ogen van de kijker elke keer naar het hoofd getrokken worden. Je kunt dezelfde stap ook toepassen op de tentakels die in het midden liggen behalve dat je alleen een ondoorzichtige borstel van 50% gebruikt en dat deze er meer in focus maar nog steeds wazig uitziet.


Stap 30

Om mijn illustratie uit te zetten, heb ik wat schaduwvorming gemaakt tegen de witte achtergrond. Om dit te doen, maakt u een nieuwe laag en trekt u deze naar de onderkant van de lagenstapel, net boven de witte achtergrondlaag. Zet de laagdekking van die nieuwe laag op 50% en gebruik de verfspijker met zwarte veren om te schilderen in de gebieden waar de tentakels een schaduw zouden werpen.

Ik schilderde een primaire schaduw en een secundaire schaduw, beide zijn afzonderlijke lagen ingesteld op een dekking van 50%. Ik heb ook wat schaduw aan verschillende tentakels toegevoegd, zoals ze nodig hadden. De bovenste schermafbeelding toont de primaire laag die wordt toegepast en de onderste schermeigenschappen: 1. Primaire arceringslaag; 2. Secundaire, meer gedetailleerde, schaduwlaag; 3. extra schaduwwerking op de juiste tentakels. Het is niet perfect, maar ik vind het leuk!




Stap 31

Selecteer voor je laatste stap alle lagen (klik op de bovenste laag, houd Shift ingedrukt en klik vervolgens op de onderste laag) behalve je achtergrondlaag en Groepeer (Command + G) ze in een map. Klik op je maplaag en gebruik vervolgens het verplaatsgereedschap (V) om je uiteindelijke render naar een interessante positie in je tekengebied te verplaatsen voor een opvallend bureaubladachtergrond.




Conclusie

Dus je ziet, de kracht van Illustrator is vergelijkbaar met die van de Sovjet-Unie uit de jaren vijftig. Het concurreert met zelfs de meest veelzijdige 3D-weergaveprogramma's die er zijn. Ik hoop dat jullie allemaal van deze tutorial hebben genoten, ook al is het laatste wat de ontwerpwereld nu nodig heeft een andere octopus. Ik kijk er naar uit om deze technieken te gebruiken in de pool Vectortuts + Flickr. De uiteindelijke afbeelding is hieronder. U kunt hier en hier de grote versies bekijken.