Hvordan lage en elektronisk piano i Illustrator

How å lage en elektronisk piano i Illustrator

I denne opplæringen, vil jeg vise deg hvordan du lager din egen realistisk, elektronisk piano i Illustrator. Vi vil skape ganske mange figurer og anvende ulike graderinger og blander å gjøre denne vektoren instrument. Selv om det er litt arbeid å sette alt dette sammen, de teknikkene som brukes i denne opplæringen er ganske enkel. Sett til side et par timer for denne!



Final Bilde Forhåndsvisning

Vil du ha 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:. Adobe Illustrator CS4

Vanskelighetsgrad: Middels

Estimert Fullføringstidspunkt .: 2 Hour

Nedenfor er det siste bildet vi skal jobbe mot

Trinn 1

Åpne et nytt dokument med størrelser 1654px ved 600px. Opprett et bredt rektangel med rektangelverktøyet (M). Gå til Effect > Stilisere > . Runde hjørner og sette Radius på 10px

Nå kan du gå til Objekt > Utvid Utseende, og deretter opprette en annen rektangel litt bredere enn den første, og plassere den som vist nedenfor. Åpne Pathfinder-panelet og klikk Minus Front. Fyll den med en lineær gradient.

Trinn 2

Korriger kurvene i de to øverste punktene i rektangelet bruker Convert Anchor Point Tool som vist.

Trinn 3

Lag et rektangel med rektangelverktøyet (M) og plasser den som vist. Fyll den med en grå farge, kopiere den ved hjelp av Command + C, og lim den inn ved hjelp av Command + F. Flytt det noen få piksler opp, ved hjelp av piltastene på tastaturet ditt og endre han fylle farge til svart.

Trinn 4

Lag en firkant fylt med en hvit farge ved hjelp av rektangel Tool (M). Plassere den i begynnelsen av den svarte firkanten og gå til Effect > Forvrenge & Transform > Transform. I det åpne vinduet gjelder følgende innstillinger: for Move satt Horisontal som 25px, angi antall eksemplarer til 51, la alt annet til standard, og klikk deretter på OK. Nå gå til Objekt > Utvid Utseende og fylle tastene med en lineær gradient som vist.

Trinn 5

Kopier gruppen av elektroniske pianoer nøkler ved hjelp av Command + C, etterfulgt av Command + B for å lime inn i ryggen. Flytt duplikat former noen piksler ned og endre farge til grått.

Trinn 6

Lag et rektangel med rektangelverktøyet (M), posisjonen som vist nedenfor. Fyll den med en lineær gradient med farger fra hvitt til grått, Stroke farger - svart og vekt 1pt. . Redusere Opacity til 50%

Med rektangelet fortsatt er valgt, gå til Objekt > Sti > Offset Sti og sette offset til -2px, klikk OK. Endre fyllfargen på nyopprettede form til svart og stille strøk stykke.

Sett Opacity tilbake til 100%, flytte formen litt opp. . Nå velger rektangelet du fylt med svart og rektangelet du fylt med en lineær gradient og redusere Opacity

Gå til Objekt > Blend > Blend Valg og i den nye åpningsvinduet sette avstanden til Spesifiserte og trinn til 10. Klikk på OK, og rett etter det gå til Objekt > Blend > Gjør

Trinn 7

Med blanding formen fortsatt er valgt, gå til Effect &Distort >.; Transform & Omforme og i det nye vinduet inert følgende innstillinger: satt Horisontal til 48px, kopier til en, og klikk på OK. Gå til Objekt > Utvid Utseende

Trinn 8

Nå velger andre svart nøkkel fra gruppen og gå til Effect >.; Forvrenge & Transform > Transform, og i vinduet angi følgende innstillinger: Horisontal av 30px, kopier på 1, og klikk OK. Så gå til Objekt > Utvid Utseende. Nå velger den tredje nøkkelen og gå til Effect > Transform > Transform og i den nye åpningsvinduet gjøre følgende innstillinger: Horisontal: 45px, Eksemplar: 1, klikk Ok

Gå til Objekt >. Utvid Utseende. Nå velger fjerde nøkkelen og igjen gå til Effect > Forvrenge & Transform > Omforme og i vinduet angi følgende innstillinger: Horisontal av 28px, kopier på 1, og klikk OK. Så gå til Objekt > Utvid Utseende. Nå velger den femte nøkkelen og igjen gå til Effect > Forvrenge & Transform > Omforme og i det nye vinduet angi følgende innstillinger: Horisontal av 28px, kopier på 1, og klikk OK, så gå til Objekt > Utvid Utseende

Trinn 9

Nå velger de siste fem nøklene til elektronisk piano og gå til Objekt >.; Transform > Flytte og i angi følgende innstillinger: Horisontal av 175px og klikk på Kopier-knappen, gjenta dette til du får ønsket resultat. For å gjøre dette kan du bruke tastene kombinasjon Command + D, ta en titt på bildet under for å få et bedre inntrykk.

Trinn 10

Lag et rektangel med rektangelverktøyet (M) som vist nedenfor. Deretter fylle den med en grå til mørk grå lineær gradient.

Trinn 11

Kopier siste laget rektangel bruker Command + C, etterfulgt av Command + F for å plassere. Grab Direct Selection Tool (A), slett de to nederste punktene og bruke setje strøkfargen til lys grå.

Trinn 12

Nå kopierer den første rektangelet du opprettet i trinn 1 ved hjelp av Command + C og plasser den over alle andre rektangler ved å treffe Command + F. Lag en firkant litt høyere enn den forrige, skal den plasseres som vist nedenfor.

Åpne Pathfinder og klikk på Minus Front. Fyll den med en grå til mørk grå lineær gradient. Deretter redusere undersiden av form, for å gjøre denne bruken Direct Selection Tool, klikk på bunnmidtpunktet, og skyv den litt opp. Gjenta samme prosedyre for høyre side av elektronisk piano.

Trinn 13

Lag en linje ved hjelp av Pen Tool (P) i posisjon nær den første nøkkelen, og setter med hjerneslag farge til hvit. Med linjen fortsatt er valgt, gå til Objekt > Sti > Outline Stroke og fyll med en lineær gradient som vist nedenfor. Gjenta den samme prosessen på de andre sidene av elektronisk piano.

Trinn 14

Lag et rektangel med rektangelverktøyet (M). Med rektangelet valgt, gå til Effect > Stilisere > Runde hjørner, sett Radius til 10px og rett etter det gå til Objekt > Utvid Utseende. Lag en firkant på venstre side av forrige rektangelet som vist nedenfor. Velg begge rektangler, åpner Pathfinder-panelet og klikk på Minus Front. Fyll den med en lineær gradient.

Nå velger rektangelet fra trinn 1 og kopiere den ved hjelp av Command + C og plasser den over alle andre rektangler ved å lime den foran med Command + F. Nå velger rektangel-kopien og rektangelet du opprettet tidligere og gå til Objekt > Klipping Mask > Merke (Command + F7).

På denne måten vil skjule unødvendige deler av rektangelet. Nå velger rektangel som du fylt med en lineær gradient, kopiere den ved hjelp av Command + C, etterfulgt av Command + F for å plassere foran. Deretter endrer fyllfargen til svart. Nå som den svarte firkanten fra gruppen at vi har en maske på er valgt, gå til Objekt > Sti > Offset Path, bestemmer forskyvningen til -2px, og fylle den nyopprettede form med en grå farge.

Trinn 15

Kopier den siste formen fra høyttaleren ved hjelp av Command + C, etterfulgt av Command + F og nå la oss fylle formen med et mønster. For å gjøre dette, kan du gå til Windows > Swatch Bibliotekene > Patterns > Basic Graphics > Basic_Graphics Dots, gjenta de samme handlingene for høyre side av elektronisk piano.

Step 16

La oss nå begynne å legge knapper. For å gjøre dette, opprette et rektangel og gå til Effect > Stilisere > Runde hjørner og sette Radius til 5PX, og fyll den med en svart farge. Med den nyopprettede formen er valgt, gå til Objekt > Sti > Offset Sti og sette offset til 0,5px.

Endre fyllfargen til en lys grå og flytte kopien litt opp. Med det siste skapt form som vi søkte Forskyvning til fortsatt valgt, igjen gå til Objekt > Sti > Offset Sti og sette offset til 0,5px. Flytte den litt opp og endre fyllfargen til svart. Igjen gå til Objekt > Sti > Offset Sti og sett motvirket den 0,5px, og deretter fylle den med Radial Gradient.

Trinn 17

Hold legge de resterende knappene og former på samme måte for elektronisk piano. Anmeldelser
Trinn 18

Lag et rektangel med en grå farge som vist nedenfor, og gå til Effect > Stilisere > Runde hjørner. Sett Radius til 10px og klikk på OK. Kopier den en gang ved hjelp av Command + C, etterfulgt av Command + F for å lime inn i front. Reduser kopi størrelse litt på undersiden ved hjelp av Selection Tool ved å klikke på den nederste midtpunkt og skyv den litt opp.

Trinn 19

Lag en linje ved hjelp av Pen Tool (P), som vist. Setje strøkfargen til hvit og gi den en 1pt vekt.

Trinn 20

Lag et rektangel med rektangelverktøyet (M) med en svart farge i posisjonen som vist nedenfor. Runde hjørnene ved å bruke Effect > Stilisere > Runde hjørner, og deretter sette Radius å 6PX
Step 21

Med rektangelet du nettopp opprettet fortsatt er valgt, gå til Objekt >.; Sti > Offset Sti og sette offset til -1px, klikk OK. Nå endre fyllfargen til grå. Flytt kopien litt opp og igjen gå til Objekt > Sti > Offset Path, og deretter sette offset til -1px. Nå fyller den nye formen med en lineær gradient.

Trinn 22

Lag en firkant i midten av forrige opprettet rektangel og fylle den med farge R = 248, G = 187, og B = 80. Deretter kopierer alle nøklene til elektronisk piano ved hjelp av Command + C, etterfulgt av Command + F for å lime inn i front. Flytt dem over alle de andre figurene ved å bruke Object > Ordne > Legg foran. Redusere deres størrelse og posisjon, som vist nedenfor. Åpne Transparency panel og endre Blend Mode fra Normal til Multipliser.

Trinn 23

Lag et rektangel på venstre side av elektronisk piano med rektangelverktøyet (M) og fylle det med en lineær gradient som vist nedenfor.

Trinn 24

Lag en firkant litt mindre størrelse i midten av forrige rektangel og fyll den med en lineær gradient som vist nedenfor. Anmeldelser
Step 25

Lag linjer over det siste laget formen som vist nedenfor.

Step 26

Kopier form fra trinn 1, plassere den over alle andre former, deretter opprette en ellipse over kopi med Ellipse Tool (L), ta en titt under. Velg kopi fra trinn 1 og ellipsen du nettopp opprettet, den åpne Pathfinder-panelet, klikk på Minus Front.

Fyll formen med en lineær gradient, som for begge stopper farge glidere du velge en hvit farge , deretter på andre stopp farge slider redusere Opacity til 0%. Med formen fortsatt er valgt, åpner Transparency panel, endre Blend Mode til Lysere og redusere Opacity til 25%.

Konklusjon

Her er det endelige resultatet.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.