Maak een Steam Punk geïnspireerd portret in Illustrator CS6

In de tutorial van vandaag laat ik je zien hoe ik dit Steam Punk-geïnspireerde portret van een vriend heb gemaakt met Illustrator CS6. Ik ga je het hele proces laten zien van schetsen met de Blob Brush Tool tot het tekenen van de vele vormen en vervolgens de inkleuring. U leert hoe u een professionele workflow met vectorillustraties kunt volgen om dit gestileerde, verouderde werk te maken. Laten we dus meteen naar binnen springen en wat schaalbaar plezier hebben!


Stap 1

Mijn stoompunkportret zal gebaseerd zijn op een foto van een vriend van mij. Ik heb het eenvoudig grijswaarden gemaakt in Photoshop en vervolgens Bestand> Geplaatst in een nieuw document in Adobe Illustrator, en vervolgens de lagen zoals hieronder getoond.

Binnen de "BG" -laagmap bevindt zich een wit opgevulde rechthoek (M) met een dekking van 50%. Het is vermeldenswaard dat ik View> Verberg tekengebieden heb. Als het gaat om het schetsen, wil ik me niet beperkt voelen door vooraf bepaalde grenzen.



Stap 2

Ik ga het Klodderpenseel (Shift + B) gebruiken om mijn illustratie te schetsen voordat ik eroverheen tekent met de Pen Tool (P). Ik ga echter eerst dubbelklikken op het Blobpenseel in de werkbalk om toegang te krijgen tot de opties van het gereedschap. Ik ga de grootte verminderen naar 3pt, instellen dat deze wordt beïnvloed door de druk van mijn grafisch tablet en vervolgens de variatie instellen op 3pt. Klik ten slotte op Ok.


Nu schets ik gewoon verschillende ideeën over het portret. Ik weet dat ik dreadlocks en bril wilde gebruiken, maar ik was niet zeker van de rest.



Stap 3

Dus ik heb mijn lagen geordend om de schets onder de witte vulling rechthoek (M) te hebben. Ik sloot al mijn vormen en mijn schetsconcept op, dat ik besloot te gebruiken voor de illustratie. Tijd om aan de slag te gaan met de lijntekeningen.



Stap 4

Voor de lijntekeningen, zal ik, tenzij anders aangegeven, de Pen Tool (P) gebruiken met een off-black schaduwstreek. De kleur is nu niet relevant, omdat deze in een later stadium zal veranderen. Ik begin met een paar heel basale vormen voor het gezicht, de hoofddoek, de nek, de stropdas en de trui. Gebruik slimme hulplijnen (Command + U) om ervoor te zorgen dat uw lijnen elkaar kruisen en naadloos op elkaar aansluiten.



Stap 5

Ik ga de Paintbrush Tool (B) gebruiken om de dreadlocks te tekenen. Ik gebruik een standaard uniforme lijn met ronde petten en een 20pt slaggewicht. Vul eerst de achterkant van het kapsel in, zorg ervoor dat je genoeg dreadlocks langs de bovenkant van de hoofddoek krijgt en voeg dan een paar dreadlocks aan beide kanten toe, die over de schouders worden gedrapeerd.


Nadat u uw dreadlocks hebt getekend, selecteert u alle streken en gaat u naar Object> Uiterlijk uitvouwen en vervolgens Object> Uitbreiden. Verander de vulling naar wit en de lijn naar off zwart om overeen te komen met de rest van uw illustratie.



Stap 6

Ik ga de bril bouwen uit gedupliceerde Ellips (L) met een off black stroke en white fill. Nadat ik het eerste deel van de bril had gemaakt, heb ik het gegroepeerd (Command + G). Toen dupliceerde ik het en duwde het omhoog met mijn pijltjestoetsen. Ik heb gebruikt Align> Horizontal Align Center om het midden uitgelijnd te houden.


Vervolgens leg ik cirkels gemaakt met het Ellips-gereedschap (L) op elke 45 graden. Dit is gewoon extra decoratie aan de bril.



Stap 7

Ik ga een kruisje plaatsen over een van de bril. Dus met behulp van het gereedschap Lijnsegment (\) tekende ik een kruis met lijnen van het 10pt-lijngewicht. Vervolgens heb ik Object> Uitgevouwen en Pathfinder> Unite gebruikt om een ​​kruisje te maken.

Dupliceer een van de cirkels van de bril en gebruik vervolgens het gereedschap Vrije transformatie (E) om het te schalen tot een tikkeltje kleiner dan de bovenkant van de bril. Gebruik vervolgens Pathfinder> Intersect om het zelfstandige kruis te produceren. Geef het een zwarte slag en een witte vulling. Als u klaar bent, groepeert u alle elementen voor de bril (Command + G).



Stap 8

Gebruik het gereedschap Vrije transformatie (E) om de bril op de hoofddoek te plaatsen en iets in te stellen. Dupliceer het en gebruik Object> Transformeren> Verticaal weerspiegelen en verberg vervolgens het kruisje. Plaats de gedupliceerde bril zodat we er nu twee op de hoofddoek hebben.

Ik ga een riem maken door een 40pt lijn lijn langs de hoofddoek van oor tot oor te trekken en vervolgens Profiel "Breedte Profiel 1" toe te passen om het taps toelopende uiteinden te geven.


Gebruik Object> Uiterlijk en object uitvouwen> Uitvouwen geef het een witte vulling en een offzwarte lijn. Je zult merken dat er veel onnodige punten zijn aan de riem, dus gebruik Object> Pad> Vereenvoudig om het aantal punten te verminderen.



Stap 9

Ik heb het uiteinde van de riem aan de zijkant van een van de brillen toegevoegd. Ik gebruikte een 40pt Lijn lijn met profiel "Width Profile 3" om het een puntig einde te geven. Na het uitvouwen heb ik een lijn langs de rand van het riemuiteinde en de riem langs de hoofddoek toegevoegd om een ​​beetje extra detaillering te geven.


Vervolgens heb ik de Ellipse Tool (L) gebruikt om gespgaten aan het uiteinde van de riem toe te voegen, zoals hieronder weergegeven:



Stap 10

Nu ik de basisvormen heb getekend, moet ik lijnen toevoegen om vouwen in de halsdoek te definiëren. Ik heb een stippellijn toegevoegd langs de rand van de sjaal met een 5pt streepje en een 2pt opening.


Oordoppen vormen en vormen voor de oren. De oren hebben een witte vulling nodig.



Stap 11

Voor de iris en de leerlingen heb ik een even cirkel getekend met de Ellipse Tool (L) en vervolgens gedupliceerd en verkleind met behulp van het gereedschap Vrije transformatie (E). Vervolgens heb ik beide cirkels gedupliceerd en verplaatst naar het andere oog, dus nu hebben we twee cirkels voor beide ogen.

Vervolgens heb ik de Pen Tool (P) gebruikt om extra punten toe te voegen waarbij de cirkels de oogvormen kruisen (slimme hulplijnen zijn hier erg handig!). Ik heb toen het gereedschap Direct selecteren (A) gebruikt om punten te selecteren die overbodig zijn en ze te verwijderen.



Stap 12

Van tijd tot tijd deel ik werken in uitvoering op mijn Facebook-pagina. Toen ik de basislijnkunst voor dit portret aanvankelijk liet zien, werd ik gevraagd dit portret in een Gasmask-engel te maken. Een Gasmask-engel is een doorlopende reeks tekens / thema's die ik van tijd tot tijd heb gemaakt om mezelf creatief te pushen. Hoewel ik geen van deze personages ga maken, dacht ik dat ik de suggestie zou nemen en een gasmasker zou toevoegen ... en ze zijn heel gemakkelijk te maken, vooral als je al een van de elementen hebt!

Eerst ga ik het masker rond het mondgebied toevoegen. Ik ga eerst de helft van het masker tekenen en dan dupliceren en Object> Transformeren> Verticaal weerspiegelen. Nadat ik ze in de rij heb gezet, gebruik ik Pathfinder> Verenigen om een ​​vorm te maken.


Vervolgens heb ik de bril gedupliceerd, iets vergroot, geroteerd en details op het masker en de spuitmond aangebracht. Ik heb vormen aan beide kanten van het gezicht toegevoegd voor de riemen van het masker. Dit zal helpen het gezicht te kaderen.



Stap 13

Ik heb vormen aan beide zijden van het gezicht voor het haar toegevoegd en deze boven de gezichtsvorm maar onder de hoofddoekvorm geplaatst. Voor de wenkbrauwen heb ik een vorm gemaakt en vervolgens gedupliceerd en weerspiegeld.



Stap 14

Om de lijntekeningen op te ruimen voor het kleuren. Ten eerste ga ik profielen gebruiken om de uiteinden van de lijnen voor de ogen, mondstuk en sjaal taps toelopen.



Stap 15

Ik ga de dreadlocks opruimen die de personentrui bedekken.


Dupliceer alle vormen die voor het personage worden gebruikt, behalve de dreadlocks, en gebruik Pathfinder> Unite om één vorm te maken. Verwijder vervolgens het onderste deel van de vorm met een rechthoek (M) en Pathfinder> minus vooraan.


Dupliceer deze vorm meerdere keren en gebruik de kopieën naar Pathfinder> Minus voorkant van de vier dreadlocks. Deze vormen kunnen nu bovenop al je andere vormen gaan.



Stap 16

Ik zal de eerste zijn om het toe te geven, kleur is niet vaak mijn sterke vaardigheid en soms heb je wat hulp nodig op dat gebied. Een van mijn favoriete manieren om kleurinspiratie te krijgen is het gebruik van Kuler door Adobe. Dus logde ik met mijn Adobe ID in op de site en zocht ik naar "steampunk". Ik vond meteen een geweldig palet, dat je kunt downloaden van de website nadat je bent ingelogd.


Ga vervolgens in het deelvenster Swatch naar het drilldown-menu en 'Open Swatch-bibliotheek' en zoek uw nieuwe staal. Als u op de map links klikt, worden alle kleuren aan uw Swatch-paneel toegevoegd.



Stap 17

Ik begin met het groeperen van alle lijntekeningen (Command + G) en dupliceer het vervolgens. Ik ga het een zandstreek kleur geven (C = 26, M = 29, Y = 72, K = 1) en indien van toepassing een crème vulling (C = 5, M = 6, Y = 22, K = 0). Ik ga de standaardpenseelpenseel "Pencil - Thin" toepassen op de lijnen en vervolgens de hele groep instellen op Overvloeimodus vermenigvuldigen met dekking 60%. Ik plaatste toen een crème gevulde rechthoek (M) achter de groep.


Ik heb de lijntekeningen opnieuw gedupliceerd en daarna de volgende kleuren gebruikt van het steampunk-geïnspireerde staal. Hieronder ziet u de combinatie waarvoor ik ging:



Stap 18

Ik heb wat extra kleuren toegevoegd aan ons bruin steampunk geïnspireerd staal. Ik heb een off-magenta tint (C = 0, M = 95, Y = 20, K = 0) en een pauw groene tint (C = 80, M = 10, Y = 45, K = 0) toegevoegd, deels omdat Ik ben dol op deze kleurencombinatie en deels omdat alleen maar bruin in deze illustratie het er een beetje saai uitziet!



Stap 19

Ik ga het proces van schaduwen in de verschillende gebieden starten. Elk type regio heeft verschillende arcering nodig. Voor een gebied met onregelmatige contouren - zoals huid, veiligheidsgordels, gasmasker en doek, moet u de arcering met de hand tekenen met behulp van het gereedschap Pen (P). Omdat het gezicht min of meer symmetrisch is, heb ik de helft getekend. Vervolgens heb ik gedupliceerd, Object> Transformeren> verticaal gereflecteerd en vervolgens Pathfinder> Unite gebruikt.



Stap 20

Ik geef elk van de schaduwvormen een donkerbruine vulling (C = 51, M = 69, Y = 86, K = 68) en stel ze in op de overvloeimodus Vermenigvuldigen met dekking 5%. Toen heb ik de schaduw vergroot door alleen de vormen te overlappen zoals hieronder wordt getoond.


Ik heb de schaduwvormen gegroepeerd (Command + G). Vervolgens heb ik de vorm voor het gezicht gedupliceerd en dit gebruikt om een ​​uitknipmasker te maken (Command + 7). Deze methode is in de illustratie gebruikt.



Stap 21

Ik heb de afbeelding in de schaduw gehouden zoals hieronder getoond:


Voor de meer regelmatige oppervlakken - zeg gladde exemplaren zoals de bril, heb ik een Stroke Aligned Inside-methode gebruikt met gevarieerde lijndiktes en opaciteit, zoals hieronder weergegeven:


Een soortgelijke methode wordt gebruikt voor de dreadlocks. Ze zijn erg tijdrovend voor schaduw, omdat ik met behulp van Pathfinder> Minus vooraan vormen uit dubbele vormen van de dreadlocks heb verwijderd. Het is echter de moeite waard omdat het een onregelmatige textuur geeft.

In plaats van Stroke Weights te gebruiken om het gebied naar schaduw te manipuleren, gebruikte ik Effect> Pad> Offsetpad en offset met -1pt, -1.5pt en -2pt. Vervolgens heb ik alle elementen gegroepeerd (Command + G) en vervolgens in een knipmasker geplaatst (Command + 7).



Stap 22

De wenkbrauwen en het haar worden op dezelfde manier gemaakt als bij elkaar. Ik tekende een ruwe zigzaggende lijn met het penseel (B) met de kunstpenseel met houtskool - veer. Ik zet het vervolgens op de mengmodus Vermenigvuldigen met dekking 20% ​​en plaats het in een knipmasker (Command + 7).



Stap 23

Ik besloot om de originele lijntekeningkleur te wijzigen en deze in donkerbruin in te stellen (C = 51, M = 69, Y = 86, K = 68). Dit voorkomt dat de lijntekeningen er zo uitgehold uitzien op het gebied rond de halsdoek.



Stap 24

Ik ga meer schaduw rond de ogen toevoegen. Voeg eerst wat meer toe aan de oogleden om ze donkerder te maken. Vervolgens heb ik de zandkleur ingesteld op het scherm Mengmodus met dekking 30% om een ​​markering onderaan de iris toe te voegen. Vervolgens heb ik een reflectie toegevoegd met de lichtste schaduw (C = 5, M = 6, Y = 23, K = 0) ingesteld op Overvloeimodusscherm met dekking 80%.

Ik gegroepeerd deze elementen samen en zet ze onder alle andere arcering (Command + G).



Stap 25

Ik gebruik het Blob Brush Tool (Shift + B) opnieuw, maar nu om een ​​subtiele highlight aan delen van de illustratie toe te voegen, en om textuur toe te voegen. Dus eerst ga ik de grootte aanpassen van 3pt naar 2pt.


Hieronder kunt u zien waar ik de highlightdetails heb toegevoegd. Ik heb de lichtste schaduw gebruikt en deze ingesteld op Overvloeimodusscherm met dekking 20%.



Stap 26

Ik heb het donkerbruin gebruikt om de textuur op de dreadlocks te maken. Deze zijn ingesteld op Mengmodus Vermenigvuldigen met Dekking 10%. Het zijn gewoon willekeurige kronkelende streken zoals je kunt zien aan de hand van de doodles rechts van de volgende screenshot:


Vervolgens tekende ik nog meer lijnen rond het gezicht, riemen en stoffen om schaduw en structuur toe te voegen met dezelfde instellingen.



Stap 27

De kleuren zien er nog steeds een beetje flauw uit, dus ik gebruikte het gereedschap Direct selecteren (A) terwijl de andere elementen zijn vergrendeld, om gebieden te selecteren en de vulling te wijzigen.



Stap 28

Dupliceer een groep lijntekeningen en vervolgens Object> Uiterlijk en object uitvouwen> uitvouwen. Ik heb vervolgens Pathfinder> Unite gebruikt om één vorm van het hele personage te maken.


Ik heb deze vorm gebruikt om vervolgens een contour rond het personage te maken met Lijn naar buiten uitlijnen met de donkere wenkbrauwschaduw en een 2pt slaggewicht. Dit wordt dan ingesteld op Mengmodus Vermenigvuldigen met Dekking 30%.



Stap 29

Ik ga een snelle en eenvoudige achtergrond maken. Eerst ga ik veel bleke gevulde rechthoeken (M) op de achtergrond tekenen. Maar zoals je ziet, verandert dit de kleuring van ons karakter. Dit komt doordat geen van de vormen die worden gebruikt om het teken te produceren, is ingesteld op Overvloeimodus Normaal met dekking 100%.


Om dit op te lossen, zou ik ofwel de in stap 28 gemaakte vorm kunnen gebruiken om een ​​basis onder het hele teken te vormen en dit in de overvloeimodus normaal met dekking 100% instellen. Of ik kan het gebruiken om Pathfinder> Minus Front van een rechthoek (M) te maken en een clippingmasker te maken (Command + 7). Ik heb gekozen voor het laatste puur op basis van het trimmen van het gebied voorbij het portret en goed, ik hou van Clipping Masks.


Ik heb toen het gereedschap Direct selecteren (A) gebruikt om de vulling van een paar achtergrondstrepen te wijzigen.



Stap 30

Ten slotte heb ik de tekenreekstool (Shift + O) gebruikt om het tekengebied te definiëren.



Conclusie

Ik heb de kleur van een paar elementen gewijzigd, inclusief de bril, maar behalve dat dit mijn oude ogende stoompunkportret is.