Share
Denna handledning lär dig hur man skapar ett enkelt pokerchip. När chipet har skapats kan vi ändra färger, stapla dem ihop, rotera och vad du vill ha.
Låt oss börja med att skapa elementen på fliken. Då använder vi en teknik som jag använder i Teknisk Illustration för att skapa en isometrisk cylinder. Därefter ger vi den lite färg, lägger till en skugga och en bakgrund för att slutföra bilden. Förhoppningsvis kommer teknikerna i denna handledning att hjälpa dig i några av dina egna projekt.
Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.
Detta är en bild av ett pokerchip. Vi kommer att basera vår design av detta. Om du märker är ett pokerchip verkligen en tunn cylinder. Det finns sex stora vita remsor runt utsidan och tolv små vita remsor på den inre delen av chipet. Chippet har också ett litet inslag som rymmer de mindre vita remsorna. Jag kommer att ignorera tärningsikonen på pokersidan, men du kan enkelt lägga till detta om du vill.
Börja med att skapa en enkel cirkel med hjälp av Ellipse Tool (L). Ge cirkeln en vit fyllning och en 1pt svart slag. Om du vill ha mer realism kan du mäta diameterpokerchipet och klicka sedan på tavlan. Detta kommer att hämta dialogrutan Ellipse, ange de här dimensionerna i fälten Höjd och Bredd och tryck OK.
Pokerchipet har en inre ring som är indragad. För att skapa denna inre ring, använd Ellipse Tool (L) för att rita två mindre cirklar, inom den cirkel du just skapat.
Ledtråd: Slå på Smart Guides (Command + U) och placera markören i exakt centrum av den första cirkeln som du ritade. Med Smart Guides aktiverat kommer markören att snäppa till mitten av cirkeln. Klicka på musknappen och dra samtidigt som du håller Alternativ-knappen intryckt. Detta kommer att skapa en proportionerad cirkel från mittpunkten, utåt.
Kopiera vad du har gjort hittills (Redigera> Kopiera, Redigera> Klistra in) och dra bort det till sidan. Detta kommer att vara vår bas, men vi behöver den ursprungliga kopian av cirklarna för att skapa våra vita remsor.
Vid mittpunkten i vår ursprungliga cirkel, använd rektangelverktyget (M) och skapa en rektangel, se exemplet nedan för ungefärlig storlek. Återigen, för mer realism, kan du mäta de exakta dimensionerna av remsan. När du har skapat, dra rektangeln till toppen av cirkeln, så att rektangeln kan hänga över kanten av cirkeln.
Använda teknikerna i steg 2, skapa en annan cirkel från originalets mittpunkt. Var noga med att göra cirkeln tillräckligt stor för att tillåta rektangeln du ritade i steg 4 för att hänga längst ner i denna cirkel.
Om du tittar på det ursprungliga pokerchipet har vi sex stora vita remsor som omfattar poker chipets ansikte. Vi måste duplicera rektangeln som vi just skapat fem gånger för att täcka omkretschipet.
Välj rektangeln du skapade i steg 4. Välj nu Rotate Tool (R). Leta reda på mitten av pokerchipet. Med markören över cirkelns mittpunkt (det kan vara lättare att hitta i översiktsläge), håll alternativtangenten och klicka på musknappen. Rotationsdialogrutan dyker upp. Eftersom vi vill ha totalt 6 rektanglar runt cirkeln delar vi 360 till 6, vilket ger oss 60 grader. Ange 60 i dialogrutan Vinkel:. Tryck sedan på Kopia inte ok.
En andra rektangel skapas 60 grader från mitten av cirkeln.
Vi kan nu trycka Command + D fyra gånger. Detta upprepar det senast angivna kommandot. I detta fall roterar och hanterar rektangeln. Vi har nu sex rektanglar runt vår cirkel.
Välj de sex rektanglarna vi just skapat, tillsammans med yttercirkeln och första inre cirkeln. I Pathfinder Palette klickar du på knappen Divide medan du håller ner alternativknappen. Detta kommer att separera alla skärande linjer.
Trim bort de överflödiga formerna och gruppen. Du har just skapat de stora vita remsorna på poker chipets ansikte.
Vi ska nu skapa de mindre vita remsorna, med samma teknik som tidigare. Börja med att skapa en rektangel i mitten av cirkeln. Observera att de mindre remsorna har en mindre bredd än de större. Skapa din rektangel och se till att rektangeln är placerad hög för att överlappa båda cirklarna. Dra upp det och överlappa de två cirklarna.
Notera: du kan alltid skala rektangeln större eller mindre när den har flyttats.
Välj Rotate Tool (R). Leta reda på mittpunkten i cirkeln (det kan vara lättare att hitta i översiktsläge). Med markören över mittpunkten i cirkeln håller du alternativtangenten och klickar med musknappen. Dialogrutan Rotera kommer att dyka upp. Eftersom vi vill ha totalt 12 rektanglar runt cirkeln delar vi 360 av 12, vilket ger oss 30 grader. Ange 30 i fältet Vinkel i dialogrutan Rotera. Tryck sedan på Kopia inte ok.
Vi kan återigen trycka på Command + D för att duplicera vår senaste åtgärd. Hit Command + D tills du har tillräckligt med rektanglar för att omfatta cirklarna (ska vara tio gånger).
Välj de tolv rektanglarna vi just skapat, tillsammans med de två cirklarna. I Pathfinder Palette klickar du på knappen Divide medan du håller ner alternativknappen. Detta kommer att separera alla skärande linjer.
Trim bort de överflödiga formerna och gruppera de återstående. Du har just skapat de tolv små vita remsorna på poker chipets ansikte.
Dra de vita remsor som vi skapade över till kopian av de ursprungliga cirklarna som vi skapade i steg 3 och placera dem ovanpå.
Vid denna tidpunkt lägger vi till en generisk färg. I det här fallet, 5% svart för de vita remsorna (jag känner mig ren vit flattar saker). För den röda färgen använde jag 100% magenta och gul. Jag behöll också den svarta 1pt-stroke på cirklarna. Vi kommer att ändra färgen senare.
Jag ska nu använda en teknik som jag använder för att skapa isometriska objekt. Välj alla objekt som utgör vårt pokerchips ansikte. Dubbelklicka på Skalverktyget (S) i verktygsfältet. Detta kommer att föra upp dialogrutan Skala. Markera kryssrutan Ej enhetlig och skriv följande: Horisontell på 100%, Vertikal av 86,6% och klicka sedan på OK.
Med alla objekt som fortfarande är markerade dubbelklickar du på Skärverktyget i verktygsfältets palett. Detta kommer att hämta dialogrutan Skjuvning. I fältet Skjuvvinkel fält 30 och tryck på OK. Kontrollera att kryssrutan Horisontell är markerad under Axis-gruppen.
Med alla objekt som fortfarande är markerade dubbelklickar du på Rotate Tool i verktygslådan. Detta kommer att föra upp dialogrutan Rotera. I vinkelfältet -30 och tryck på OK.
Poker chipets ansikte är nu i isometrisk vinkel. Ett annat sätt att uppnå denna effekt är att bara skala cirkeln 100% horisontell och 57% vertikal. Obs! Du kan skapa vilken form som helst och köra den genom steg 18-20 för att skapa en isometrisk toppvy.
Vi kommer nu att ge illusionsdjupet genom att extrudera cirkeln.
För att korrekt uppnå denna effekt måste vi lägga till några ankarpunkter i vår isometriska cirkel. Rita en vertikal linje med pennverktyget (P). Vi kommer att använda den här raden för en guide. Dra linjen tills den skärs med den vänstra kanten av cirkeln. Återigen, med Smart guider påslagen, kommer Illustrator att snäppa linjen till den isometriska cirkeln där de skärs.
Välj den vertikala linjen och lås den på plats med Command + 2. Zooma in så mycket du kan och växla till översiktsläge. Använd Add Anchor Point Tool (+) för att lägga till en ankarpunkt i isometrisk cirkel där den skär med den vertikala styrlinjen du låste på plats. Upprepa detta steg till höger om cirkeln.
När du väljer cirkeln borde du ha två nya ankarpunkter i den vänstra och högra kanten av cirkeln.
Jag valde de stora vita remsorna och gömde dem med Command + 2. Det gör det lättare att se och de kommer inte att störa när vi väljer ankarpunkter i nästa steg.
Notera: Om du har två objekt som överlappar varandra och du väljer Add Anchor Point Tool, vill Illustrator lägga till den ankarpunkten på Topp objekt. Ibland är det nödvändigt att låsa (Command + 2) eller gömma (Command + 3) ett objekt för att kunna arbeta med objekten under dem.
Ta tag i Direct Selection Tool (A) och välj sedan de två nedre ankarpunkterna. Notera: Använd Shift-tangenten för att välja båda förankringspunkterna samtidigt. Med punkter markerade, Kopiera> Klistra in framåt (Kommando + F). Vi har nu skapat en halvcirkelväg ovanpå vår cirkel.
Använd markeringsverktyget (V) för att välja den nya sökvägen du just har skapat och dra sedan rakt ner.
Notera: Flytta den bara till det djup du tycker att pokerchipet ska vara. Vi kan alltid göra det tjockare eller tunnare senare. När objektet fortfarande är markerat, ta bort den röda fyllningsfärgen.
Med Direct Selection-verktyget (A) väljer du de två nedre ankarpunkterna.
Notera: Använd Shift-tangenten för att välja båda förankringspunkterna samtidigt. Med punkter markerade, gå till Redigera> Kopiera> Klistra in framför. Vi har nu skapat en annan halvcirkelväg ovanpå vår cirkel.
Du borde ha skapat två halvcirklar med öppna sluttvägar. En direkt ovanpå vår isometriska cirkel och en något under cirkeln. Nu måste vi bara ansluta de öppna vägarna.
Ta tag i ditt pennverktyg. På vänster sida av pokerchipet, zooma in på de två öppna banorna i halvcirklarna som vi skapade. Klicka på den nedre öppna banan med pennverktyget (P). Observera att när pennverktyget (P) är över den öppna banan ändras det för att visa en bakre snedstreck. Detta indikerar att du befinner dig på en öppen väg. Klicka på den öppna banan med pennverktyget (P).
Flytta ditt pennverktyg (P) upp till nästa öppna sökväg. Lägg märke till hur pennaverktyget ändras igen. Den här gången visas en stängd symbol på höger sida av penverktyget. När du ser den här symbolen, klicka på banan. Detta ansluter båda objekten med en linje och stänger banan.
Upprepa steg 30 och 31 på höger sida. Pokerchipet ska se ut som det som visas nedan.
Notera: Om du vill göra pokerchipet tunnare eller tjockare, välj bara de fyra ankarpunkterna nedan. Använd sedan Direct Selection-verktyget (A) tillsammans med Shift-tangenten för att flytta de valda ankarpunkterna upp eller ner i begränsad vinkel. Flytta ankarpunkterna ner, gör pokerchipet tjockare, att flytta upp dem gör att det blir tunnare.
Un-hide (Command + Shift + 3) de vita remsor som vi gömde i steg 25. För att ge våra vita remsor samma djup måste vi repetera de steg vi använde för pokerspelets kropp. Låt oss börja med att välja kroppen hos det pokerchip vi just skapat och skicka det till baksidan (Kommando + Vänster fästnyckel).
På den vänstra vita remsan använder du Direct Selection Tool (A) för att välja ankarpunkten i mitten av remsan och sedan Redigera> Kopiera> Klistra in på framsidan. Du har skapat en öppen väg ovanpå den vita remsan.
Med den öppna banan som redan valts, flytta den rakt ner till botten av pokerchipet. Ta bort den vita fyllningsfärgen.
Notera: Om du väljer den öppna banan med urvalsverktyget (V) väljer den alla vita pokermärken. Använd gruppvalsverktyget och klicka bara och dra på den öppna banan för att flytta den till botten av pokerchipet. Med Smart Guides påslagen ska banan snäppa till bottenvägen.
Använd Direct Selection Tool (A) och välj ankarpunkten i mitten av remsan, sedan Redigera> Copy> Paste in Front. Du har skapat en annan öppen väg ovanpå den vita remsan.
Anslut de öppna banorna med pennverktyget (P), liknar steg 30 och 31.
Upprepa stegen för nästa 2 vita remsor. Det ska nu se ut som bilden nedan.
Notera: För de följande två remsorna finns det ingen ankarpunkt i mitten av de två ankarpunkterna. För att kopiera linjesegmentet, klicka bara på linjen mellan de två ankarpunkterna med Direct Selection Tool. Här väljer du linjesegmentet, mellan ankarpunkten. Välj Redigera> Kopiera> Klistra in framför. Du kommer nu att ha en öppen väg ovanpå den vita remsan.
Den inre cirkeln på pokerspetsen är försänkt lite. För att uppnå detta kan vi först gömma den inre innersta cirkeln genom att välja den och slå kommandot + 2.
Välj den inre cirkeln med Direct Selection Tool (V). Använd kommandot Redigera> Kopiera> Klistra in för att skapa en annan instans av denna cirkel.
Dra den cirkel du just skapat rakt ner, bara ett hår. Detta är djupet av urtaget.
Välj båda cirklarna. I Pathfinder Palette klickar du på knappen Divide medan du håller ner alternativknappen. Detta kommer att separera alla skärande linjer.
De två cirklarna är nu uppdelade vid sina skärningspunkter. Detta skapar tre separata objekt. Vi vill välja och radera det lägre objektet.
Välj de lilla vita remsorna, flytta sedan ner dem för att bli spola med den nedre cirkeln.
Välj den inre cirkeln och Redigera> Kopiera> Klistra in framför för att skapa en andra kopia. Vi kommer att använda detta objekt för att trimma bort överskottet från de små vita remsor som inte skulle vara synliga på grund av den inre urtaget.
Välj den cirkel du bara duplicerade, tillsammans med någon av de vita remsor som överlappar den.
Notera: De små vita remsorna är i en grupp. Om du försöker välja dem med urvalsverktyget (V) kommer alla små vita remsor att väljas. Använd gruppvalsverktyget och Shift-tangenten för att välja varje remsa individuellt tillsammans med cirkeln.
När alla överlappande element är markerade, gå till Pathfinder Palette, klicka på Divide-knappen medan du håller ned alternativknappen. Detta kommer att separera alla skärande linjer.
Markera och ta bort alla överskottstycken (markerade i gult).
Un-hide (Command + Shift + 3) den inre mest cirkel vi satt till Dölj i steg 39. Notera: Du kan behöva ta med det här objektet framåt. Med den valda inre cirkeln, gå till Redigera> Kopiera> Klistra in framför. Detta ger oss en dubbel cirkel ovanpå originalet.
Dra cirkeln som du bara klistrade rakt ner tills den bara rör de små vita remsorna.
Med cirkeln i rätt position, och fortfarande vald, väljer du Objekt> Ordna> Skicka bakåt. Detta lägger den valda cirkeln bakom originalet.
Nu kan vi lägga till lite färg. Börja med att markera alla objekt och ta bort den svarta stroke som tillämpas på dem. Då måste vi bestämma var ljuskällan kommer ifrån.
För pokerspelets kropp skapade jag en lutning med mörkare nyanser av rött på ytterkanterna, med ljusare nyans av rött på ljuskällans ursprung.
Jag lade samma gradient till alla framåtriktade objekt.
För toppen skapade jag en enkel lutning med den ljusa skuggan av rött framför och den mörkare nyansen av rött i ryggen.
För den försänkta delen använde jag samma gradient som applicerades på toppen, men förvandlade de mörkare och ljusa nyanserna. Detta ger området mer kontrast.
Jag varierade tonerna på de vita stripsna på sidan av pokerchipet. Jag använde en högre andel svart, desto längre var en remsa till ljuskällan.
Jag vill ge utseendet av en liten fas på chipet. Börja med att välja den stora cirkeln och Redigera> Kopiera> Klistra in på framsidan. Vi har nu två cirklar direkt ovanpå varandra.
Med den valda högsta cirkeln dubbelklickar du på Skalverktyget (S). Detta kommer att föra upp dialogrutan Skala. Skriv 99% i Skala-fältet och tryck på Retur. Vi har nu en något mindre cirkel ovanpå en annan.
Med markeringsverktyget (V) flyttar du den mindre cirkeln direkt tills den skär med kanten på den större cirkeln.
Välj den större, nedre cirkeln, ge den här cirkeln en ljusare nyans av rött. Det verkar nu som om pokerchipet har en liten vinkel mot den.
Härifrån kan vi lägga till några element för att poppa detta objekt utanför sidan. Låt oss börja med en tjockare stroke runt hela chipet.
Välj bara den större högsta cirkeln (den ljusare röda, vi använde för avfasningen) och chipets främre del, gå sedan till Redigera> Kopiera> Klistra in.
Med de objekt som fortfarande valts, går du till paletten Pathfinder, klickar på knappen Merge samtidigt som du håller ned Alternativ-tangenten. Detta sammanfogar alla objekt som valts i ett objekt.
Med det nyligen sammanfogade objektet som ännu valts, tilldela en 3 pt svart slag till objektet. Skicka objektet till baksidan, använd Objekt> Ordna> Skicka till Tillbaka.
Nedan är vad vi borde ha hittills. För att ytterligare förbättra bilden, låt oss skapa en enkel skugga. Det finns flera sätt att skapa skuggor i Illustrator. Jag föredrar den här. Om du har en bättre, använd den.
Börja med att gå till Redigera> Kopiera> Klistra in den största cirkeln på pokerchipet (det är den ljusröda) och dra den till sidan.
Placera cirkeln du just skapat, gjutning ut från ljuskällan.
Skicka den cirkel du just placerat bakom alla objekt, med Objekt> Ordna> Skicka till Tillbaka.
Rita en ledning som skär med både pokerchipet och cirkeln som du just skickat till baksidan.
Lägg till en ankarpunkt i cirkeln där linjen skär med verktyget Lägg till ankarpunkt (+). Ta bort styrlinjen när du har lagt till ankarpunkten.
Radera linjesegmentet mellan de två ankarpunkten som visas nedan.
Använd pennverktyget (P) för att rita ett linjesegment från den öppna banan till kanten av pokerchipet.
Ge cirkeln en fyllfärg på 100% K
Med den valda svarta cirkeln väljer du Effekt> Stylize> Fjäder. Skriv in 9pt i dialogrutan Fjäder och klicka på OK.
Använd paletten Transparens för att ge skuggan en opacitet på 50%.
Duplicera ditt chip genom att använda Redigera> Kopiera> Klistra in och tillämpa olika typer av färg.
Stacka chipsen som du tycker är lämplig, lägg till en bakgrund av ditt val! Och vi är färdiga!
Om du letar efter fler tekniker för att skapa pokerchips, skrev Grant Friedman en tvådelad handledning på AiBURN om att skapa en animerad 3D-pokerchip i Illustrator (Delar 1 och 2), som använder 3D-verktyg för att komponera chipet och exporterar sedan som Flash. Det är ett mycket annorlunda arbetsflöde än ovanstående handledning.
Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.
Accentsconagua