Meshing Boxing Gloves och komponera en händelseaffisch

I denna Plus-handledning ska jag förklara hur man skapar realistiska snygga handskar med maskverktyget och hur man installerar och designar en affisch med dem. Detta är en fördjupad förklaring och du borde redan ha en god förståelse för Mesh Tool.

Du kan hitta källfilerna i katalogen märkt "källa" som kom i filerna som du hämtade. Du kanske vill titta igenom dem kort innan vi börjar.


Steg 1

Innan varje design sätter jag mig ner och gör lite brainstorming. Jag älskar att surfa på nätet och samla idéer. Jag skriver också ner nyckelord som hjälper till att komma med ännu fler idéer. När jag har samlat några idéer sätter jag mig ner och börjar tummarna. Jag ritar lilla lådor och skissar snabbt ut mina idéer. Detta hjälper inte att glömma några och smalnar ner design. Jag brukar rita om en sida full av miniatyrbilder. Då tar jag en titt på dem och väljer den som ser mest lovande ut.

Därefter börjar jag skapa en halvtäckande layoutschema. Det är lite mer detaljerat och hjälper till att paketera upp layoutsidéerna. Nu har jag en bra förståelse för hur jag vill att min design ska se ut. Det hjälper mig att fokusera och jag kommer att få en hänvisning att titta på när du designar.




Steg 2

Sedan jag plockade ett par boxhandskar som jag hade sedan min barndom började jag ta bilder av dem i alla möjliga vinklar. Efter några Photoshop-val valde jag ett foto för att basera handskarna på. Nu ska vi starta Adobe Illustrator och placera bilden i det nya dokumentet. Jag valde en vanlig affischstorlek på 19 inches by 24 inches. Naturligtvis kan du skapa din egen affisch så stor som du vill. Dessa saker beror alltid på kundens önskemål, budgetar och reproduktionsgränser.




Steg 3

Placera fotot på sitt eget lager och lås det. Jag dämpade också bilden med 50% via Layers-alternativet. Skapa sedan ett annat lager och kalla det "skissera". Börja spåra handskarna med pennverktyget (P) och sätt stroken till 1pt svart och ingen fyllning. Jag började med spårning längs rätt handske.

Oroa dig inte för noggrannhet. Jag försöker hålla mig så nära formen som möjligt, men som konstnär har du frihet och val att lägga din egen tolkning i den. Det gör det till din egen skapelse istället för ren reproduktion. När du har spårat rätt handske, fortsätt med vänster handske och spåra den också. Vi kommer att behöva dessa former om och om igen. De kommer att fungera som basformar för nätobjekten och skuggorna som vi kommer att skapa senare.




Steg 4

Jag brukar bestämma mig för ett färgschema före handen. Eftersom jag gillar handskens röda, bestämde jag mig för att hålla fast vid den färgen och plockade ett fint färgschema som innehåller röda och orange nyanser, en fin mörkbrun, några höjdpunkter och en svart svart.

En bump svart är en svart CMYK-färg. Den består av 10% CMY och 100% K. Bump black används vanligtvis för utskrift där det finns ganska mycket svart färg. Det ger svart ett rikt djärvt utseende. 100% K för ett fyrfärgstryck är inte tillräckligt rik och kan göra en design look matt.



Steg 5

När spårningen är klar kan vi fylla formerna med en djupröd som jag plockade. Gör en kopia av formerna och placera dem på ett nytt lager. Lås det första lagret.



Steg 6

Vi måste skapa de olika delarna av handskarna. Ställ in handskfyllnadsfyllningen till ingen. Vi behöver bara Stroke för nu. Se till att du gömmer de andra lagren så att du kan se fotot.
Börja spåra längs den gula delen av handskarna. Vi behöver de gula delarna, handskens framsida, tummen och handskens botten. Dessa former hjälper oss med våra maskor.



Steg 7

Börja rita runt handskens delar. För att få en jämn form som motsvarar konturen, låt linjerna överlappa konturformen, välj sedan linjerna och slå dela knappen i Pathfinder Palette.



Steg 8

När du skapat alla dina former fyller du dem med de färger du vill ha. Jag valde en röd och en gul från mina ursprungliga färgprov som jag satt upp.




Steg 9

Nu kommer den roliga delen med Mesh Tool (U). Det här är inte ett enkelt och snabbt sätt att skapa former som ser realistiska ut, men tro mig, när du praktiserat lite kommer du att få en bra hänga på det och sakerna kommer att flöda lättare.

Jag brukar gömma och avslöja fotot när jag arbetar med maskverktyget (U). Studera bildbrunnen. Vi måste vara uppmärksamma på höjdpunkterna, skuggorna, veckorna och veckorna. Börja placera Mesh Lines genom att klicka på konturen. Jag satte Mesh Lines som ett rutmönster.



Steg 10

Placera masklinjer nära skuggor och höjdpunkter. Jag lägger en masklinje nästan på toppen av en skuggdel och på varje sida en annan masklinje. Detta är viktigt för att hålla de färger som jag kommer att applicera från att sprida för mycket.



Steg 11

Jag börjar alltid med en ljusare färg som basfärgen. När jag har lagt tillräckligt med meshlinjer, lägger jag till färg till Mesh Points. Du kan göra detta genom att välja Direktvalverktyget (A) och klicka (markera) en Mesh-punkt och sedan applicera en färg från färgpalettens. Naturligtvis går mörkare röda med skuggorna, ljusare röda med höjdpunkterna.



Steg 12

När du skapar ett veck som skugga är det bäst att gå i ett ljust mörkt mönster. En masklinje för mörk, en för ljus etc. När du började lägga till färger ser du var och för att placera höjdpunkter eller skuggor. Jag följer aldrig riktigt bilden precis, så lägg inte några påtryckningar på dig själv. Låt fantasin gå vild.



Steg 13

Här kan du se hur det fungerar genom att placera på varje sekund Mesh peka en mörkare röd. Det ger en illusion av en vikning.



Steg 14

Bara en snabb titt utan valde sökvägar. Långsamt men säkert kommer nätet till liv.



Steg 15

Jag lade till många fler Mesh Lines och placerade dem i ett rutnät som mönster. Var uppmärksam på höjdpunkter och områdesstorlekar. Ibland behöver du lägga till många fler maskslinjer, ibland bara några. Jag gillar inte att gå överbord, men vissa artister skapar superrealistiska illustrationer på så sätt. Men kom ihåg ju mer nätet desto mer arbete. :)



Steg 16

För att skapa en liten vik, lade jag till en masklinje för skuggan och två på varje sida för att begränsa den. Jag placerade också en vinkelrät linjeledning så att den inte spred sig för mycket.



Steg 17

Ibland vill du förlänga en färg eller flytta den så att den placeras annorlunda. Du kan enkelt flytta Mesh Points med Direct Selection Tool (A) och dra också Mesh Point Handle.



Steg 18

Återigen, ta en titt på fotot och jämföra det med din maskritning. Här kan du se en djupveck jag jobbar för att uppnå.



Steg 19

Se till att du väljer de yttersta punkterna i formen och fyll dem med en mörk röd. Detta lägger till djup.



Steg 20

Ibland ger mesh linjerna i stor form inte det önskade resultatet jag vill uppnå. Inget hindrar dig från att lägga en mycket mindre bit ovanpå och lägga till några mesh linjer. Detta kommer att göra tricket.



Steg 21

Här är en titt på översiktsläget (Command + Y) i Mesh Objects. Ju strängare maskarna desto mer detaljerad blir det.



Steg 22

Här är en första blick på rätt handske. Inte illa alls. Glöm inte att ta en paus när du känner att du har fastnat. Ibland kan en förändring av landskap ge dig ett nytt sinne.



Steg 23

Jag spårade den gula tidigare. Det måste vara plats under tummeformen.



Steg 24

Jag skapade en mindre gul form ovanpå den andra formen. Till denna del lägger jag till Mesh Lines och upprepar i grunden de tidigare stegen. Det finns ingen hemlighet för nät. Bara ett bra öga och en känsla för var du ska placera poängen. Så länge du följer reglerna för ljus och skugga, borde du inte ha något problem.



Steg 25

Ta en titt på rätt handske. Tummen har en extra bit av ett litet nät för att skapa framhöjd. Den gula har lite nät applicerat, men är fortfarande i tidigt skede. Den yttre delen av handsken ser ganska bra ut.



Steg 26

Titta på dessa handskar. Jag avslutade maskarbetet på handskarna enligt liknande steg som beskrivits ovan. Ganska lite arbete går in i nätobjekt, men jag brukar vara nöjd med slutresultatet. Jag lade till några sömmar, som jag skapade med en streckad linje i en mörkare gul. Men denna lilla detalj ger handsken ett frisk luft. Ibland kan bara en liten stroke eller extra detalj göra en stor skillnad.



Steg 27

På affischelementen. Först skapade jag en rektangelbakgrund i svart (bump black) och sätter den på eget lager under allt annat.



Steg 28

Jag vill skapa en fönsterram, så jag skapade en annan mindre rektangel ovanpå och centrerad den vertikalt i bakgrunden.



Steg 29

Sedan valde jag båda formerna och lade till en förbandsledning (Command + 8).



Steg 30

Jag skapade en annan form som är lika stor som affischen och fyllde den med en grå till beige linjär gradient.



Steg 31

Jag placerar lutningsformen bakom ramformen och lägger till maskhandskar på toppen. Jag lägger dem i mitten mot botten. Låta dem överlappa ramen. Detta ger en känsla av att de kommer ut ur affischen.



Steg 32

Jag hade tanken på att lägga till en folkmassa i bakgrunden. Ingenting fancy, bara en sorts skiss. Så här började jag. Jag skapade en ellips med Ellipse Tool (L).



Steg 33

Jag duplicerade det och gjorde flera kopior. Jag lade dem högre och lägre och bara lite av så det såg inte så linjärt ut.



Steg 34

Jag duplicerade huvudformen ellipser tills de fyllde hela bredden på affischen.



Steg 35

Jag lade en rektangel ungefär samma bredd under, så att den överlappar huvudet. Sedan valde jag huvudet och rektangeln och klickade på Lägg till i formområde i Pathfinder Palette.



Steg 36

Jag lade till en svart till beige linjär gradient med svart på toppen. Detta är min folkmassa. Men vänta något saknas. Vad kunde det vara?



Steg 37

Självklart. Vi behöver några glädjande händer. Jag drog verkligen några hemska händer här. Men eftersom de är i bakgrunden, kommer de att göra. Naturligtvis kan du gå mer i detalj och dra några fantastiska rockerhänder.



Steg 38

Nästa sak som jag kunde tänka på ett bra tillägg till en affisch var en startbrista. Populär stillbild och lägger alltid till ett visst dynamiskt designinteresse. Jag ritade en enkel triangelform och fyllde den med rött.



Steg 39

Sedan roterade jag och duplicerade det. För att göra detta välj form och välj Rotate Tool (R). Klicka sedan en gång i botten av triangeln, håll ner Kommando + Alt och dra medurs. Släpp slutligen musknappen.



Steg 40

Den roliga delen av duplicering är kommandot + D-genvägen. Lätt och smärtfritt klicka på Command + D flera gånger och här har vi vår startbrist.



Steg 41

Med ett boxningstema behöver vi några ringtåg. Skapa två långa rektanglar som tillsammans fyller affischens bredd. Man borde vara röd, den andra ska vara beige.



Steg 42

Lägg till en linjär gradient till den röda delen för att ge det ett snyggt utseende.



Steg 43

Lägg till några masklinjer i beigeformen och välj en eller två Mesh-punkter och applicera en mörkare beigefärg.



Steg 44

Jag gjorde tre duplikat av repet och placerade dem i ett icke linjärt mönster på affischen under handskarna.



Steg 45

Nästa behöver vi en punchy affisch typsnitt. Jag plockade Pilsen Plakat från Dafont.com. Det är viktigt att välja en bra typsnitt för en affisch. Ta lite tid att göra forskning. Det kan göra eller bryta din design.



Steg 46

Jag hade idén att få den att bli sliten eller skriven. Vilket bättre sätt att tillämpa en av de fantastiska effekter Illustrator har att erbjuda. Gå till Effect> Stylize> Scribble. Använd de inställningar du ser i bilden nedan. Var uppmärksam på att effekten tillämpas på både Fyll och Stroke.



Steg 47

Jag gör en kopia av texten och placerar den under. Jag ändrade Stroke till röd och ställa in storleken till 20pt. Sedan tillämpade jag samma skribel effekt.



Steg 48

Ta en titt. Detta är en snygg effekt. Det gör en sorts sökt utseende. Jag har också lagt till några stjärnor och mer text.



Steg 49

Jag skapade mer stylized scribble text och placerade den på toppen av affischen.



Slutsats

Detta är den sista dynamiska och effektiva affischen. Tänk på att en affisch ska fånga din uppmärksamhet och kommunicera enkelt med dig. Om det finns för mycket information kan du förlora läsarens uppmärksamhet.

När jag skapar en affisch försöker jag alltid följa några enkla regler: K.I.S.S Keep it simple and dumb) rule, C.R.A.P. (Kontrast, Repetition, Alignment och Proximity) regel och Z-regeln (från vänster till höger till botten till vänster mot höger). Men viktigast är att ha kul - glöm aldrig det!