Share
Denna handledning syftar till att vägleda dig från sketchbook till skärm; en "Fat Cat" doodled med biro översatt till en snygg vektor karikatyr. Intermediate kunskaper om Adobe Illustrator rekommenderas. Låt oss ta en titt på hur man skapar en fräck kattillustration - från första konceptet till vektor godhet.
Nedan är den slutliga designen vi ska arbeta för.
Prata med någon Illustrator och de kommer att predika betydelsen av skiss. Medierna du använder är irrelevanta, du kan vara doodling på din vardagsrumsgardiner med tomatketchup, det spelar ingen roll. Det viktiga är att genom att skissera kan du visualisera och utveckla dina idéer snabbt. Här är en användbar artikel om skissering i designprocessen.
Din ritningsförmåga är av större relevans, men skissens karaktär innebär att du genom övning och förfining bara förbättras. Detta gäller förmågor över skalan. Det första steget är därför upp till dig. Gå och skissera. Kasta dina idéer ner på papper (eller vad som helst), avvisa dem, förfina dem eller omfamna dem. När du är nöjd kan du tänka på att överföra dem till din skärm.
I syfte med denna tut har jag ritat en Fet katt karikatyr. Politiskt uttalande? Inte riktigt, men termen verkar vara på allas läppar världen över för tillfället. Det var bara i mitt huvud.
Du kan se med antalet rader på skissen hur mycket gjutning han behövde. Det här var inte alls det första försöket.
För detta steg behöver du en skanner, eller åtminstone några sätt att digitalisera din skiss (digitalkamera, kamera på din mobiltelefon). I vilket fall som helst måste din skiss överföras till din dator i en tillräckligt hög upplösning så att du kan arbeta med den. Min skiss är 1500px bred och 1500px hög vilket är bra.
Öppna din skissfil (helst jpg, gif, png etc.) i Illustrator genom att antingen öppna den direkt eller öppna ett nytt dokument och gå till Arkiv> Plats. Ge skiktet på ett lämpligt namn och lås det. Jag har också gömt tavlan (Visa> Dölj tavla) för att ta bort oönskade rotor från min skärm.
Processen att omvandla bilden till vektorer är okomplicerad. Det kräver lite skicklighet med Pen Tool, men det mesta av beslutsfattandet om din karikatyr är redan klart.
Skapa ett nytt lager för att börja ritningen och ge den ett lämpligt namn ("Objects Cat" i mitt fall). Välj Penverktyget och börja med att grovt spåra huvudkroppsformen. Försök att använda så få ankarpunkter som möjligt för jämnhet, men du syftar inte till en perfekt cirkel.
Som du kan se av bilden nedan har jag ritat en stängd väg för att börja kattens kropp. Nå, faktiskt kan du nästan inte se den. Vi måste förbättra hur vi jobbar med dokumentet annars kommer vi att ge oss huvudvärk.
Dubbelklicka på skiktet "Sketch" i Layer Palette för att öppna dialogrutan Layer Options. Kontrollera Dim Dimensioner till kryssrutan och ange ett värde på 30%. Klicka på OK. Detta kommer (kanske självklart, men det här är Spoonfed vektor tutar) dämpa alla bilder på "Sketch" -skiktet till 30%, vilket gör ritning över toppen enklare.
Ändra nu din sökvägs slagfärg till något klart; Magenta till exempel (# FF00FF). Mycket bättre!
Använd pennverktyget för att rita de väsentliga formerna som bygger upp karikatyren. Öronen som visas nedan kan stanna som de är; De kan placeras bakom huvudkroppsformen och, när de är färgade, kommer sticka ut. Remsorna ovanpå huvudet måste trimmas för att ligga inom kroppsformen, så använd Pathfinder-verktygen för att göra detta. Rypes tips om hur man skapar en super lycklig bläckfiskskaraktär är en bra resurs för att ta tag i Pathfinder-verktygen i Illustrator.
Dra nytta av några Illustrators metoder för att bygga de former du behöver, istället för att rita varje skiss med Pen Tool. Rita en enda väg ner i mitten av vänster arm. Ändra nu strokeegenskaperna med Stroke Palette; ge det avrundade ändar och gör det tillräckligt stort för att fylla hela armområdet.
Gå nu till Objekt> Path> Outline Stroke för att ändra din väg till ett objekt. Ge den samma streckfärg och bredd som resten av ritningen, använd sedan Pen-verktyget för att rita klorna och tassarna.
Kopiera och klistra in (Command + C, Command + V) kattens arm och vänd den på en vertikal axel för att gå på motsatta sidan av kroppen (Objekt> Transform> Reflektera). Dubbelklicka inte de klor och tassar du redan har skapat, dra dem igen för att ge bilden den lilla extra personligheten. Rotera och placera elementen för den andra armen efter behov.
Eftersom din bild börjar öka i komplexitet och din tavla sprutas med fler och fler vägar, kan du tycka att det är användbart att rensa upp saker nu och då. Genom att välja allt du har gjort (Command + A) och sedan Döljer allt (Command + 3) eller Objekt> Dölj> Urval, kommer du att göra livet enklare på dig själv. Inget mer oavsiktligt urval av vägar, eller visuell förvirring.
Gör så här som du går i olika steg. När du är redo (eller du har glömt vad som dras) kan du avslöja dem igen. De har inte tagits bort!
Zooma in och använd Pen Tool (som vanligt) för att skapa de grundläggande formerna, som bygger upp Feta katter ansikte. Du behöver inte fästa 100% i raden på din skiss, det är din ritning och du kan ändå ändra det om du vill! Därefter tittar vi på färgning och pathfinding munnen för att klargöra vad som händer där.
Använd nyanser som illustreras här i färgpallen för att färga föremålen som bildar munnen. Ge de två största hovarna en ren 100% vit så att de verkligen hoppar ut. Gruppera också alla munelementen tillsammans (Command + G).
Använd Direct Selection Tool och klicka på huvudmunstycket. Kopiera det (Command + C) och klicka sedan på tavlan för att avmarkera objektet. Klicka på Kommando + F för att klistra in objektet på plats och över munnen.
Välj nu mungruppen och det nyligen klistrade munobjektet. Gå till Objekt> Clipping Mask> Gör (Command + 7) och din Feta katter munen kommer att bli uppslukad! Vid den här tiden kan du fortfarande använda Direct Selection Tool för att välja tänder eller andra objekt för ompositionering.
Rita de återstående elementen i skissen; skjorta halsband, slips, fönster reflektion etc. Remsorna på skjortan är gjorda av upprepade vertikala ränder, justerad med lika horisontella avstånd och sedan utbuktande med Warp-verktyget (Effect> Warp> Bulge). Banor konverteras sedan till konturer (Objekt> Path> Outline Stroke) och formas till kroppen med hjälp av Pathfinder Tool.
För att bilda svansformen, upprepa stegen som är involverade i att dra i armarna; skapa en bana (den här gången gör du också en kopia), öka strokevikt, runt ändarna och slutligen, skissera stroke.
Klistra in den kopierade banan (Command + F). Detta kommer att ge ränderna i svansen någon riktning.
Okej, några små steg krävs här för att ge svansen lite randar. Vi ska göra en anpassad pensel. Först måste du göra några små, horisontella banor fördelade ut över tavlan som i bilden nedan. Ge dem så tunga strokevikt som du vill att dina ränder ska ha.
Nu behöver du slumpmässigt distribuera dem. Med de valda strockarna går du till Objekt> Transformera> Transformera varje (Alt + Skift + Kommando + D). Fyll i alternativen i Transform varje dialog som visas nedan för att distribuera varje stroke slumpmässigt upp till 70px horisontellt. Klicka på OK.
Dra sedan din samling slumpmässigt fördelade banor i penselpaletten (Fönster> Penslar) och välj att skapa en ny konstborste. I dialogrutan Art Brush Options ger din pensel ett namn och se till att det kommer att springa längs vägen, inte över det. Klicka på OK.
Välj den centrala svansvägen och klicka på den nya penseln från Borstpaletten. En attraktiv randig svans! För att avsluta, gå till Objekt> Expand Utseende och ta bort den ursprungliga sökvägen. Gå sedan till Objekt> Översiktstreck för att vända dina ränder till stängda vägar. Till sist, använd Pathfinder Tool för att nypa upp ränderna till inom gränsen för svansen.
Efter att ha slutfört hela linjearbetet är det dags att göra allt synligt (Objekt> Visa allt) och ge det lite färg. Jag har inkluderat swatch paletten i skärmdumpen nedan så att du kan följa samma schema om du vill. Om du bygger din egen palett försök att hålla det enkelt och begränsat.
Skuggobjektet under kragen är färgat med lila längst ner i swatchlistan (du bör borde försöka undvika att använda 100% svart när det är möjligt, bara mörka nyanser). Jag har gett det en mångsidig öppenhet på 30%.
Som du kan se har jag lagt en bakgrundsrektangel och fönsterobjektet på ett separat lager för att hålla dem under katten.
Ge din scen lite mer atmosfär genom att sudda fönstret objektet och skjuta det visuellt i bakgrunden. Välj det och gå till Effekt> Oskärpa> Gaussisk oskärpa ... Ge det en rad av något liknande 5px och klicka på OK. Ge nu en normal transparens på 20% för att avsluta det.
Låt oss också göra ögonen så lite mer syndiga. Kopiera dem och sedan med de original som fortfarande valts, gå till Effekt> Applicera Gaussian Blur. Har du just tillämpat den här effekten på fönstret kommer du nu automatiskt att applicera exakt samma effekt med samma parametrar till dina valda objekt. Dina ursprungliga ögon har nu en Gaussisk suddighet med en radie på 5px. Klicka på Kommando + F för att klistra in de kopierade ögonen över toppen för tydlighet.
Självklart behöver du inte vara 100% trogen på din ursprungliga skiss, jag har flyttat och ändrat storleken på saker hela vägen längs denna process. Nu är det uppmärksamt på mig att något extra behövs, något Fat-KATTLIK. Jag ska lägga till en cigarr.
Med hjälp av följande objekt byggde jag en cigarr, färgade den efteråt sympatiskt till bilden. Skuggan är återigen en mörk lila, men ges en opacitet på bara 10%. Den glödande änden av cigaretten gör just det: välj det och gå till Effekt> Stylize> Outer Glow. I det här fallet har glödet ett skärmläge, en färg på # CCA500, och sprider 1,75 mm.
För den sista touchen av sinister atmosfär har jag kopierat rektangeln som bildar den bakgrunden och klistrade på den på plats på ett nytt lager över allt annat. Den har en gradientfyllning från 60% Svart till 0% Svart med det första gradientstoppet positionerat vid 25%. Med en Multiplicity Transparency, lägger rektangeln ett skumt mörker till botten av den slutliga bilden.
Ett par whiskers och där har du det! Att skapa en bild som den här kanske eller inte kommer naturligt för dig, övning är förstås nyckeln. Processen att förvandla dina skisser till digital konst bör dock förhoppningsvis vara lite enklare.
Accentsconagua