Style Mixing, Livsstil Illustration - Adobe Illustrator CS5

I dagens handledning ska jag visa dig hur en blandning av stilar kan producera och effektiv livsstilillustration, samtidigt som man tänker på grundläggande kroppsspråk och vilka synpunkter kommer att fokusera på.


Introduktion

I dagens handledning ska jag visa dig hur man konstruerar den här illustrationen, som passar för en kvinnas livstidsmagasin. Jag ska skapa en dagsdrömande scen med olika stilar för att hjälpa till att skapa en skillnad mellan verklighet och den dröm samt några grundläggande tips om viktiga element att vara uppmärksamma på, så att du kan kommunicera konceptet tydligt för tittaren.
Jag ska skapa en monokrom stil hudskuggning, som fortfarande är detaljerad och slät i utseende, till skillnad från tidigare hudskuggningseffekter som jag har visat dig tidigare.
Alla bilder som används i denna handledning har gjorts av den begåvade Tasastock. Detta inkluderar bilderna av kvinnomodellen och skorna.


Concept Research

Konceptet jag ska jobba på är att skapa en illustration som visar en kvinna som drömmer om skor. Kvinnan ska visas i ett positivt ljus och kanske längtar efter skor. Det verkar som ett enkelt begrepp, men de viktigaste inslagen är den senare delen av konceptet. Det är kroppsspråk och uttryck av modellen från stockbilden jag ska använda som hjälper till att kommunicera känslorna bakom biten. Låt mig visa dig några exempel och förklara.
Jag har tre möjliga bilder som jag kunde arbeta med som huvudbilden för kvinnan som drömmer. Den första är en kvinna som ligger på golvet med hennes lemmar mot buken. Anledningen till att den här typen av ställning inte skulle fungera är att vi ofta associerar fostrets position som att regressera tillbaka till att vara ett barn i livmodern, till en mer bekväm plats, därför är situationen som modellen ligger under för närvarande en negativ.


Nästa exempel, även om modellen ligger i ett bekvämt läge, som du antagligen kan gissa, kan vi inte se hennes ansikte. När vi tittar på en bild som innehåller en person i den, går vi rakt mot ansiktet, eftersom det här är ett av de viktigaste områdena där känslor kan förmedlas? så när modellen ligger i den här positionen kan vi inte direkt ansluta tittaren med känslan av illustrationen.


Vårt sista exempel är det jag ska använda. Anledningen till att göra det är att hon är medveten om sin dröm eller dagdröm om du vill. Hon verkar avslappnad och djup i tanke, som båda kan ses som positiva stämningar. Hennes armar är inte korsade och är öppna mot betraktaren, som du kanske redan vet är korsade armar ett tecken på att vara otillåtet och det är inte vad vi vill ha. Jag vill bjuda betraktaren på att se vad hon drömmer om.


Nu när jag har min huvudsakliga lagerbild kommer jag att dra en väldigt grov plan för vad jag tycker om att kompositionen ska vara. När jag har det i åtanke är det lättare för mig att visualisera hela projektet. När jag har det, kan jag gå vidare till vektorstegen.



Steg 1

Jag ska öppna lagerbilden i Photoshop och lätta sedan den med kurvor (Command + M) och använda förinställningen? Lighter. "Använd sedan Crop Tool (C) för att välja det område av referensen jag vill använda. När jag är klar kommer jag att spara för webb och enheter med en bredd på ca 800 pixlar.



Steg 2

Skapa en ny fil (Command + N) i Illustrator. Jag ska gå till Arkiv> Placera stockbilden och byta namn på lagret? Referens. "Jag ska använda Ellipse Tool (L) för att rita en cirkel för området jag vill att drömelementet ska vara inuti. Opacity kommer att bli 50% och blandningsläge multipliceras, eftersom jag fortfarande vill se stockbilden tillräckligt klar. Lås sedan lagret.
Skapa ett nytt lager och byt namn på det? BG. "Lägg till en vit fylld rektangel (M) över duken och reducera opaciteten till 30%. Låsa lagret en gång gjort. Slutligen Skapa ett nytt lager och byt namn på det? Baser."



Steg 3

I "Bases" -lagermappen börjar du lägga till basformerna för huden (C = 15, M = 25, Y = 30, K = 0) och kläderna (C = 61, M = O, Y = 25, K = 20). Kläderna är i två delar, jag har lagt till dem tillsammans genom att skapa en Compound Path (Command + 8).



Steg 4

Skapa ett nytt lager och byt namn på det? Skuggning. "För de första skuggningsformerna ska jag använda Pathfinder> Minus Front för att ta bort former från dubbletter av hudbasen. Effektivt tar jag bort de lättaste delarna av de ljusaste delarna hudbotten så att du är kvar med de mörkare områdena, vilket gör det snabbare att börja hudskuggningen.
Jag ska använda samma hudfärg och ställa in blandningsläget för att multiplicera och opacitet till 15%.





Steg 5

Fortsätt att lägga till de mörkare områdena av hudskuggning, jag ska lägga till ytterligare former. Den här gången tas de inte bort från den ursprungliga hudbasen, utan dras separat med samma blandningsläge och opacitet.





Steg 6

Gruppa formerna (Command + G) och duplicera sedan den ursprungliga hudbasen. Använd detta för att skapa en Clipping Mask (Command + 7), som kommer att gömma alla former som överlappar basen.



Steg 7

Låt oss nu lägga till mörkare områden på huden och mer raffinerad detaljering runt ansiktsfunktionerna. Detta görs med en mörkare hudton (C = 25, M = 35, Y = 40, K = 10) och inställd på blandningsläge Multiplicera och opacitet 10%. När du är färdig lägger du till dem i den tidigare skapade klipmaskgruppen.






Steg 8

Skapa en transparent radial gradient med hudbasfärgen och jag ska använda detta för att lägga till höjdpunkter i huden. Dessa är inställda på Blending Mode Screen och Opacity 15%. När du är klar, gruppera dem (Command + G) och lägg till dem i Clipping Mask-gruppen.






Steg 9

För att lägga till några mjuka nyanser av rosa till huden, ska jag använda en magenta transparent radial gradient för axlar, armbågar, kinder och läppar, inställd på Blending Mode Soft Light och Opacity 60%. När du är färdig lägger du till gruppen Clipping Mask.



Steg 10

När jag gör huden lägger jag alltid mer och mer till Clipping Mask-gruppen för att antingen justera kontrasten eller göra den mjukare. Så jag ska lägga till mer kontrast genom att lägga till en mörkare transparent radiell gradient (C = 55, M = 60, Y = 65, K = 40) inställd på blandningsläge Multiplicera och opacitet 30%.





Steg 11

För att lägga till mer kontrast lägger jag till ytterligare höjdpunkter i ansiktet. Dessa görs med hudfärgens transparenta radiella gradient och ställs in på Blending Mode Screen och Opacity 50%. Nyckeln till att skapa denna monokroma stil hudskuggning är att använda mycket liknande hudfärger och dra nytta av blandningsmöjligheter multiplicera och skärm. Dessa blandningsmetoder mörker och lätta en form ovanpå en annan genom att lägga vit och svart till formens transparens. Denna teknik kan återskapas med andra färger och till och med bara med hjälp av en eller två färger i paletten.



Steg 12

Skapa ett nytt lager och byt namn på det? Ögon. "Använd pennverktyget (P) för att rita två cirkulära former för iris för varje öga med klädbasfärgen. Ställ in dessa former för blandningsläge Multiplicera och opacitet 50%.


Använd sedan Ellipse Tool (L) för att lägga till eleverna med en mörkbrun färg (C = 50, M = 70, Y = 80, K = 70) inställd på Blending Mode Multiplication och Opacity 50%.



Steg 13

Använd samma mörkbruna, skapa en övre eyeliner-effekt med pennverktyget (P) och ställ in blandningsläge för att multiplicera och opacitet 50%.



Steg 14

Jag ska lägga till en magenta ögonskuggaffekt med hjälp av den tidigare skapade magenta transparenta radialgraderingen. Lägg till detta till toppen och botten av ögat som är inställt på blandningsläge Färgbränning, opacitet 100%.




Steg 15

Skapa ett nytt lager och byt namn på det? Hår. "Nu när jag har grunderna i ögonen ska jag börja rita håret. Jag använder mina breddprofilborstar från en tidigare handledning för skiss och detaljering.
Först ska jag skissera gränsen till där skallen är och ett område av porträttet jag behöver täcka.


Sedan gör jag för att minska skickets opacitet och lägga till en ytterligare skiss ovanpå med hjälp av en mer genomskinlig skiss som en guide.



Steg 16

Med hjälp av skisserna som en bas ska jag dra delar av håret för konturen med en tjockare slagvikt (8pt) och med breddsprofil 1 borsten. Jag kommer att använda Paintbrush Tool (B), eftersom det kommer att skapa fler "organiska" linjer. Jag ska använda en mörkbrun nyans för strokefärgen (C = 55, M = 60, Y = 65, K = 60).



Steg 17

Välj Alla rader (Command + A) och gå sedan till Objekt> Expand Object> Expand Appearance för att ändra linjerna till former. Använd Pathfinder> Förena för att göra dem en form.


Använd sedan Live Paint Bucket (K) för att fylla i luckorna. Använd alternativet Pathfinder> Unite för att göra det en form.



Steg 18

Skapa ett nytt lager under "Bases" -lagermappen och byt namn på det? Hårbaksida. " Inuti detta lager dra håret bakom kroppen / ansiktet med en mörkare hårfärg (C = 55, M = 60, Y = 65, K = 60).



Steg 19

Jag ska ge håret lite mer volym genom att lägga till en annan hårsektion i "Hair" -lagermappen. Använd sedan Pathfinder> Unite för att lägga till det i originalformen.



Steg 20

Bygg upp ytterligare detaljer om håret genom att lägga tunnare slagvikter runt hårbasens utsida. De första streckningarna är inställda på 2pt.


Lägg sedan till ännu finare detaljer med 1pt slagvikt.



Steg 21

Tillbaka i "Eyes" -lagermappen, kommer jag att använda samma slagvikt, pensel och färg för att lägga ögonbrynen till porträttet. Dessa är inställda på blandningsläge Normal och opacitet 30%.



Steg 22

Jag ska lägga till ögonfransar med samma pensel och färg, men med en slagvikt på 0,5pt inställd på blandningsläget Multiplicera och opacitet 50%.



Steg 23

Skapa ett nytt lager under "Hår" -lagermappen och byt namn på det? Linjekonst. " Jag ska rita 1pt-linjer med hjälp av Breddsprofil 1-borste runt områdena i illustrationen. Det här är att lägga till i stilen jag syftar till och att även göra gränserna för bilden mycket tydligare. Dessa linjer kommer att använda en mörkbrun färg (C = 55, M = 60, Y = 65, K = 60) inställd på blandningsläge Multiplicera och opacitet 50%.



Steg 24

Jag ska använda en vit transparent radiell gradient för att lägga till ytterligare höjdpunkter i ansiktet. Dessa är inställda på opacitet 50%.



Steg 25

Jag ska börja lägga till skoelementen till illustrationen. Jag använder lager igen från Tasastock för referenser till skor. Du kan hitta beståndet på dessa platser:

  • Ankel Stövlar
  • Bruna skor
  • Dolly Skor
  • Blå Djävlar
  • Cobra Wedge
  • Svarta klackar

Jag ska beskära dem i Photoshop (C) och sedan vektor vardera; Jag kommer emellertid att visa dig hur man vektor den mest komplexa så att du vet hur man gör dem.



Steg 26

Jag ska använda Ankle Boots referensbilden för exemplet. Börja med ett nytt dokument, som du gjorde i början av denna handledning med mappar för en genomskinlig rektangel (M) och en mapp för den faktiska vektorn som visas nedan.



Steg 27

Använd den blå beklädnadsbasen för att dra hela skon och använd sedan Pathfinder> Minus Front för att ta bort formerna från bagaget så att du är kvar med en tjock kontur och häl.




Steg 28

Behandla varje del som överlappar på stövlarna som en ny sektion. Så med remmarna som går över stövlarna, har jag upprepat samma process som steg 27 och samma med looparna på remmarna.





Steg 29

Jag ska använda Live Paint Bucket (K) för att fylla i formerna. Jag tycker det är lättare att använda den här metoden om du experimenterar med färger eftersom det är snabbare att ändra färger med ett klick, istället för att välja en form och påfyllning.




Steg 30

Jag ska lägga till höjdpunkter på stövlarna med hjälp av en ljusare blå färg (C = 32, M = 2, Y = 17, K = 0) inställd på Blending Mode Screen och Opacity 50%.




Steg 31

Lägg formerna för spännen senast och höjdpunkterna med samma process som resten av stödet.




Steg 32

Upprepa samma process för varje skor i sin egen fil. Detta kommer att göra det enklare att använda dem igen i framtiden.







Steg 33

Tillbaka till huvudillustrationen, Skapa ett nytt lager ovanför? BG "-lagermappen och byt namn på det? Skor." Jag ska kopiera (Command + C) och klistra in (Command + V) på skor på duken. Använd Free Transform Tool (E) för att rotera och ändra storlek på skor på plats.



Steg 34

Skapa ett nytt lager under "Skor" lagermappen och byt namn på det? Dream ". Använd Ellipse Tool (L) för att rita en jämn cirkel genom att hålla ner Alt + Shift, med en slagvikt på 4pt.



Steg 35

Dubbelklicka på bloatverktyget på verktygsfältet och du får alternativen att redigera den. Ändra det enligt följande:


Och använd sedan bloatverktyget för att lägga till cirklar på utsidan av cirkeln för att ge en moln / dröm effekt.



Steg 36

Jag kommer att ändra alternativen Bloat Tool igen för att minska bredden och höjden till 30pt för att lägga till ytterligare cirklar på utsidan av formen.


Då ska jag gå in i alternativen Stroke för att ändra stroke till Justera Stroke till Outside.



Steg 37

Nu fyller du formen med vit och går sedan till Effekter> Stylize> Inner Glow och använder alternativen nedan med Mode Color inställd till ljusblå (används för att markera skor).



Steg 38

Jag ska sedan lägga till ett yttre glöd genom att gå till Effekter> Stylize> Ytterglöd med mörkblå.



Steg 39

Lägg till den effekt du har skapat i formen i paletten Grafiska stilar så att du kan använda det igen för att lägga till cirklar med Ellipse Tool (L) runt drömbubblan.



Steg 40

Jag kommer att överdriva dröm effekten genom att lägga ett spår av bubblor till hennes tankar. Jag ska skapa ett nytt lager ovanför "Hair" -lagermappen och byta namn på det? Dream Front. " I detta lägger jag till två cirklar med vår grafiska stil, eftersom formerna eller den yttre glödseffekten kan överlappa på håret. Sedan tillbaka till "Dream" -lagermappen lägger jag till en annan cirkel, som överlappar själva själva drömmen.



Steg 41

Jag vill att skorna ska sticka ut mer, så jag ska lägga till en skiss runt skolorna. För att göra detta snabbt och så noggrant som möjligt, duplicera skorna. Därefter Objekt> Utöka dem tills alla Live Paint-effekter har tagits bort. Använd Pathfinder> Förena för att göra dem hela former.



Steg 42

Jag ska lägga till en 0,5pt mörkbrun Stroke runt formerna och ställa in detta till Blending Mode Multiplicera med 50% Opacity. Detta beror på att jag vill att dessa linjer ska vara av samma stil som de på flickan.



Steg 43

Nu ska jag lägga till ytterligare detaljer med linjekonst på skor med Paintbrush Tool och Width Profile 1-borsten med samma inställningar.




Steg 44

Jag vill ha kläderna att återspegla samma stil av linjekonst; Om du använder alternativen Transparens för att ändra opacitet och blandningslägen påverkar detta emellertid också fyllfärgen. Så att bara påverka stroke, gå in i Utseendepanelen och borra ner i Stroke. Du kan ändra Opacity och Blending Mode härifrån för att återspegla resten av illustrationen.



Steg 45

Eftersom hudskuggningen överlappar kläderna, lägger jag till en linje längs bröstet / klädområdet med samma stil. Du måste komma ihåg de här lilla linjerna, annars kan det inte vara så svårt att se din åskådare (som kanske inte kan se varför det ser märkligt ut!).



Steg 46

Gå in i "BG" -lagermappen och modifiera den vita rektangeln för att återspegla samma stil i illustrationen. Jag har använt en inåt och utåtriktad stroke för att efterlikna drömstilstilens konst och den bruna stillinjekonstanten, som visas nedan Utseendepanelen.



Steg 47

För de sista alternativen till illustrationen kommer jag att lägga en ljus reflektion på ögonen med två vita fyllda cirklar med hjälp av Ellipse Tool (L). Dessa kommer att sättas till 50% opacitet.



Steg 48

Och till sist, som alla mina illustrationer med människor i, lägger jag till en mängd mol på ansiktet och kroppen med Ellipse Tool och använder färgen på linjekonst. Dessa kommer att ställas in för blandningsläge och 50% opacitet.



Slutsats

Genom att överdriva ett scenario och hålla koll på kroppsspråk kan du framgångsrikt sammanföra en liknande livsstilsillustration. Att använda en blandning av stilar kan hjälpa tittaren att se den tydliga skillnaden mellan en dröm och verklighet och hjälpa dem att fokusera på illustrationen i de delar som krävs.
När betraktaren tittar på den här illustrationen kommer de att dras till kvinnlig karaktär först, då följer de ofta sina ögon för vad de tittar på - i detta fall skor. De ser så hela illustrationen och kan tydligt se att det är en dagdröm.