Stijlmixing, Lifestyle-illustratie - Adobe Illustrator CS5

In de tutorial van vandaag laat ik je zien hoe een mix van stijlen kan produceren en hoe een illustratie van een effectieve levensstijl tot stand komt, terwijl er wordt nagedacht over de basislichaamstaal en welke visies op de basis zullen liggen..


Invoering

In de tutorial van vandaag laat ik je zien hoe je deze illustratie kunt maken, die geschikt is voor een vrouwentijdschrift. Ik ga een dagdroomscène maken met verschillende stijlen om een ​​verschil te maken tussen realiteit en de droom en daarnaast enkele basistips over belangrijke elementen om op te letten, om ervoor te zorgen dat je het concept duidelijk aan de kijker kunt communiceren.
Ik ga een huidskleur in zwart-witstijl maken, die nog steeds gedetailleerd en vloeiend is, in tegenstelling tot de vorige effecten van de huidwering die ik je eerder heb laten zien.
Alle stockfoto's die in deze tutorial worden gebruikt, zijn geleverd door de getalenteerde Tasastock. Dit omvat de afbeeldingen van het vrouwelijke model en de schoenen.


Concept onderzoek

Het concept waar ik aan ga werken, is om een ​​illustratie te maken waarin een vrouw droomt van schoenen. De vrouw moet in een positief daglicht worden gesteld en mogelijk verlangen naar de schoenen. Het lijkt een eenvoudig concept, maar de belangrijkste elementen ervan zijn het laatste deel van het concept. Het is de lichaamstaal en uitdrukking van het model van het standaardbeeld dat ik ga gebruiken, wat de emotie achter het stuk zal helpen communiceren. Ik zal u enkele voorbeelden geven en uitleggen.
Ik heb drie mogelijke afbeeldingen waarmee ik zou kunnen werken als het hoofdbeeld voor de vrouw die droomt. De eerste is van een vrouw op de grond met haar ledematen naar haar buik. De reden waarom dit soort pose niet zou werken, is dat we de foetushouding vaak associëren met teruggaan naar een kind in de baarmoeder, naar een comfortabelere plek, daarom is de situatie waar het model op dit moment onder ligt een negatieve.


Het volgende voorbeeld, hoewel het model zich in een comfortabele positie bevindt, zoals je waarschijnlijk kunt raden, kunnen we haar gezicht niet zien. Wanneer we naar een afbeelding met daarin een persoon kijken, gaan we recht op het gezicht af, omdat dit een van de belangrijkste gebieden is waar emoties kunnen worden overgebracht? dus met het model in deze positie kunnen we de kijker niet meteen verbinden met de emotie van de illustratie.


Ons laatste voorbeeld is degene die ik ga gebruiken. De reden hiervoor is dat ze zich bewust is in haar droom of dagdroomt als je wilt. Ze verschijnt ontspannen en diep in gedachten, die beide als positieve gemoedstoestanden kunnen worden beschouwd. Haar armen zijn niet gekruist en staan ​​open voor de kijker, zoals je misschien al weet, zijn gekruiste armen een teken van ongenaakbaar zijn en dit is niet wat we willen. Ik wil de kijker uitnodigen om te zien waar ze van droomt.


Nu dat ik mijn hoofdbeeld heb, ga ik een heel ruw plan maken van hoe ik zou willen dat de compositie eruit zou zien. Wanneer ik dit in gedachten heb, is het gemakkelijker voor mij om het hele project te visualiseren. Zodra ik dit heb, kan ik doorgaan met de vectoring-stadia.



Stap 1

Ik ga de stockfoto in Photoshop openen en vervolgens verlichten met Curves (Command + M) en de preset? Lighter gebruiken. "Gebruik vervolgens het gereedschap Bijsnijden (C) om het gedeelte van de referentie te selecteren dat ik wil gebruiken. Als ik klaar ben, ga ik naar Save for Web & Devices met een breedte van ongeveer 800 pixels.



Stap 2

Maak een nieuw (Command + N) -bestand in Illustrator. Ik ga naar Bestand> de afbeelding plaatsen en de laag hernoemen? Referentie. "Ik ga de Ellipse Tool (L) gebruiken om een ​​cirkel te tekenen voor het gebied waarin ik wil dat het droomelement zich in de laag bevindt. wordt 50% en de overvloeimodus wordt vermenigvuldigd, omdat ik het voorraadbeeld nog steeds voldoende duidelijk wil zien. Vergrendel vervolgens de laag.
Een nieuwe laag maken en de naam ervan wijzigen? BG. "Voeg een wit gevulde rechthoek (M) toe over het canvas en verminder de dekking tot 30%. Sluit de laag als het gereed is.Ten slotte een nieuwe laag maken en de naam ervan wijzigen?



Stap 3

In de? Bases "-laagmap beginnen de basisvormen voor de skin toe te voegen (C = 15, M = 25, Y = 30, K = 0) en de kleding (C = 61, M = 0, Y = 25, K = 20) De kleding bestaat uit twee delen, ik heb ze samengevoegd door een samengesteld pad te maken (Command + 8).



Stap 4

Een nieuwe laag maken en de naam ervan wijzigen? Schaduwen. "Voor de eerste arceringvormen, ga ik Pathfinder> Minus Front gebruiken om vormen uit duplicaten van de huidbasis te verwijderen. Effectief, wat ik aan het doen ben, is de lichtste delen uit de de basis van de huid, zodat u overhoudt met de donkere gebieden, dit maakt het sneller om de huidschaduw te beginnen.
Ik ga dezelfde huidskleur gebruiken en zet de mengmodus op vermenigvuldigen en opaciteit op 15%.





Stap 5

Ik ga door met het toevoegen van de donkere delen van de huidschaduwen en ik ga nog meer vormen toevoegen. Deze keer worden deze niet verwijderd van de originele basis van de huid, maar afzonderlijk getekend met dezelfde overvloeimodus en dekking.





Stap 6

Groepeer de vormen (Command + G) en dupliceer vervolgens de originele basis van de skin. Gebruik dit om een ​​uitknipmasker te maken (Command + 7), waarbij alle vormen die de basis overlappen worden verborgen.



Stap 7

Laten we nu donkere gebieden op de huid toevoegen en verfijndere details rond de gelaatstrekken. Dit wordt gedaan met een donkere huidskleur (C = 25, M = 35, Y = 40, K = 10) en ingesteld op Mengmodus Vermenigvuldigen en Dekking 10%. Voeg deze, als u klaar bent, toe aan de eerder gemaakte groep Clipping Mask.






Stap 8

Maak een transparant radiaal verloop met de basiskleur van de huid en ik gebruik dit om hoogtepunten aan de huid toe te voegen. Deze zijn ingesteld op Scherm gemengde modus en dekking 15%. Eens gedaan, Groepeer ze (Command + G) en voeg ze toe aan de Clipping Mask-groep.






Stap 9

Om wat zachte roze tinten aan de huid toe te voegen, gebruik ik een magenta transparant radiaal verloop voor de schouders, elleboog, wangen en lippen, ingesteld op Blending Mode Soft Light en Opacity 60%. Voeg een keer toe aan de groep Clipping Mask.



Stap 10

Bij het renderen van de huid, voeg ik steeds meer vormen toe aan de groep Clipping Mask om het contrast aan te passen of om het vloeiender te maken. Dus ik ga meer contrast toevoegen door een donkerder transparant radiaal verloop toe te voegen (C = 55, M = 60, Y = 65, K = 40) ingesteld op Mengmodus Vermenigvuldigen en Dekking 30%.





Stap 11

Om meer contrast toe te voegen, ga ik nog meer hoogtepunten aan het gezicht toevoegen. Deze worden uitgevoerd met de transparante radiale overgang van de basiskleur op de huid en ingesteld op Scherm mengmodus en dekking 50%. De sleutel tot het maken van deze huidschaduw in zwart-witstijl is om zeer vergelijkbare huidskleuren te gebruiken en te profiteren van de mengmodi Vermenigvuldigen en Scherm. Deze mengmodi verdonkeren en verlichten een vorm boven op een andere door wit en zwart toe te voegen aan de transparantie van de vorm. Deze techniek kan opnieuw worden gemaakt met andere kleuren en zelfs met slechts een of twee kleuren in uw palet.



Stap 12

Een nieuwe laag maken en de naam ervan wijzigen? Ogen. "Gebruik het gereedschap Pen (P) om twee ronde vormen voor de iris voor elk oog te tekenen met de basiskleur van de kleding. Zet deze vormen op Mengmodus Vermenigvuldigen en Dekking 50%.


Gebruik vervolgens de Ellips-tool (L) om de pupillen met een donkerbruine kleur toe te voegen (C = 50, M = 70, Y = 80, K = 70) ingesteld op Mengmodus Vermenigvuldigen en Dekking 50%.



Stap 13

Gebruik hetzelfde donkerbruine, creëer een top eyeliner effect met de Pen Tool (P) en zet dit op Blending Mode op Multiply en Opacity 50%.



Stap 14

Ik ga een magenta oogschaduweffect toevoegen met behulp van het eerder gemaakte magenta transparante radiale verloop. Voeg dit toe aan de boven- en onderkant van het oog ingesteld op Blending Mode Color Burn, Dekking 100%.




Stap 15

Maak een nieuwe laag en hernoem het? Haar. "Nu dat ik de basis van de ogen heb, ga ik beginnen met het tekenen van het haar. Ik zal mijn Width Profile-borstels van een vorige tutorial gebruiken voor het schetsen en detailleren.
Eerst ga ik de grens schetsen waar de schedel zich bevindt en een deel van het portret dat ik moet bedekken.


Vervolgens ga ik de ondoorzichtigheid van de schets verminderen en een nieuwe schets er bovenop toevoegen, met behulp van de meer transparante schets als richtlijn.



Stap 16

Als ik de schetsen als basis gebruik, teken ik delen haar voor de omtrek met een dikker slaggewicht (8pt) en gebruik ik de borstel Breed profiel 1. Ik ga de Paintbrush Tool (B) gebruiken, omdat dit meer "organische" lijnen zal creëren. Ik ga een donkerbruine tint gebruiken voor de streekkleur (C = 55, M = 60, Y = 65, K = 60).



Stap 17

Selecteer Alle lijnen (Command + A) en ga vervolgens naar Object> Object uitvouwen> Uiterlijk uitvouwen om de lijnen in vormen te veranderen. Gebruik Pathfinder> Verenigen om ze één vorm te maken.


Gebruik vervolgens de Live Paint Bucket (K) om de gaten in te vullen. Gebruik de optie Pathfinder> Unite om er één vorm van te maken.



Stap 18

Maak een nieuwe laag onder de laag "basismappen" en wijzig de naam ervan? Haarterugkering. " Trek binnen deze laag het haar achter het lichaam / gezicht met een donkerdere haarkleur (C = 55, M = 60, Y = 65, K = 60).



Stap 19

Ik ga het haar een beetje meer volume geven door een ander deel van het haar toe te voegen in de "Hair" -laagmap. Gebruik vervolgens Pathfinder> Verenigen om het haar toe te voegen aan de originele vorm.



Stap 20

Bouw verdere details van het haar op door dunnere slaggewichten aan de buitenkant van de haarbasis toe te voegen. De eerste slagen zijn ingesteld op 2pt.


Voeg vervolgens nog fijnere details toe met een slagdikte van 1 t / m.



Stap 21

Terug in de "Oogen" -lagenmap, ga ik dezelfde lijndikte, penseel en kleur gebruiken om de wenkbrauwen aan het portret toe te voegen. Deze staan ​​ingesteld op Overvloeimodus Normaal en Dekking 30%.



Stap 22

Ik ga wimpers toevoegen met dezelfde penseel en kleur, maar met een slaggewicht van 0,5 pt ingesteld op de mengmodus vermenigvuldigen en de dekking op 50 procent.



Stap 23

Maak een nieuwe laag onder de "Haar" -laagmap en wijzig de naam ervan? Lijnillustratie. " Ik ga 1pt-lijnen tekenen met behulp van de ronde gebieden in de illustratie met het bereik Breedteprofiel 1. Dit is om toe te voegen aan de stijl waar ik naar streef en om ook de grenzen van het beeld veel duidelijker te maken. Deze lijnen gebruiken een donkerbruine kleur (C = 55, M = 60, Y = 65, K = 60) ingesteld op Mengmodus Vermenigvuldigen en Dekking 50%.



Stap 24

Ik ga een wit transparant radiaal verloop gebruiken om verdere highlights aan het gezicht toe te voegen. Deze zijn ingesteld op dekking 50%.



Stap 25

Ik ga beginnen met het toevoegen van de schoenelementen aan de illustratie. Ik zal de tasast van Tasastock opnieuw gebruiken voor referenties voor de schoenen. U kunt de aandelen op deze plaatsen vinden:

  • Enkel laarzen
  • Bruine schoenen
  • Dolly schoenen
  • Blauwe duivels
  • Cobra Wedge
  • Zwarte hielen

Ik ga ze bijsnijden in Photoshop (C) en dan vectoren van elk; maar ik zal je laten zien hoe je de meest complexe kunt vectoren, zodat je weet hoe je ze moet doen.



Stap 26

Ik ga het referentiebeeld Enkellaarzen gebruiken voor het voorbeeld. Begin met een nieuw document, zoals u aan het begin van deze zelfstudie deed met mappen voor een transparante rechthoek (M) en een map voor de werkelijke vector, zoals hieronder weergegeven.



Stap 27

Gebruik de blauwe kledingbasis om de hele schoen te tekenen en gebruik vervolgens Pathfinder> Minus voorkant om de vormen uit de schoen te verwijderen, zodat je een dikke omtrek en hak overhoudt.




Stap 28

Behandel elk gedeelte dat overlapt op de laarzen als een nieuwe sectie. Dus met de riemen over de laarzen, heb ik hetzelfde proces herhaald als bij stap 27 en hetzelfde met de lussen op de riemen.





Stap 29

Ik ga de Live Paint Bucket (K) gebruiken om de vormen in te vullen. Ik vind het gemakkelijker om deze methode te gebruiken als je met kleuren experimenteert, omdat het sneller is om kleuren te veranderen met een klik, in plaats van een vorm te selecteren en opnieuw te vullen.




Stap 30

Ik ga hoogtepunten aan de laarzen toevoegen door een lichtere blauwe kleur te gebruiken (C = 32, M = 2, Y = 17, K = 0) ingesteld op Mengmodusscherm en dekking 50%.




Stap 31

Voeg de vormen voor de laatste gespen en de hooglichten toe met hetzelfde proces als de rest van de boot.




Stap 32

Herhaal hetzelfde proces voor elk van de schoenen in hun eigen bestand. Dit maakt het gemakkelijker om ze in de toekomst opnieuw te gebruiken.







Stap 33

Terug naar de hoofdillustratie, maak een nieuwe laag boven de "BG" -laagmap en hernoem die? Schoenen. " Ik ga de schoenen naar het canvas kopiëren (Command + C) en plakken (Command + V). Gebruik het gereedschap Vrije transformatie (E) om de schoenen in positie te draaien en de grootte ervan te wijzigen.



Stap 34

Maak een nieuwe laag onder de? Shoes "-laagmap en hernoem deze? Dream". Gebruik de ellipstool (L) om een ​​even cirkel te tekenen door Alt + Shift ingedrukt te houden, met een slaggewicht van 4pt.



Stap 35

Dubbelklik op het Bloat-gereedschap op de werkbalk en u krijgt de opties om het te bewerken. Pas het aan zoals getoond:


En gebruik dan de Bloat Tool om cirkels aan de buitenkant van de cirkel toe te voegen om een ​​wolk / droomeffect te geven.



Stap 36

Ik ga de Bloat Tool-opties opnieuw wijzigen om de breedte en hoogte te verlagen naar 30pt om meer cirkels aan de buitenkant van de vorm toe te voegen.


Dan ga ik naar de opties voor de lijn om de lijn te wijzigen om Lijn naar buiten uit te lijnen.



Stap 37

Vul de vorm nu met wit en ga vervolgens naar Effecten> Stileren> Gloed binnen en gebruik de onderstaande opties met de moduskleur ingesteld op lichtblauw (gebruikt om de schoenen te markeren).



Stap 38

Ik ga dan een Outer Glow toevoegen door naar Effecten> Stileer> Outer glow with the darker blue te gaan.



Stap 39

Voeg het effect dat u hebt gemaakt aan de vorm toe aan het palet Grafische stijlen, zodat u dit opnieuw kunt gebruiken om cirkels toe te voegen met het Ellipse Tool (L) rond de droombel.



Stap 40

Ik ga het droomeffect overdrijven door een spoor van luchtbellen aan haar gedachten toe te voegen. Ik ga een nieuwe laag maken boven de "Haar" -laagmap en de naam ervan wijzigen? Dream Front. " Hierin voeg ik twee cirkels toe met onze grafische stijl, omdat de vormen of het effect Buitenste Gloed op het haar kunnen overlappen. Dan ga je terug naar de "Dream" -lagenmap en voeg ik een nieuwe cirkel toe, die de droom zelf zal overlappen.



Stap 41

Ik wil dat de schoenen meer opvallen, dus ik ga een omtrek rond de schoenen toevoegen. Om dit snel en zo nauwkeurig mogelijk te doen, dupliceert u de schoenen. Vervolgens Object> Uitvouwen totdat alle effecten van Actieve verf zijn verwijderd. Gebruik Pathfinder> Verenig ze om hele vormen te maken.



Stap 42

Ik voeg een 0,5pt donkerbruine lijn rond de vormen toe en stel deze in op mengmodus vermenigvuldigen met 50% dekking. Dit komt omdat ik wil dat deze lijnen dezelfde zijn als die van het meisje.



Stap 43

Nu ga ik verdere details toevoegen met lijntekeningen op de schoenen met het penseel en het penseel van de breedteprofiel 1 met dezelfde instellingen.




Stap 44

Ik wil dat de kleding dezelfde lijnstijl weerspiegelt; Als u echter de opties Transparantie gebruikt om de dekkings- en overvloeimodi aan te passen, heeft dit ook invloed op de vulkleur. Dus als u alleen de lijn wilt beïnvloeden, gaat u naar het deelvenster Vormgeving en bladert u omlaag naar de streek. U kunt de dekking en overvloeimodus van hier wijzigen om de rest van de illustratie weer te geven.



Stap 45

Aangezien de huidschaduw overlappend is op de kleding, ga ik een lijn toevoegen langs het borst / kledinggebied met dezelfde stijl. Je moet deze kleine lijnen onthouden, anders kan het uit de toon vallen voor de ergernis van je kijker (die misschien niet in staat is om te zien waarom het er vreemd uitziet!).



Stap 46

Ga naar de "BG" -laagmap en pas de witte rechthoek aan om dezelfde stijl van de illustratie weer te geven. Ik heb een binnen en buiten uitgelijnde lijn gebruikt om de lijnstijl in de droomstijl en de lijnstijl in bruine stijl na te bootsen, zoals hieronder getoond. het deelvenster Uiterlijk.



Stap 47

Voor de laatste afwisseling van de illustratie, voeg ik een lichte reflectie op de ogen toe met twee wit gevulde cirkels met behulp van de Ellipse Tool (L). Deze worden ingesteld op 50% dekking.



Stap 48

En tenslotte, zoals al mijn illustraties met mensen erin, voeg ik een verscheidenheid van moedervlekken toe aan het gezicht en lichaam met de Ellipse Tool en gebruik ik de kleur van de lijntekeningen. Deze worden ingesteld op Mengmodus Vermenigvuldigen en 50% Dekking.



Conclusie

Door een scenario te overdrijven en de lichaamstaal in het oog te houden, kunt u met succes een vergelijkbare levensstijlillustratie samenstellen. Het gebruik van een mix van stijlen kan de toeschouwer helpen om het duidelijke verschil tussen een droom en de werkelijkheid te zien en hen te helpen zich te concentreren op de illustratie in de benodigde onderdelen..
Als de toeschouwer naar deze illustratie kijkt, worden ze eerst naar het vrouwelijke personage getrokken, waarna ze vaak hun ogen volgen naar waar ze naar kijken - in dit geval de schoenen. Ze zien dan de hele illustratie en kunnen duidelijk zien dat het een dagdroom is.