Share
I den här handledningen visar vi dig hur du gör ett coolt, eller ska vi säga geeky, glasögonikonen. Du bör vara känd i Adobe Illustrators verktyg för att slutföra denna handledning. Du lär dig hur du tar en kreativ licens och skapar en bild som använder en bildreferens, men skiljer sig lite från den slutliga designen.
Publicerad handledningVarje par veckor besöker vi några av våra läsares favoritinlägg från hela webbplatsens historia. Denna handledning publicerades först i december 2008.
Börja med att ta ett foto av några glasögon. Se till att du tar den med en tillräckligt hög upplösning så att den inte blir pixelerad när du tittar på större storlekar medan du arbetar.
Slutresultatet är mycket mer karaktäristiskt och geekigt. Om dina glasögon inte är precis som du vill att illustrationen ska visas måste du improvisera när du gör illustrationen. Trots allt är fotografiet bara en referens. Vi kommer att avvika från det faktiska fotot i den sista ikonen.
Placera fotot på sitt eget lager och lås skiktet. Använd pennverktyget (P) och dra runt kanten av glasögonramarna. Ge stroke en tjock vikt. Vi kommer att konvertera stroke till en form i ett senare steg. Detta kommer att spara oss besväret med att rita två olika rektanglar för att göra glasögonets ram.
Spåra glasets arm nästa. Ge denna stroke en Round Cap genom att klicka på alternativet som markeras nedan.
När du är färdig med att spåra båda armarna och ramarna, expandera dina slag genom att gå till Objekt> Expand ...
Med hjälp av Direct Selection Tool (A) flyttas punkterna runt för att göra glasets arm tjockare mot framsidan, där de ansluter till linsområdet.
Du kan också ta bort poäng om de hindrar dig när du flyttar andra punkter runt.
Sedan jag går för ett dorkigt utseende bestämde jag mig för att göra mittpartiet av glasögonen mycket större. Detta område är helt uppbyggt i termer av hur det ser ut. Var inte rädd att avvika från fotot. Du måste veta när man ska följa reglerna och när man ska bryta dem. Just nu är det perfekta tillfället att bryta dem.
Det här är vad din ikon ska se ut just nu.
Zooma in och se till att dina linjer är smidiga. Detta steg går långt i slutresultatet. Tillbringa lite tid nu för att spara mycket huvudvärk senare.
Ge glasdjupet genom att duplicera varje sektion av glasögonen. Håll ner Alternativ medan du klickar och drar formen för att duplicera varje form.
Använd pennverktyget till vänster på glasögonen som förbinder ramen med armen.
Dra nu höger sida. Observera igen att illustrationen är lite annorlunda än fotografiet. Eftersom glasögonens armar är mycket större, måste formen som förbinder ramarna och armarna också vara större. Tänk också på det slutliga resultatet vi uppnår är en ikon. De flesta ikoner har enkla former så att du inte blir alltför bekymrad över att följa varje detalj på fotografiet. Det är väldigt mycket en balanshandling som du kommer att lära dig över tid och experiment.
Ge det anslutande formdjupet genom att duplicera det också.
Rita överdelen och sidan för att avsluta anslutningen.
Observera hur den grundläggande formen på ikonen skiljer sig från fotot.
Gör linsen på glasögonen genom att duplicera ramen, dra en form bakom den och använd Pathfinder för att dela formerna. När du delar upp formerna, gå till Objekt> Ungroup för att välja bara linsområdet. Ta bort oanvända delar som är kvar.
Placera linserna över ramarna.
Välj båda linserna och ge dem en lutning. Spela runt med färger och gradientens vinkel tills du hittar något du vill. I transparentpaletten justerar linsens opacitet till ca 50%.
För att finjustera färgerna kan du välja Redigera> Redigera färger> Justera färgbalans ... och ändra dem mer (som anges i nedre skärmdump).
Nästa kommer vi att skapa en bit vit tejp som kommer att linda runt mitten av ramarna. För godtyckliga former tycker jag att det är lättast att använda blyertsverktyget (N) för att rita formen. Med hjälp av blyertsverktyget kan du rita som om du faktiskt använde en penna i ett kontinuerligt slag. Eftersom bandet ska ha ett mer naturligt utseende fungerar det perfekt. Tips: När du ritar med pennaverktyget kan du stänga formen när som helst genom att trycka på Alternativ och släppa musknappen.
Ge bitbandet en detaljerad gradient. Lägg märke till att undersidan av tejpen har en höjdpunkt som tyder på att ljuset studsar bort från ytan som glasögonen sitter på.
Ge tejpen ett mörkt inre glöd genom att gå till Effekt> Stylize> Inner Glow.
Sist, ge tejpen en liten droppskugga genom att gå till Effekt> Stylize> Drop Shadow.
Små detaljer går långt. Lägg till en mörk inre glöd på linserna genom att gå till Effekt> Stylize> Inner Glow ... Jag bestämde mig för att använda en mörkblågrön för inre glöd så att det kommer att blandas bättre med linsens färg.
Nästa kommer vi att accentuera glasögonens ramar. Välj sektionerna en i taget och ge dem komplexa gradienter. Var uppmärksam på var ljuset träffar varje område av ramen. Försök att få din lutning att vara lättare i dessa områden. I bilden nedan har jag angett det område av armen på glasögonen som borde vara det lättaste.
Ge också varje sektion av området du markerar en inre glöd genom att gå till Effekt> Stylize> Inner Glow ... Denna inre glöd ska vara känslig för att inte hindras för mycket med de gradienter du tillämpar.
Välj en annan del av ramen och ge den en komplex gradient. Återigen anges det område som ska ha mest uppmärksamhet. Observera att det kan finnas flera områden som har höjdpunkter.
Ge formen som också kopplar glasets ram och arm till en subtil gradient.
Glasögonets hela ansikte har en mycket enkel gradient som nästan går obemärkt. När det gäller glasögonets ansikte, eftersom det är allt platt är min användning av lutningen godtycklig. Se bara till att det är subtilt.
Lägg till några välplacerade höjdpunkter som hjälper till att definiera visuellt ointressanta områden eller områden som uppenbarligen skulle återspegla ljus.
En liten markering på linsens kant är ett måste. I stället för att tråkigt dra en höjdpunkt längs linsens kant, använd Pathfinder till din fördel. Duplicera linsen och klicka på Subtrahera från formområde, som markerat på nedre skärmdump.
För att lägga till en annan dimension i linserna, rita en bågform och sudd den genom att gå till Effekt> Oskärpa> Gaussisk oskärpa ... Justera formens opacitet om du behöver.
Skuggan kommer att lägga en fin finish på glasögonen. Skuggan består av de två former som utgör armarna och en annan horisontell linje nedan. Välj formen och gå till Effect> Blur> Gaussian Blur.
Du kommer att märka att spetsen av glasens armar är krökt något uppåt. Byt ut punkterna med hjälp av Direct Selection Tool för att ge indikationen att glasets spets inte sitter ihop med bordet.
Välj skuggan. I transparentpaletten ställer du in läget till Multiplicera, så skuggan kommer att blandas bättre när du placerar en bakgrund bakom den.
Rektangelverktyget (M) ritar en rektangel och ger den en svag gradient.
Runda hörnen av rektangeln genom att gå till Effekt> Stylize> Round Corners.
Ge rektangeln en inre glöd genom att gå till Effekt> Stylize> Inner Glow.
Här är den sista vektorglasikonen! Som du kommer märka är slutresultatet lite annorlunda än fotografiet. Det är skönheten att illustrera någonting, du kan göra det exakt som du vill ha det.
Prenumerera på VECTORTUTS RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.
Accentsconagua