Hur man gör en vektor militär keps ikon

I denna handledning visas den mellanliggande till avancerade Adobe Illustrator-artisten hur man gör en realistisk militär stil-kepsikon med övervägande gradienter, blandningar och Gradient Mesh Tool. Vi använder en bildreferens för att basera denna illustration på, men utnyttjar kreativ bedömning under hela processen.

Slutlig bildförhandsvisning

Nedan är den slutliga designen vi ska arbeta för. 

Steg 1

Börja med att ta ett fotografi av en keps som har en fin vinkel. Vanligtvis är den resulterande illustrationen bara lika intressant som det ursprungliga fotot. Överväg belysning när du tar bilden. Bra belysning säkerställer att du vet var du ska rita skuggor och belyser när du gör illustrationen.

Du kommer att kunna fokusera på utförande och inte försöka visualisera var skuggor och höjdpunkter ska gå. Även om du kan kompensera för dålig belysning om villkoren för fotot inte tillåter fin belysning. Detta foto är inte bäst, men jag kommer att improvisera och överdriva skuggorna och höjdpunkterna som är synliga.

Steg 2

Sätt locket på det egna lagret och lås det lagret. Under hela handledningen använder jag flera lager för att göra det enkelt att låsa objekt när de inte används. Jag kommer inte att peka ut när jag använder ett efterföljande nytt lager.

Använd pennverktyget (P) för att spåra varje del av hatten. Spåra inte hela konturet av hatten på en gång. Spårningssektionerna ger dig möjlighet att kontrollera hur gradientnätet fungerar inom varje område mer exakt. Använd en ljus färg och sätt slagets tjocklek till ca .5 så att du enkelt kan se vad du gör.

Steg 3

Observera hur varje del av locket är en egen form. Oroa dig inte heller om att spåra varje detalj i fotot. Använd kreativ diskretion när du bestämmer vad du ska inkludera och vad du ska lämna ut. Detaljer som hårdvaran på framsidan av locket skulle inte reproduceras bra i den resulterande ikonen eftersom den är så detaljerad.

Steg 4

Fyll i sektionerna av locket med en basfärg. Toppet på locket använder en medelgrön färg. Eftersom jag kommer att lägga till skuggor och höjdpunkter tänker jag alltid framåt och väljer en färg som inte är för mörk för att hindra skuggorna jag lägger till senare. För att klargöra, om jag använde en mörkare grön färg, skulle skuggorna inte lägga till mycket mer djup. Så tänk på hur du vill att det sista stycket ska se innan du börjar.

Steg 5

Eftersom kåpan är uppdelad i flera sektioner kunde jag enkelt och mer exakt förutse hur nätpunkterna skulle placeras. Vid placering av maskpunkter gjorde jag till att placera så få som möjligt och inte för nära i närheten av varandra, utom i närheten av undersidan av brädan, som framgår av nedan. Jag lade två punkter mycket nära i det här fallet eftersom jag vet att jag vill ha en skarp förändring, från en färg till en ljusare färg.

Vid placering av maskpunkter är det vanligtvis lättare att placera den första maskpunkten nära objektets mittpunkt. Du borde bara behöva placera ungefär fem eller sex poäng för att få utseendet nedan. Öppna maskverktyget genom att trycka på (U).

Steg 6

Det effektivaste sättet att definiera skugga och markera färger är att lägga till dem i din färgpalett innan du behöver använda dem. Detta kommer också att se till att dina färger är konsekventa. Om du till exempel använder en ljusgrön färg på den vänstra kanten av hatten kommer du förmodligen att ha samma färg på höger kant. Det är bättre att definiera färgrar än att försöka gissa vilken färg du använde, eller välj rättvisa reglagen.

Steg 7

Med hjälp av Direct Selection Tool (A) markerar du de punkter som du vill lägga till skuggor till. Välj flera punkter genom att dra över alla punkter, eller genom att klicka på varje punkt en åt gången medan du håller ned skiftet. När du väl har markerat klickar du helt enkelt på den mörkare färgen i Swatches Palette för att applicera den.

Steg 8

Även om du har fördefinierade färgrar i din färgpalett kan du kanske göra en speciell färg vid någon tidpunkt. Med hjälp av Direct Selection Tool markerar du den punkt som du vill ändra färgen på, gå sedan till Color Palette, klicka på den lilla triangeln i det övre högra hörnet och välj HSB. HSB tillåter att punktens färg ändras till ljusare och mörkare toner i färgen. Om du bara vill att färgen ska vara ljusare eller mörkare, ändra B-reglaget, som visas nedan.

Steg 9

Lägg till maskpunkter på botten av locket och justera deras färg också. Du kan flytta enskilda nätpunkter om du inte är nöjd med sin ursprungliga position. För att flytta nätpunkterna välj dem med hjälp av Direct Selection Tool och flytta dem till position.

Steg 10

Capens botten ligger under skuggan på lockets övre del. Om du har upptäckt att du behöver drastiskt justera mörkret i någon del av kåpan kan du välja enskilda punkter eller hela objektet och ändra dess övergripande färg. För att ändra flera maskpunkter på en gång, gå till Redigera> Justera färgbalans. Ge alla inmatningsområden samma värde för att antingen lysa eller mörka färgerna.

Steg 11

Lägg märke till hur skuggorna är mycket mer dramatiska än de i det ursprungliga fotografiet. Som jag nämnde tidigare, om bilden inte är ordentligt tänd måste du tillverka var skuggorna ska gå när du gör ikonen.

Steg 12

Vi kommer att ge kanten på hatten en liten markering genom att först dra en form som följer kåpans kurva. Blur formen genom att gå till Effect> Blur> Gaussian Blur ...

Steg 13

I stället för att lägga till varje enskild detalj med hjälp av gradientnätet, kan du lägga till andra skuggor på samma sätt som vi använde för föregående steg.

Steg 14

När du använder svart bör du använda en rik svart färg, inte en gråskala svart. Rik svart skapar en mörkare svart och använder rött, grönt och blått på 0%. Gråskala svart är inte dåligt att använda, det är bara inte helt svart. De färgprofiler som Illustrator lägger till automatiskt i ditt dokument är gråskala svart, förutom den angivna korrigeringsfilen. Om du till exempel skulle göra en lutning med hjälp av svartvita svarta gråtoner, så skulle det aldrig se hela vägen svart.

Steg 15

Du märker att kupongräkningen använder Illustrators gråskala svart vid denna punkt. Gå framåt och gör den till en rik svart och ge de olika delarna av lockets dunkla gradienter.

Steg 16

Du kan ge varje element mer djup genom att ge dem en inre glöd. För att applicera en inre glöd, gå till Effekt> Stylize> Inner Glow ... Välj en mörk färg och ställ in läget för att Multiplicera.

Steg 17

Rita en form över räkningen som kommer att bli reflektionen.

Steg 18

Ge varje del av propositionen en gradient. Experimentera med radiala och linjära gradienter, använd dem där de fungerar bäst.

Steg 19

Uppnå mer djup genom att dra en svart form som följer bandets kurva ovanför räkningen och suddas ut genom att gå till Effekt> Blur> Gaussisk Blur.

Steg 20

Rita höjdpunkter med hjälp av pennverktyget på strategiska områden av kepsbandet. Du behöver inte markera alla områden. De andra höjdpunkterna är underförstådda. Implicerade höjdpunkter ger ikonen mer intresse.

Steg 21

Lägg även till höjdpunkter i övriga områden.

Steg 22

Ge den stora höjdpunkten på kappans räkning en inre glöd (som fungerar som en skugga) genom att gå till Effekt> Stylize> Inner Glow ... som uppnåtts i steg 16.

Steg 23

Det finns två olika skuggor som används för att slutföra illustrationen. Den första skuggan använder sig av former som ritas med hjälp av pennaverktyget (N.) För att visa hur man uppnår effekten har jag stängt av kappskikten. När du ritar dina former blir det lättare att rita skuggan på sitt eget lager med de andra skikten som syns.

Rita en form och ge den en mörk fyllning med rik svart. Rita en andra större form och ge den en helt vit fyllning. Observera att min större form använder en ljusgrå färg. Det här är så att du kan se att det faktiskt finns en form ritad.

Steg 24

Välj båda formerna och gå till Objekt> Blanda> Gör. Illustrator kommer att använda de senaste inställningarna som används. Om du vill ändra hur många steg som används, gå till Objekt> Blanda> Blandningsalternativ.

Steg 25

Den andra skuggan används under hylsräkningen. Skapa den här skuggan genom att dra en halvcirkel. Blur skuggan genom att gå till Effect> Blur> Gaussian Blur.

Steg 26

Ställ in transparensen för båda skuggorna till Multiplicera så att de blandas snyggt om de överlappar varandra. Du kan också anpassa sin opacitet om det behövs.

Slutlig bild

Här är den färdiga militära kepsikonen.