Hoe maak je een gestileerde schoenen en koppeling mode-illustratie in Illustrator

In deze tutorial wil ik je de belangrijkste principes van mijn tekenstijl laten zien die ik in mijn mode-illustratie toepas. Ik gebruik Clipping Masks en Blending Modes om een ​​gestileerde illustratie van schoenen en een handtas te produceren in Adobe Illustrator. Ik hoop dat je ervan zult genieten!


Stap 1

Om te beginnen ga ik mijn bestand voorbereiden en de volgende lagen maken: "Schets", "Wit", "Schoen 1", "Schoen 2", "Koppeling" en "Gekleurde schets".


Stap 2

Nu zal ik mijn potloodschets toevoegen aan de laag "schets" en de mengmodus van de afbeelding instellen op vermenigvuldigen en 50% dekking. Houd er rekening mee dat deze laag altijd boven aan al mijn lagen staat. En ik zal alles eronder tekenen, en zicht in- en uitschakelen wanneer dat nodig is. Deze laag zal de hele tijd vergrendeld zijn.

Ik zal ook een gekleurde schets toevoegen aan de bijbehorende laag om te onthouden hoe ik mijn illustratie wilde inpakken, deze laag vergrendelen en de zichtbaarheid ervan nu uitschakelen.


Stap 3

De volgende stap is om een ​​eenvoudig wit .JPG-bestand toe te voegen aan de laag "Wit", de mengmodus in te stellen op Vermenigvuldigen en de laag te vergrendelen. Deze kleine truc stelt me ​​in staat om met behulp van Eyedropper Tool (I) de exacte kleur van elke plaats van de afbeelding te pakken, in plaats van alle kenmerken van een bepaald pad te verzamelen.


Stap 4

In dit stadium ga ik Swatch-paletten maken voor deze illustratie. Eerst en vooral heb ik alle standaardmonsters verwijderd, behalve de eerste drie.

Nu schakel ik de zichtbaarheid in van de laag 'Gekleurde schets' en begin ik er kleuren uit te halen met behulp van het gereedschap Pipet (I). Ik voeg ook meteen lichtere en donkerdere tinten van de hoofdkleuren en een radiaal wit transparant verloop toe.

En ik voeg ook radiale transparante verlopen toe in donkere en lichtere kleuren dan de hoofdkleuren.


Stap 5

Nu is het tijd om te beginnen met tekenen. Ik begin met het maken van alle hoofdvormen voor het eerste been en de koppeling - allemaal op hun lagen. de tweede etappe zal later worden gemaakt vanaf de eerste, zodat we wat tijd kunnen besparen.

Dus laten we beginnen. De laag "Schets" en "Gekleurde schets" zijn zichtbaar en met behulp van Pen Tool (P) en kleuren van mijn Swatch-paneel teken ik hoofdvormen. Ik zal de zichtbaarheid van de "schetslaag" uitschakelen om te zien hoe alles eruit ziet en om punten van de hoofdvormen te corrigeren waar nodig.

In deze stap heb ik besloten mijn gekleurde schets te verkleinen en dichter bij mijn afbeelding te plaatsen, zodat ik het kon zien toen mijn afbeelding werd geschaald naar groter formaat.

Je kunt ook zien dat ik de vormen corrigeer in vergelijking met de schets, zodat ze er netjes en geavanceerder uitzien. Bij het tekenen van de donkerste delen is het makkelijker om ze eerst in lichtere kleuren te tekenen, zodat je de schets kunt zien en ze dan weer in donkere tinten kunt kleuren. Zorg ervoor dat alle paden in de juiste volgorde zijn getekend, gebruik Ctrl + [om terug te sturen of Ctrl +] om vooruit te komen.

Teken met donkerdere tan achterzijden van de riemen. Selecteer ze met selectiegereedschap (V) en verenig ze met behulp van het deelvenster Pathfinder, klik er met de rechtermuisknop op> Maak samengestelde weg (Ctrl + 8) en stuur ze naar de achterkant van de laag (Ctrl + Shift + [). Selecteer nu twee riemen en verenig ze met behulp van het deelvenster Pathfinder en maak Compound Path van hen. Ik heb de uiteinden van de riemen nu lichter gekleurd, later verander ik hun kleur in de hoofdkleur. Dit is nodig om te zien waar ze zijn.

Bijna klaar met de schoen.


Stap 6

Ik zal nu een aantal slechte punten corrigeren om alles er netjes uit te laten zien. En bekijk de vormen om alles te corrigeren om er mooi uit te zien. Ik voegde ook de achterkant toe voor de blauwe "tong" en stuurde deze naar de achterkant van de laag (Ctrl + Shift + [).


Stap 7

Nu besloot ik de riemen dichter bij de schoen te maken. Ik heb het gereedschap Ankerpunt toevoegen (+) gebruikt om twee punten toe te voegen en vervolgens Ankerhulpprogramma verwijderen (-) om oude twee punten te verwijderen. Vervolgens corrigeerde de vorm met behulp van de tool Anker voor converteren (Shift + C). Dezelfde procedure wordt toegepast op de tweede riem en corrigeer vervolgens de achterkant van de riemen dienovereenkomstig.

Ik heb de teen en achterkant van de schoen ingekleurd tot donkergrijs om beter te zien waar de randen van de vormen zijn en waar ze moeten worden gecorrigeerd. Zodra ik tevreden ben met het resultaat, zal ik ze weer bijna zwart kleuren en verenigen met behulp van het Pathfinder-paneel en dan Compound-pad maken (Ctrl + 8).


Stap 8

Maak nu twee gespen en gaten in de riemen. Voor gespen gebruikt u het gereedschap Afgeronde rechthoek en tekent u een afgeronde rechthoek in lichtgrijze kleur. Dupliceer deze vervolgens, kleur deze opnieuw in elke andere kleur, verklein de grootte met behulp van het gereedschap Vrije transformatie (E) en houd Shift + Ctrl ingedrukt tijdens het transformeren (waarbij de tweede afgeronde rechthoek midden in de eerste wordt geschaald). Selecteer nu deze twee vormen en gebruik het deelvenster Pathfinder om Minus Front en Compound Path te maken.

Schaal de klaargesp af met Vrije Transformatiegereedschap (E) tot het formaat dat nodig is in de illustratie en draai het naar behoefte, en plaats het dan zoals het hoort. Ik heb ook het uiteinde van de gesp gecorrigeerd zodat deze niet in het "venster" van de gesp te zien was.

Om de "tong" van de gesp te tekenen, gebruik ik opnieuw het gereedschap Afgeronde rechthoek. En dan op zijn plaats volgens de schets.

Laten we nu een paar gaten in de riem maken. Teken cirkel in donkerbruine kleur met behulp van Ellipse Tool (L). Dupliceer de vorm. Kleurt naar een helderdere tint. Houd vervolgens Shift vast en maak deze heldere kopie groter met behulp van het gereedschap Vrije transformatie (E) door de linkeronderhoek van het selectiekader van de cirkel te slepen en plaats hem achter het donkerdere origineel (Ctrl + [).

Selecteer deze twee cirkels en groepeer ze (Ctrl + G). Druk vervolgens op Ctrl + X, je knipt de groep uit, na dat met selectie Tool (V) kies je de riem en druk je op Ctrl + F - die het gat zal plakken dat we zojuist op de juiste plaats hebben gemaakt - onder de gesp "tong".

Dupliceer het gat, plaats het in de linkerkant van de riem en maak er een mengsel van (Ctrl + Alt + B). Om het aantal gaten te corrigeren ga je naar het paneel Object> Blend> Meng Opties en zet je de stappen op 2.

Corrigeer vervolgens de blendsrug zodat deze er natuurlijker uitziet.

Selecteer nu gewoon de gaatjes en de gesp met de tong en dupliceer ze en plaats ze volgens de schets. Corrigeer alles dat moet worden gecorrigeerd.


Stap 9

Nu zal ik alle hoofdvormen van de koppeling tekenen. Ik heb de gekleurde schets enigszins verplaatst, zodat deze nu recht onder de koppeling ligt voor het gemak.

Ik zal op de laag "Clutch" tekenen en de laag "Schoen 1" hebben vergrendeld. Voor de hoofdvorm en metalen delen van de hendel gebruikt u het gereedschap Afgeronde rechthoek, voor knoppen - Ellipsgereedschap (L), voor riemen - Rechthoekgereedschap (M), voor andere vormen - Pengereedschap (P), gespen en gaten zullen worden gekopieerd van de schoen. Om het lange verhaal kort te maken - trek gewoon alle delen van de koppeling, controleer met de schets, corrigeer en kijk of alles er goed uitziet. Je merkt misschien ook dat ik de handvatten van de tas heb veranderd om dichter bij een echte tas te kijken.


Stap 10

Nu hebben we één vorm van schoenen en koppelingen getekend, ik ga beginnen met het toevoegen van details aan hen. Zoals ik al zei in het begin zal de tweede schoen worden gedaan vanaf de afgewerkte eerste schoen. Dus ik ga met het been beginnen. Schakel over naar laag "Schoen 1" en sluit laag "Koppeling". Teken een rechthoek van de kleur van het been en verzend deze naar achteren (Ctrl + Shift + [). Selecteer vervolgens de poot en deze rechthoek met het selectiegereedschap (V) en maak het knipmasker (Ctrl + 7), zodat de rechthoek nu in de vorm van het been komt.


Stap 11

Nu zal ik wat diepte toevoegen aan het been. Hiervoor maak ik een vorm met behulp van Pen Tool (P) en in de kleur van het been, met 100% dekking. Dupliceer vervolgens deze vorm, transformeer deze met behulp van Vrije Transformatiegereedschap (E) met Shift, kleur deze vorm om in lichtere kleur en maak de laagdekking 50%.

Selecteer nu deze twee vormen en maak Blend (Ctrl + B). Ga vervolgens naar Object> Blend> Mengopties en stel de stappen in op 20 (in deze zelfstudie bestaan ​​bijna alle highlight- en schaduwmengsels uit 20 stappen).

Ik besloot de vormen een beetje te corrigeren om ze de vorm van de benen te laten volgen en het binnenpad te veranderen. Dekking op 70%.


Stap 12

Nu zal ik wat schaduwen toevoegen van de schoen aan de poot. Hiervoor zal ik een vorm tekenen die de rand van de schoen herhaalt met behulp van Pen Tool (P). Het is donkerder van kleur en ik zal instellen dat de mengmodus wordt vermenigvuldigd met dekking van 70%.


Stap 13

Bij deze stap kies ik het mengsel dat ik in stap 9 en deze schaduw heb gemaakt en druk ik op Ctrl + X, en dan gebruik ik het gereedschap Direct selecteren (A). Ik selecteer de rechthoek binnen het been en druk op Ctrl + F - dus meng Meng en schaduw in het knipmasker van het been.

Gedaan met het been!


Stap 14

Nu maak ik een clippingmasker (Ctrl + 7) voor het grijze gedeelte van de schoen zoals eerder beschreven. Doe dan het stiksel erop met Stroke.

Maak ook maskers voor zwarte en blauwe delen van de schoen (Ctrl + 7).


Stap 15

Nu zal ik schaduwen aanbrengen op een grijs deel van de schoen. Gebruik daarvoor Pen Tool (P) en radiaal transparant verloop donkerder grijs, mengmodus Vermenigvuldig Dekkingspercentage 100%.

En deze schaduwen samen met de blauwe stiksels moeten in het grijze deel Clipping Mask worden geplaatst.


Stap 16

Teken de grijze steken en plaats deze in het uitknipmasker van de zwarte onderdelen. Vergeet niet om de streken te vergroten!


Stap 17

Begin met het bewerken van het blauwe deel van de schoen. Doe eerst de naden. Voeg vervolgens enkele schaduwen toe.

Deze voegen wat volume toe aan dit gebied. Ik gebruik een transparante radiale gradiënt in een donkerdere blauwe tint.


Stap 18

Voeg de witte vorm aan de rand van de schoen toe om aan te geven dat dit onderdeel niet vlak is, maar een beetje dikte heeft. Zet de overvloeimodus van deze vorm op Overlay, dekking op 40% (de laatste kan naar wens worden aangepast).

Maak een aantal opvallende vormen.

Voeg vervolgens vetgedrukte hoogtepunten toe.

Voeg ze vervolgens toe aan een uitknipmasker (Ctrl + 7) voor de tong.


Stap 19

Toen besloot ik om nog meer hoogtepunten toe te voegen.


Stap 20

Teken een witte vorm op de bovenrand van het grijze gedeelte en plaats deze in het uitknipmasker van het grijze gedeelte.

Dit is hoe alles er nu uit moet zien.


Stap 21

Nu ga ik een blend maken om het midden van de schoen te markeren.

Deze blend zal ik dupliceren en één plaatsen in het Clipping Mask van het grijze gedeelte, en een andere - binnen het Clipping Mask van het zwarte gedeelte, met alleen verschil - zal de dekking van de innerlijke vorm in de blend verminderen tot 50%.


Stap 22

Maak schaduwen van de riemen op grijze en blauwe delen. Vergeet niet om nieuwe vormen in de bijbehorende uitknipmaskers te plaatsen.

Besloten om de dekking te verlagen naar 40%.


Stap 23

Nu zal ik wat highlight aan de onderkant van de schoen toevoegen. Deze vorm wordt ook gedupliceerd en in de Clipping Masks van zowel grijze als zwarte delen geplaatst.

Maar voor zwarte delen wordt de dekking verkleind tot 50% en wordt het verloop gewijzigd.


Stap 24

Voeg nog wat extra hoogtepunten toe aan zwarte en grijze delen, met behulp van de Pen Tool (P) en witte ronde transparante gradiënten, speel waar nodig met opaciteit.


Stap 25

Trek de vorm in wit transparant radiaal verloop om wat glans aan de zool toe te voegen.

Dupliceer nu de vorm van de zwarte zool, selecteer de nieuw gemaakte vorm en de kopie van de zool, en gebruik het deelvenster Pathfinder Snijd die twee vormen door. Volg de wijzigingen in de dekking.

Dupliceer de nieuwe vorm en teken een vrije vorm hierboven. Gebruik opnieuw het deelvenster Pathfinder om die twee te selecteren en doe Minus Front.


Stap 26

Dupliceer nu het zwarte deel van de schoen twee keer en de tweede vorm iets naar beneden, selecteer deze twee vormen en doe Minus voorkant met behulp van het deelvenster Pathfinder.

Voeg vervolgens enkele highlights toe met transparante witte radiale gradient.


Stap 27

Teken de gele onderkant van de zool. Het gaat recht naar de hiel.


Stap 28

Maak een uitknipmasker voor het blauwe platform. Laten we nu wat schaduwen maken.

En enkele hoogtepunten.

Plaats schaduwen van de schoen op het platform.

En plaats alles in het uitknipmasker.


Stap 29

Nu zal ik de hielkraan doen. Hiervoor dupliceer ik de twee vormen van de hak en kleur ze dienovereenkomstig opnieuw in.

Teken vervolgens de nieuwe vorm zoals hieronder afgebeeld, dupliceer deze en gebruik dan het Pathfinder-paneel do Minus Front voor zowel de buitenste als de binnenste delen van de hiel.


Stap 30

Laten we nu enkele hoogtepunten en schaduwen maken voor zowel de buiten- als de binnenzijden van de hiel. Eerst maak ik de highlights aan de buitenste gele kant van de hiel.

En nu zal ik schaduwen toevoegen aan het binnenste blauwe deel van de hiel. Dupliceer de vorm, stel de kleur in op een donkerder transparant radiaal verloop en mengmodus Vermenigvuldigen. Dupliceer vervolgens de vorm nogmaals, de kleur moet effen blauw zijn, een nieuwe vorm tekenen, selecteer vervolgens deze twee vormen en voer Minus Front uit met behulp van het deelvenster Pathfinder.

Dit is hoe het eruit zou moeten zien. Ik heb de dekking gewijzigd in 50%.

En doe hetzelfde voor de hielkraan. Hier heb ik de buitenvorm ervan gedupliceerd, opnieuw ingekleurd met een transparant donkerder grijs verloop en de mengmodus ingesteld op Vermenigvuldigen. En toen kwam het naar voren door nogmaals de vorm van de hielkraan te dupliceren en deze opnieuw in wit te kleuren en de mengmodus op Overlay en 50% dekking in te stellen, waarna de vorm werd aangepast met behulp van Ankerpunt-gereedschap converteren.


Stap 31

Nu is het tijd om de gordels te doen. Eerst heb ik Clipping Mask voor hen gemaakt.

En vervolgens enkele vormen gemaakt voor schaduwen en hooglichten en deze in het uitknipmasker geplaatst.


Stap 32

En bij deze stap voeg ik wat dikte toe aan de riem door een lijn te maken op de bovenrand van de riemen. Om kleur te krijgen, schakelde ik over de zichtbaarheid van de "witte" laag en gebruikte ik het gereedschap Pipet (I) met de kleur van het felgele deel van de gemarkeerde riem.

Ik deed dit ook voor de achterkant van de gordels. En ik heb ook de kleur van de lagere vorm van de gaten veranderd - naar wit, overlay en 80% dekking.


Stap 33

Dezelfde stappen die ik deed voor de "tongen" van de riemen.


Stap 34

Laten we de schaduw van de "tongen" van de riemen op de zwarte delen van de schoen maken en deze vervolgens in het uitknipmasker plaatsen.


Stap 35

Ik heb wat extra aandacht toegevoegd aan het benadrukken van de hiel.


Stap 36

En laten we nu eindelijk de gespen doen. Eerst heb ik ze gekleurd met lineair grijs en wit verloop

Dupliceer vervolgens de gespen om ze opnieuw in wit te kleuren, ga naar Effect> Pad> Offset pad en stel de offset in zoals afgebeeld (of u kunt uw eigen nummer proberen) en vervolgens Object> Uitbreiden.

Stel de overvloeimodus van de nieuw gemaakte vormen in op Overlay.

Dupliceer nu deze vormen, trek er nieuwe vormen overheen zoals afgebeeld.

Selecteer deze nieuwe vormen en doe Minus vooraan voor beide gespen.

Het eerste been is klaar!


Stap 37

En laten we nu het tweede been doen. Kopieer hiervoor de eerste en plaats deze op de laag "Shoe2".

Roteer het been volgens de schets.


Stap 38

Nu moet ik alle overbodige elementen verwijderen en alles corrigeren wat moet worden gecorrigeerd.


Stap 39

Voeg wat laatste details toe aan beide schoenen.


Stap 40

En nu zal ik het binnenste gedeelte van de hiel corrigeren.

Controleer met de schets en pas de vorm dienovereenkomstig aan.

En toen deed ik er wat schaduwen op, net als in stap 30.


Stap 41

Breng nu het gele stiksel naar boven en ga naar Object> Envelopvervorming> Maak met gaas en stel de rijen en kolommen in.

Wijzig vervolgens de vorm van het stiksel met behulp van het gereedschap Direct selecteren (A) en vouw vervolgens het stiksel uit.

En plaats het stiksel uiteindelijk opnieuw in het uitknipmasker.


Stap 42

Nu zal ik Dekkingmasker maken voor de tweede etappe. Dubbelklik hiervoor in het paneel Transparantie op de plaats naast het voorbeeld van de poot, zodat het zwarte vierkant verschijnt.

Teken daar een rechthoek en stel de kleur in op een lineair verloop van wit naar zwart, het zwart in dit geval maskeert de rand van het been. Klik op het voorbeeld van de poot om het dekkingsmasker te sluiten.

Gedaan met de schoenen en benen!


Stap 43

En ten slotte laten we de koppeling tekenen. Eerst heb ik er een patroon voor gekozen - ik heb gekozen voor plaid die ik onlangs heb gemaakt en gekleurd volgens de hoofdkleuren van de illustratie.

En stop het dan gewoon in het grijze deel Clipping Mask.

Vervolgens heb ik de laag gedupliceerd om het er helderder uit te laten zien (verticale en horizontale lijnen hebben verschillende mengmodi).


Stap 44

En nu zal ik alle stappen doen die ik deed voor schoenen voor de koppeling.

Ik gebruik Blends om zachte hooglichten en schaduwen te maken en radiale transparante gradiënten voor een intenser effect.

Wat kan ik nog meer zeggen - alleen DETAILIZE IT! :)


Stap 45

En als laatste voeg je gewoon wat schaduwen toe van alle objecten op de vloer, met Blends.