Share
Denne opplæringen vil lære deg hvordan du lager en enkel pokerchip. Når brikken er opprettet, kan vi bytte farger, stable dem sammen, rotere og hva du vil.
La oss begynne med å lage elementene på forsiden av brikken. Da skal vi bruke en teknikk jeg bruker i Teknisk Illustrasjon for å lage en isometrisk sylinder. Neste gir vi den litt farge, legger til en skygge og en bakgrunn for å fullføre bildet. Forhåpentligvis vil teknikkene i denne opplæringen hjelpe deg i noen av dine egne prosjekter.
Nedenfor er det endelige bildet vi skal jobbe for. Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden.
Dette er et bilde av en pokerchip. Vi vil basere vårt design av dette. Hvis du merker, er en pokerchip egentlig bare en tynn sylinder. Det er seks store hvite striper rundt utsiden og tolv små hvite striper på den indre delen av brikken. Brikken har også et lite innrykk som huser de mindre hvite stripene. Jeg kommer til å ignorere terningikonene på pokerchipsiden, men du kan enkelt legge til dette hvis du ønsker det.
Begynn med å lage en enkel sirkel ved hjelp av Ellipse Tool (L). Gi sirkelen en hvit fyll og et 1pt svart slag. Hvis du vil ha mer realisme, kan du måle diamantpokeren og deretter klikke på tavlen. Dette åpner dialogboksen Ellipse, skriv inn disse dimensjonene i feltene Høyde og Bredde og trykk OK.
Pokerchipen har en indre ring som er innrykket. For å lage denne indre ringen, bruk Ellipseverktøyet (L) for å tegne to mindre sirkler, innenfor sirkelen du nettopp har opprettet.
Hint: Slå på Smart Guides (Command + U) og plasser markøren i det eksakte senteret av den første sirkelen du tegnet. Med Smart Guides aktivert, klikker markøren på midten av sirkelen. Klikk på museknappen og dra mens du holder Valg-tasten nede. Dette vil skape en proporsjonal sirkel fra midtpunktet, utad.
Dupliser hva du har gjort så langt (Rediger> Kopier, Rediger> Lim inn) og dra den av til siden. Dette vil være vår base, men vi trenger den originale kopien av kretsene for å lage våre hvite striper.
Ved midtpunktet til vår opprinnelige sirkel, bruk rektangelverktøyet (M) og opprett et rektangel, se eksempelet nedenfor for omtrentlig størrelse. Igjen, for mer realisme, kan du måle de eksakte dimensjonene av stripen. Når du har opprettet, drar du rektangelet til toppen av sirkelen, slik at rektangelet kan overhale av kanten av sirkelen.
Bruk teknikkene i trinn 2, og opprett en annen sirkel fra midten av originalen. Pass på at sirkelen er stor nok til å la rektangelet du trekk i trinn 4, henges av bunnen av denne sirkelen.
Hvis du ser på den opprinnelige pokerbrikken, har vi seks store hvite striper som omfatter poker chipets ansikt. Vi må duplisere rektangelet vi nettopp har laget fem ganger for å dekke perimeter-brikken.
Velg rektangelet du opprettet i trinn 4. Nå velg Rotate Tool (R). Finn midten av pokerchipen. Med markøren over sirkelens midtpunkt (det kan være enklere å finne i oversiktsmodus), hold alternativtasten og klikk museknappen. Dialogboksen for rotasjon vil dukke opp. Siden vi vil ha totalt 6 rektangler rundt sirkelen, deler vi 360 av 6, og gir oss 60 grader. Skriv inn 60 i Angle: dialogboksen. Trykk deretter på Kopiere ikke OK.
Et annet rektangel er opprettet 60 grader fra sirkelens senter.
Vi kan nå trykke Command + D fire ganger. Dette gjentar den siste kommandoen som er gitt. I dette tilfellet roterer og håndterer rektangelet. Vi har nå seks rektangler rundt vår sirkel.
Velg de seks rektanglene vi nettopp har opprettet, sammen med ytre sirkel og første indre sirkel. I Pathfinder Palette klikker du på Divide-knappen mens du holder nede Alternativ-tasten. Dette vil skille alle kryssende linjer.
Trim bort overskytende former og gruppe. Du har nettopp opprettet de store hvite stripene på pokerchipsiden.
Vi skal nå lage de mindre hvite stripene, med samme teknikk som tidligere. Begynn med å skape et rektangel midt i sirkelen. Legg merke til at de mindre stripene har en mindre bredde enn de større. Lag ditt rektangel og sørg for at rektangelet er plassert høyt for å overlappe begge sirkler. Dra den opp og overlapp de to sirkler.
Merk: Du kan alltid skala rektangelet større eller mindre når det er flyttet.
Velg rotasjonsverktøyet (R). Finn senterets senter (det kan være lettere å finne i oversiktsmodus). Med markøren over senterets senterpunkt holder du alternativtasten og klikker museknappen. Dialogboksen Rotere vil dukke opp. Siden vi ønsker totalt 12 rektangler rundt sirkelen, deler vi 360 av 12, og gir oss 30 grader. Skriv inn 30 i feltet Angle i dialogboksen Rotere. Trykk deretter på Kopiere ikke OK.
Vi kan igjen trykke på Command + D for å duplisere vår siste handling. Hit Command + D til du har nok rektangler til å omfatte sirkler (bør være ti ganger).
Velg de tolv rektanglene vi nettopp har opprettet, sammen med de to sirkler. I Pathfinder Palette klikker du på Divide-knappen mens du holder nede Alternativ-tasten. Dette vil skille alle kryssende linjer.
Trim bort de overskytende former og grupp de resterende. Du har nettopp opprettet de tolv små hvite stripene på forsiden av pokerchipen.
Dra de hvite stripene vi opprettet over til kopien av de originale kretsene vi opprettet i trinn 3, og legg dem på toppen.
På dette punktet vil vi legge til litt generisk farge. I dette tilfellet er 5% svart for de hvite stripene (jeg føler at rene hvite flater ting). For den røde fargen brukte jeg 100% magenta og gul. Jeg holdt også den svarte 1pt slag på kretsene. Vi vil endre fargen senere.
Jeg skal nå bruke en teknikk som jeg jobber for å lage isometriske objekter. Velg alle objektene som omfatter ansiktet til vår pokerchip. Dobbeltklikk på Skalverktøyet (S) i verktøylinjen. Dette vil hente dialogen Skala. Merk av i boksen Ikke-enhetlig og skriv inn følgende: Horisontal på 100%, Vertikal på 86,6%, og klikk deretter OK.
Med alle gjenstandene som er valgt, dobbeltklikker du på skjærverktøyet i verktøykassepaletten. Dette vil hente dialogboksen Skjær. I feltet Skarvfelt type 30 og trykk OK. Kontroller at avkrysningsboksen Horisontal er valgt under Aksegruppen.
Med alle gjenstandene som er valgt, dobbeltklikker du på Rotate Tool i verktøykassen. Dette vil hente dialogen Rotate. I feltet Angle -30 og trykk OK.
Ansiktet til pokerbrikken er nå i isometrisk vinkel. En annen måte å oppnå denne effekten på er å justere sirkelen 100% horisontal og 57% vertikal. Merk: Du kan lage noen form og kjøre den gjennom trinnene 18-20 for å lage en isometrisk toppvisning.
Vi vil nå gi illusjonsdybden ved å ekstrudere sirkelen.
For å kunne oppnå denne effekten, må vi legge til noen ankerpunkter i vår isometriske sirkel. Tegn en vertikal linje med pennverktøyet (P). Vi vil bruke denne linjen for en guide. Dra linjen til den krysser med den venstre kanten av sirkelen. Igjen, med Smart guider slått på, vil Illustrator snappe linjen til isometrisk sirkel hvor de krysser.
Velg den vertikale linjen og lås den på plass ved å bruke Command + 2. Zoom inn så mye du kan, og bytt til oversiktsmodus. Bruk Add Anchor Point Tool (+) for å legge til et ankerpunkt i isometrisk sirkel hvor den krysser med den vertikale styrelinjen du låst på plass. Gjenta dette trinnet til høyre for sirkelen.
Når du velger sirkelen, bør du ha to nye ankerpunkter i venstre og høyre kant av sirkelen.
Jeg valgte de store hvite stripene, og gjemte dem med Command + 2. Dette vil gjøre det enklere å se og de vil ikke forstyrre når vi velger ankerpunkter i neste trinn.
Merk: Hvis du har to objekter som overlapper hverandre, og du velger Add Anchor Point Tool, vil Illustrator legge til det ankerpunktet til Topp gjenstand. Noen ganger er det nødvendig å enten låse (Command + 2) eller skjule (Command + 3) en objekt for å kunne jobbe med objektene under dem.
Ta tak i direkte utvalgsverktøyet (A), velg deretter de to nedre ankerpunktene. Merk: Bruk Shift-tasten til å velge begge ankerpunkter samtidig. Med valgte punkter, Kopier> Lim inn foran (Kommando + F). Vi har nå opprettet en halvcirkelbane på toppen av vår sirkel.
Bruk markeringsverktøyet (V) til å velge den nye banen du nettopp har opprettet, og dra den rett ned.
Merk: Bare flytt det til dybden du tror at pokerbrikken skal være. Vi kan alltid gjøre det tykkere eller tynnere senere. Med objektet som er valgt, fjern den røde fyllfargen.
Med Direct Selection-verktøyet (A), velg de to nedre ankerpunktene.
Merk: Bruk Shift-tasten til å velge begge ankerpunkter samtidig. Med valgte poeng, gå til Rediger> Kopier> Lim inn foran. Vi har nå opprettet en annen halvcirkelbane på toppen av vår sirkel.
Du burde ha opprettet to halvkretser med åpne sluttveier. En direkte på toppen av vår isometriske sirkel og en litt under sirkelen. Nå må vi bare koble de åpne veiene.
Ta tak i pennverktøyet. På venstre side av pokerchipsen, zoom inn på de to åpne banene i halvkretsene vi opprettet. Klikk på den nederste åpne banen med pennverktøyet (P). Legg merke til at når pennverktøyet (P) er over den åpne banen, endres det for å vise et tilbakegangsslag. Dette indikerer at du er på en åpen bane. Klikk på den åpne banen med pennverktøyet (P).
Flytt pennverktøyet (P) opp til neste åpne bane. Legg merke til hvordan pennverktøyet endres igjen. Denne gangen vises et lukket sti-symbol på høyre side av pennverktøyet. Når du ser dette symbolet, klikker du på banen. Dette kobler begge objektene med en linje og lukker banen.
Gjenta trinn 30 og 31 på høyre side. Pokerbrikken skal se ut som den som vises nedenfor.
Merk: Hvis du vil gjøre pokerchipet tynnere eller tykkere, velg bare de fire ankerpunktene nedenfor. Bruk deretter Direct Selection-verktøyet (A) sammen med Shift-tasten for å flytte de valgte ankerpunktene opp eller ned i en begrenset vinkel. Å flytte ankerpunktene ned, vil gjøre pokerchipen tykkere, flytte dem opp vil få det til å virke tynnere.
Un-hide (Command + Shift + 3) de hvite stripene som vi gjemte i trinn 25. For å gi våre hvite striper samme dybde, må vi gjenta trinnene vi brukte til kroppen av pokeren. La oss starte med å velge kroppen til pokerchipen vi nettopp har opprettet og sender den til baksiden (Command + Left Bracket-nøkkelen).
På den venstre hvite stripen bruker du Direkte markeringsverktøy (A) til å velge ankerpunktet midt på stripen, og deretter Rediger> Kopier> Lim inn foran. Du har opprettet en åpen bane på toppen av den hvite stripen.
Med den åpne banen som allerede er valgt, flytter du den rett ned til bunnen av pokerbrikken. Fjern den hvite fyllfargen.
Merk: Hvis du velger den åpne banen med markeringsverktøyet (V), vil den velge alle de hvite pokerstripene. Bruk Group Selection Tool og bare klikk og dra på den åpne banen for å flytte den til bunnen av pokerchip. Med Smart Guides slått på, bør banen stikke til bunnbanen.
Bruk Direct Selection Tool (A) og velg ankerpunktet midt på stripen, og velg deretter Rediger> Kopier> Lim inn foran. Du har opprettet en annen åpen bane på toppen av den hvite stripen.
Koble de åpne veiene med pennverktøyet (P), ligner trinn 30 og 31.
Gjenta trinnene for de neste 2 hvite stripene. Det skal nå se ut som bildet nedenfor.
Merk: For de neste to stripene er det ikke et ankerpunkt midt på de to ankerpunktene. For å kopiere linjesegmentet klikker du bare på linjen mellom de to ankerpunktene med Direct Selection Tool. Dette vil velge linjesegmentet, mellom ankerpunktet. Velg Rediger> Kopier> Lim inn foran. Du vil nå ha en åpen bane på toppen av den hvite stripen.
Den indre sirkelen på pokerchipsen er forsinket litt. For å oppnå dette, lar vi først skjule den minste indre sirkelen ved å velge den og trykke på Command + 2.
Velg den indre sirkelen med Direct Selection Tool (V). Bruk Edit> Copy> Paste in Front-kommandoen for å opprette en annen forekomst av denne sirkelen.
Dra sirkelen du nettopp opprettet rett ned, bare et hår. Dette er dybden av fordypningen.
Velg begge kretsene. I Pathfinder Palette klikker du på Divide-knappen mens du holder nede Alternativ-tasten. Dette vil skille alle kryssende linjer.
De to sirkler er nå delt på sine skjæringspunkter. Dette skaper tre separate objekter. Vi ønsker å velge og slette det nedre objektet.
Velg de små hvite stripene, og flytt dem så de kommer i spola med den nedre sirkelen.
Velg den indre sirkelen og Rediger> Kopier> Lim inn foran for å lage en andre kopi. Vi vil bruke dette objektet til å trimme overskudd fra de små hvite stripene som ikke ville være synlige på grunn av den indre fordypningen.
Velg sirkelen du bare dupliserte, sammen med noen av de hvite stripene som overlapper den.
Merk: De små hvite stripene er i en gruppe. Derfor, hvis du prøver å velge dem med valgverktøyet (V), velges alle de små hvite stripene. Bruk Group Selection Tool og Shift-tasten, for å velge hver stripe individuelt, sammen med sirkelen.
Når alle de overlappende elementene er valgt, gå til Pathfinder Palette, klikk på Divide-knappen mens du holder nede Alternativ-tasten. Dette vil skille alle kryssende linjer.
Velg og slett alle overskuddstykkene (uthevet i gult).
Un-hide (Command + Shift + 3) den indre sirkelen vi satt til Skjul i trinn 39. Merk: Du må kanskje ta med dette objektet på forsiden. Med den innvendige sirkelen valgt, gå til Rediger> Kopier> Lim inn foran. Dette vil gi oss en duplikat sirkel på toppen av originalen.
Dra sirkelen du bare klistret rett ned til den bare berører de små hvite stripene.
Med sirkelen i riktig posisjon, og fortsatt valgt, valgte du Objekt> Ordne> Send bakover. Dette vil sette den valgte sirkelen bak originalen.
Nå kan vi legge til litt farge. Begynn med å velge alle objektene og fjerne den svarte streken som brukes på dem. Da må vi bestemme hvor lyskilden kommer fra.
For pokerspillets kropp skaper jeg en gradient med mørkere nyanser av rød på ytre kanter, med lysere nyanse av rødt ved opprinnelsen til lyskilden.
Jeg la samme gradient til alle fremovervendte objekter.
For toppen skapte jeg en enkel gradient med den lyse skyggen av rød foran og den mørkere skyggen av rød i ryggen.
For den forsenkede delen brukte jeg samme gradient på toppen, men reverserte mørkere og lyse nyanser. Dette gir området mer kontrast.
Jeg varierte tonene på de hvite stripene på siden av pokerchipen. Jeg brukte en høyere prosentandel av svart, jo lengre en stripe var til lyskilden.
Jeg vil gi utseendet til en liten skråstilling på brikken. Begynn med å velge den store sirkelen, og rediger> Kopier> Lim inn foran. Vi har nå to sirkler direkte oppå hverandre.
Med den øverste sirkelen valgt, dobbeltklikker du på Skalaverktøyet (S). Dette vil hente dialogen Skala. Skriv 99% i Skala-feltet og trykk på retur. Vi har nå en litt mindre sirkel på toppen av en annen.
Med markeringsverktøyet (V), flytt den minste sirkelen direkte opp til den krysser med kanten av den større sirkelen.
Velg den større, nedre sirkelen, gi denne sirkelen en lysere nyanse av rødt. Det ser nå ut til at pokerchipen har en liten skråstilling til den.
Herfra kan vi legge til noen elementer for å pope dette objektet fra siden. La oss starte med et tykkere slag rundt hele brikken.
Velg bare den større toppsirkelen (den lysere røde, vi brukte til skråningen) og den forreste delen av brikken, og gå deretter til Rediger> Kopier> Lim inn.
Med de gjenstandene som fortsatt er valgt, går du til paletten Pathfinder, klikker på Merge-knappen mens du holder nede Alternativ-tasten. Dette vil fusjonere alle objektene som er valgt i en objekt.
Når det nylig sammenslåtte objektet fortsatt er valgt, tilordner du et 3 pt svart slag til objektet. Send objektet til baksiden, bruk Object> Arrange> Send to Back.
Nedenfor er det vi burde ha så langt. For å ytterligere forbedre bildet, la oss lage en enkel skygge. Det finnes flere måter å lage skygger på i Illustrator. Jeg foretrekker denne. Hvis du har en bedre, bruk den.
Start med å gå til Rediger> Kopier> Lim inn den største sirkelen på pokeren (det er den lysrøde) og dra den av til siden.
Plasser sirkelen du nettopp har laget, avstøpning ute fra lyskilden.
Send sirkelen du nettopp plassert bak på alle objekter, ved å bruke Objekt> Ordne> Send til Tilbake.
Tegn en guide linje som vil skjæres med både poker chip og sirkelen du nettopp sendt til baksiden.
Legg til et ankerpunkt i sirkelen der linjen krysser med verktøyet Legg til ankerpunkt (+). Slett styrelinjen etter at du har lagt til ankerpunktet.
Slett linjesegmentet mellom de to ankerpunktene som er vist nedenfor.
Bruk pennverktøyet (P) til å tegne et linjestykke fra den åpne banen til kanten av pokeren.
Gi sirkelen en fyllfarge på 100% K
Når den sorte sirkelen er valgt, velger du Effekt> Stylize> Feather. I dialogboksen Fjær legger du inn 9pt og klikker OK.
Bruk gjennomsiktighetspaletten for å gi skyggen en opasitet på 50%.
Dupliser din chip ved hjelp av Rediger> Kopier> Lim inn og bruk forskjellige typer farger.
Stack sjetongene som du ser hensiktsmessig, legg til en bakgrunn av ditt valg! Og vi er ferdige!
Også, hvis du leter etter flere teknikker for å lage pokerchips, skrev Grant Friedman en todelt opplæring på AiBURN om å skape en animert 3D-pokerchip i Illustrator (delene 1 og 2), som bruker 3D-verktøy for å komponere brikken og Eksporter deretter som Flash. Det er en mye annen arbeidsflyt enn den ovennevnte opplæringen.
Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.
Accentsconagua