How å lage en Vector Wacom Tablet I Illustrator
I denne opplæringen jeg vise deg hvordan du oppretter en vektor Wacom tablet i Illustrator CS4 ved hjelp av noen grunnleggende former, gradienter og effekter. For å følge denne opplæringen, bør du ha noen tidligere erfaring med Pen Tool og vet hvordan å manipulere hatt kontakt punkter og kurver.
Hvis du ikke vet hvordan du gjør dette allerede, kan du ha en hard tid å følge noen av disse trinnene. Jeg anbefaler sterkt at du lære Pen Tool (Illustrator sin Pen Tool: The Comprehensive Guide er en god tutorial på det), inne og ute, vurderer Illustrator praktisk talt dreier seg om den. La oss komme i gang!
Final Bilde Forhåndsvisning
Nedenfor er det siste bildet vi skal jobbe mot. Ønsker tilgang til de fulle Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden
Tutorial Detaljer
Program:. Illustrator CS4
Vanskelighetsgrad: Middels
Estimert Fullføringstidspunkt: 40 min. - 1 time
Trinn 1
Åpne opp et nytt prosjekt i minst 600px by 500px.. Bruke rektangel Tool (M), tegne et rektangel som er 430px ved 290px. Gi rektangelet en vertikal gradient med de fargene som er angitt i bildet nedenfor. Kontroller at lysere farge er på toppen.
Trinn 2
Deretter legge til et punkt på begge vertikale sider av rektangelet, ved hjelp av Pen Tool (P), ca 50 piksler fra bunn. Sørg for at de nye punktene er vertikalt. Deretter flytter øverst til venstre og nederst til venstre peker til høyre 20px, og øverst til høyre og nederst til høyre peker til venstre 20px. Formen skal se ut som på bildet nedenfor.
Trinn 3
Nå som vi har vår foreløpige form, må vi gi det litt sex-appell ved å legge noen kurver. Med den formen valgt, gå til Effects > Stilisere > Runde hjørner. Gi effekten en radius på 5px klikk deretter OK. Nå gå til Objekt > Utvid Utseende. Du skal nå ha samme form som før, men med avrundede hjørner.
Dette er flott for den øverste delen av bildet, men det er ikke akkurat det vi ønsker bunnen skal se ut. For å få den ønskede effekten vi ønsker for bunnen, er vi nødt til å øyeeple det. Juster de fire nederste hjørnene med Pen Tool (P) slik at de ser ut som på bildet nedenfor. Jeg valgte å forenkle de nederste hjørnene ved å slette noen punkter jeg følte var unødvendig, deretter dra ut Bezier ankere for å glatte ut hjørnene.
Trinn 4
Nå kan legge litt dybde. Med den formen valgt, gå til Objekt > Sti > Offset Path. Still Offset å -5px klikk deretter OK. Du skal nå ha en annen form innen ditt første form. Nå, farge den nye formen med en annen vertikal gradient med de fargene som er angitt i bildet nedenfor. Igjen, sørg for at den lysere farge er i den øvre enden av gradienten
Trinn 5
Med den andre formen er valgt, gå til Objekt >.; Sti > Offset Sti gi offset annen -5px klikk deretter OK. Dette vil gi oss vår tredje form som vi kan farge med en gradient med verdiene nedenfor. I Gradient Palette (Vindu > Gradient) velger 'Radial "fra rullegardinmenyen. Nå bruker Gradient Tool (G) for å plassere gradient litt lavere enn sentrum og utvide gradient så det faller av formen litt. Legg merke til at denne gangen gradienten har lysere farge mot bunnen av formen i motsetning til de to formene før det.
Trinn 6
Nå er det på tide å lage knappene. Tegn en form ved hjelp av rektangel Tool (M) med en størrelse på 150 piksler ved 305px. Gi det en vertikal gradient med fargene indikert noe som gjør at den mørkere fargen er på toppen.
Trinn 7
Innenfor den nye formen tegne en serie av rektangler med størrelsene vist nedenfor. Kontroller at du lar en 5px gap mellom hver ny rektangel. Farge hver ny rektangel med en horisontal gradient med de fargene som er angitt. I stedet for å sentrere den nye gruppen av rektangler i den første rektangel, forskjøvet dem til venstre. Jeg har forlatt 10px fra toppen, høyre og nederste kant, men bare 5px fra venstre kant. Dette vil bidra til å gi det endelige bildet en følelse av dybde.
Trinn 8
For å legge til liten fas, som to av knappene har, vil vi legge til et rektangel med en høyde på 8 piksler og en bredde lik knappene. Plasser de nye rektangler på toppen av knappene. Farge dem med den lyseste fargen som vises på bildet nedenfor
Som for små smilehull den midterste knappen har &ndash.; tegne en sirkel ved hjelp av Ellipse Tool (L) som er 15px av 15px. Sentrere den i knappen. Så gi det en vertikal gradient med de to andre fargene vist på bildet nedenfor. Sørg for at den mørkere fargen er på toppen av stigningen.
Trinn 9
Ved siden av knappene er et berøringspanel som brukes til enten å bla eller zoome. For å gjøre dette stykket, vil vi starte med å lage et rektangel med en bredde på 65px og en høyde på 305px. Plasser den nyopprettede rektangel om 20px blant knappene panel. Gi den nye rektangelet en vertikal gradient med farger som er angitt nedenfor. Igjen, sørg mørkere farge er på toppen.
Trinn 10
Deretter oppretter du en annen (du gjettet det) rektangel. Denne gangen med en bredde på 50 piksler og en høyde på 290px. Plasser den 5px fra nederst til venstre og 10px fra øverst til høyre. Farge det ved hjelp av en horisontal gradient med farger som er vist nedenfor. Pass på at lysere farge er på venstre
Trinn 11
Med hele knappen forsamlingen valgt, gå til Objekt >.; Transform > Skala. Sett Scale til 20% og klikk OK. Nå plassere knappenheten mot toppen til venstre av bitene vi opprettet tidligere. Duplisere knappen montering og flytte den til den andre siden. Legg merke til i bildet nedenfor at begge knapp sett er speilbilder av hverandre. Du kan være fristet på dette tidspunkt å gjøre en enkel refleksjon, men dette ville reflektere våre gradienter samt offset posisjonering vi opprettet tidligere, så i stedet, flytte knappen arrangement rundt for hånd.
Først med både biter av berøringspanelet valgt, holder du nede Skift og dra den til den andre siden av knappen forsamlingen eyeballing sin avstand til matche den opprinnelige. Holder Shift sikrer at utvalget forblir flytte på en rett horisontal, vertikal eller 45 graders bane. Nå gjør det samme med de tre øverste knappene på knappen forsamlingen bytte høyre to med den venstre. Husk å holde Shift når du flytter dem.
Nå som de to sett med knapper er speilet, kan vi klippe dem til å matche vinkelen på tabletten. Med venstre knapp forsamlingen valgt, gå til Objekt > Transform > Klippe. Sett Shear Angle til 5 klikk deretter på OK. Gjenta dette trinnet med høyre knapp sett valgt, men denne gangen gir det en Skjærvinkel -5. Ditt bilde skal nå se omtrent som det jeg har under.
Trinn 12
På dette punktet kan vi nå lage tegningen overflaten av tabletten. Med vår trofaste rektangel Tool (M) er valgt, tegne enda et rektangel. Denne tid gir den en bredde på 270px og en høyde på 175px. Farge det med fargen som er angitt nedenfor.
Trinn 13
Nå tar øverste venstre poenget med den nye rektangel og dytte den til høyre 14px. Gjør det samme til øverst til høyre punkt, men til venstre 14px. Med hele formen er valgt, gå til Objekt > Sti > Offset Path. Gi Offset en verdi på -2px klikk deretter OK. Dytte den nye figuren opp 1px å gi den dybde og farge det med lysere grå vist nedenfor. Med den ytre formen er valgt, gå til Effect > Stilisere > Runde hjørner. Gi den en radius på 2 piksler, og klikk deretter på OK.
Trinn 14
Nå kan legge tegningen overflaten til hele prosjektet. Sentrere den horisontalt og sørge for at toppen er litt høyere enn på knappene, for å 4px være nøyaktig.
Trinn 15
Neste, vi skal gjøre det blå lyset på toppen av enheten som indikerer at den får strøm. Start med å lage en 10px bred 4px høyt rektangel med rektangelverktøyet (M). Sentrere den horisontalt og flytte den til toppen like over tegneflaten. Bruke Gradient Palette (Vindu > Gradient), gi rektangelet en Radial gradient med de tre fargene (vist nedenfor)
Sørg for at den hvite er i sentrum og den mørkeblå er på utsiden.. Sett Plassering av lys blå farge stopp til 20% på Gradient Slider. Dette vil sikre at den hvite flekken er ikke til stor og overveldende
Nå kan du gå til Effect >.; Stilisere > Ytre glød. Sett modusen til Normal med en nyanse av blå et sted mellom de to nyanser som er oppført nedenfor. Sett Opacity til 100%, og Blur til 5PX, og klikk deretter OK.
Trinn 16
Dette trinnet er det som vil bringe noe flat tablett til livet. Start ved å velge tilbake mest objekt, Kopier den (Kommando + C), deretter Past in Front (Command + F). Slett de fire øverste punktene som utgjør de to øverste avrundede hjørner, så gi den øverste linjen av den nye formen et skrått kurve ved hjelp av Pen Tool (P)
Ved hjelp av Transparency Palette (Vindu >. Transparency ), still modus til Soft Light. Til slutt, ved hjelp av Gradient Palette (Vindu > Gradient) satt Type til Radial og gi den innstillingen vist nedenfor
Hint: Fargen stopp på venstre side av Gradient Slider er svart med en. Opacity på 0%. Nå som vi er ferdig med selve tabletten, kan gjøre pennen. På bildet nedenfor ser du alle figurene som stylusen består av til venstre og gradienter og hvordan de er farget til høyre. Figurene er alle enkle rektangler som har blitt opprettet med rektangel Tool (M) og deretter manipulert enten ved å flytte peker til venstre eller til høyre. Jeg deretter lagt noen kurver ved hjelp av Pen Tool (P) til spissen, på baksiden, og grepet. Den eneste vanskelige delen om farge du kanskje ikke merke bare fra å se på bildet under er at Radial gradient på bakenden (øverste del) ikke er sentrert. Det er plassert litt høyere enn sentrum, og litt til høyre. Dette bidrar til å gi det litt ekstra dybde og realisme. Neste vi skal skape knappene på siden av pennen. Start med å lage to høye rektangler bruker rektangel Tool (M). Man bør ha en bredde på 70px og en høyde på 480px mens den andre har en bredde på 70px og en høyde på 340px. Så dytte de to øverste punktene i kortere rektangel innover 7px på hver side. Oversiden skal nå være 56px bredt Med mindre formen er valgt, gå til Objekt >.; Sti > Offset Path. Still Offset til -8 og klikk OK. Fortsett å farge de tre nye figurer som vist nedenfor. Når farget, horisontalt sentrere alle tre stedene med størst på baksiden og den minste på forsiden. Dytte den tilbake formen ned av 5px slik at du kan se litt av det som kommer ut i bunnen. Med den nye gruppen av former valgt, bruker Free Transform Tool (E) for å endre størrelsen til å passe i sentrum av pennen. Plasser den i området som er vist nedenfor. Pennen skal se slik ut nå Med hele pennen valgt, gå til Objekt >.; Gruppe. Dette vil kombinere alle figurene i én gruppe, slik at vi kan legge til skygge. Plasser pekepennen var du vil ha det på tegnebrettet. Bruk Free Transform Tool (E) for å rotere det om ønskelig. Så, med "pennen" gruppe valgt, gå til Effects > Stilisere > Drop Shadow. Sett Opacity til 40%, både X og Y Offset til 7px, og Blur til 5PX. Klikk OK Det du har det -. Ditt eget Wacom stil tablett. Jeg håper dette inspirerer dere alle til å se hva annet du kan gjøre ved hjelp av noen enkle former, en bit av penneverktøyet arbeid, og stigninger. Ha det gøy og nyte! Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.
Trinn 17
Trinn 18
Trinn 19
Trinn 20
Konklusjon