How å illustrere en Vector, HD Media Player
I denne opplæringen, skal jeg vise deg hvordan du lager din egen HD mediespiller med en fjernkontroll ved hjelp av Adobe Illustrator verktøy , som for eksempel: rektangelverktøyet, Ellipse Tool, gradienter og 3D-alternativet Extrude & Bevel.
Trinn 1
Velg rektangel Tool (M), tegne et rektangel med størrelse W = 187,5px og H = 603px, så avrundede hjørner med en radius på 30px. Rett etter det gå til Objekt > Utvid Utseende og fylle formen med Linear Gradient og fargene: R = 24 G = 29 B = 38 til R = 25 G = 31 B = 43
Trinn 2
Kopier form. fra trinn 1 ved hjelp av Command + C etterfulgt av Command + F. Nå gå til Objekt > Sti > Legg ankerpunkter og slette de fire viktigste punktene i form med Direct Selection Tool, som vist på bildet nedenfor. Gruppe de fire hjørnene som forble og gjelder Stroke farge: 0,5px til dem med hvit farge:
Trinn 3
Med figurer fra forrige trinn som du søkt Stroke farge til fortsatt valgt, gå til Effect > Blur > Gaussian Blur, og still Radius til 1,5px og klikk på OK.
Trinn 4
Nå kopierer formen fra trinn 1 ved hjelp av Command + C etterfulgt av Command + F. Flytt kopiere over alle de andre figurene ved å gå til Objekt > Ordne > Legg foran. Deretter velger figurene fra forrige trinn som du brukt Gaussian Blur til, og formen som du flyttet over de andre, så gå til Objekt > Klipping Mask > Gjør
Trinn 5
Velg den formen fra trinn 1, gå til Objekt >.; Sti > Offset Path, satt utlignet til -2px, klikk på OK og endre fyllfargen til svart.
Trinn 6
Med formen fra forrige trinn som dukket opp etter bruk offset er fortsatt valgt, igjen gå til Objekt > Sti > Offset Path. Nå gjelder Offset. -2px, Klikk OK og fyll den med Linear Gradient farger R = 7 G = 9 B = 13 til R = 4 G = 5 B = 7
Trinn 7
gjenta den samme handlingen du gjorde for de svarte hjørner av formen fra trinn 1, men denne gangen gjør det samme med formen fra forrige trinn.
Trinn 8
Kopier form fra trinn 6 ved hjelp av Command + C etterfulgt av Command + F, flytte formen over alle andre ved å gå til Objekt > Ordne > Legg foran. Bruk Pen Tool (P) for å lage en form over den forrige, og velg deretter begge former, åpne Pathfinder Panel, og klikk på Minus Front-knappen. Fyll den nye formen med en hvit farge og redusere Opacity til 25%.
I de neste trinnene vi kommer til å legge knappene på fjernkontrollen.
Trinn 9
Velg den Ellipse Tool (L), tegne en sirkel i midten på toppen av de tidligere former, og fyll den med en svart farge. Se på bildet under:
Trinn 10
Med formen fra forrige trinn som du fylt med en svart farge valgt, gå til Objekt > Sti > Offset Path, satt utlignet til -2,5px og klikk på OK. Fyll den nye formen med lineær gradient farger som går fra mørk grå til lys grå som vist.
Trinn 11
Med den formen du fylt med en lineær gradient i forrige trinn fortsatt er valgt, igjen gå til Objekt > Sti > Offset Path. Nå setter Offset å -1px og endre gradient farger fra R = 35 G = 35 B = 35 til svart. Deretter gruppe knappens form ved å gå til Objekt > Group (Command + G).
Trinn 12
Kopier knappen gruppe som du opprettet i forrige trinn ved hjelp av Command + C etterfulgt av Command + F. Nå flytte kopien inn i stillingen som vist på bildet nedenfor og gå til Objekt > Transform > Skala. I den nye åpne vinduet satt Uniform Scale til 85%, og klikk OK.
Trinn 13
Kopier-knappen fra forrige trinn 7 ganger ved hjelp av Command + C etterfulgt av Command + F. nå flytte kopiene inn i posisjoner som vist
Trinn 14
Nå skal vi fortsette å legge resten av knappene på samme måte, som vist nedenfor.
Legg til følgende knapper i posisjon som vist nedenfor:
Step 15
Nå har vi igjen å legge til bare én knapp, som er den siste. Plukk Ellipse Tool (L), tegne en sirkel med størrelsen W = 138px til H = 138px, fyll den med svart farge, og plassere den i posisjon vist nedenfor:
Trinn 16
med formen fra forrige trinn likevel valgt å gå til Objekt > Sti > Offset Path, bestemmer forskyvningen til -2,5px og klikk på OK. Nå fyller den nye formen med en lineær gradient med farger R = 168 G = 165 B = 164 til R = 194 G = 190 B = 189.
Trinn 17
Kopier form fra foregående trinn ved hjelp av Command + C etterfulgt av Command + F, slette bunnen og venstre sentrale punkt på kopien med Direct Selection Tool (A), og slå av fyllfarge. Nå gjelder en hvit strek farge med 1px. For å gjøre dette åpent bruk Strek Panel (Command + F10) og bruke følgende innstillinger:. Vekt av 1px og Profil Bredde profil
Trinn 18
Velg den Ellipse Tool (L), tegne en annen sirkel i midten av de andre med størrelsen W = 80px og H = 80px med en svart farge.
Trinn 19
Med formen fra forrige trinn fortsatt er valgt, gå til Objekt > Sti > Offset Path. Sett Offset å -2px og klikk OK. Flytt den nye figuren 1px til venstre og fyll den med en lineær gradient med de fargene.: R = 15 G = 15 B = 15 til R = 71 G = 70 B = 73
Trinn 20 Anmeldelser
Med den formen som dukket opp i forrige trinn valgt, igjen gå til Objekt > Sti > Offset Path. Still Offset å -1px, klikk OK, og fylle den nye formen med en lineær gradient med de fargene.: R = 35 G = 35 B = 35 til svart som vist
Nå eneste du har igjen å legge den nødvendige teksten på knappene. Du kan også legge de nødvendige symbol fra Symboler Panel ved å gå til Vindu > Symboler. Nå er vi ferdig med spillerens fjernkontroll så langt. I de neste trinnene skal vi lage HD-mediespilleren.
Trinn 21
Velg rektangel Tool (M) og tegne et rektangel størrelsen W = 672px til H = 428px. Nå gå til Effect > Stilisere > Runde hjørner og sette Radius til 100px, og klikk deretter OK
Trinn 22
Med rektangelet du rundet hjørnene til i forrige trinn fortsatt er valgt, gå til Effect >.; 3D > Extrude & Bevel. Sette verdiene som vist på bildet nedenfor, klikk OK, og rett etter det gå til Objekt > Utvid Utseende.
Trinn 23
Velg den Direct Selection Tool (A), klikk på den øverste delen av spilleren og fyll den med en svart farge som vist.
Trinn 24
Nå velger den nederste delen av spilleren fra gruppen og åpne Pathfinder Panel. Klikk på Legg til Shape-området knappen og fyll den med en lineær gradient som vist.
Trinn 25
Med formen fra forrige trinn som du fylt med en lineær gradient valgt, kopiere den ved hjelp av Command + C etterfulgt av Command + F og gå til Effect > Effect Gallery > Artistic > Plastic Warp. Nå i den nye åpne vinduet gjelder verdiene som vises på bildet under. Klikk OK og endre Blending Mode fra Normal til Multipliser.
Trinn 26
Etter at du har påført Plastic Warp effekt, vil du legge merke til pikslene på kantene på formen. For å fjerne dem, kopiere form ved hjelp av Command + C etterfulgt av Command + F. Nå åpner Utseende Panel, fjerner plast Warp effekt, deretter velge formen med den påførte Plastic Warp effekt og formen på topp. Nå gjelder Object > Klipping Mask > Gjør.
Trinn 27
Velg den formen fra trinn 24, kopiere den ved hjelp av Command + C etterfulgt av Command + F, og flytte den over de andre figurene. Nå gå til Objekt > Ordne > Legg foran, deretter med Direct Selection Tool (A) velger bunn viktige punkter, og trykk Delete på tastaturet.
Trinn 28
Med den formen som dukket opp i forrige trinn fortsatt er valgt Slå av Fill farge og påfør et strøk av 3px med fargen.: R = 206 G = 206 B = 206
Trinn 29
Velg den øverste delen av spilleren som du har fylt med en svart farge i begynnelsen, kopiere den ved hjelp av Command + C etterfulgt av Command + F. Bruk Pen Tool (P) for å lage en form som er vist på bildet nedenfor, velg deretter kopien og den formen du nettopp laget. Nå åpner Pathfinder Panel, klikk på Minus Front-knappen, og fyll den med en lineær gradient som vist.
Trinn 30
Velg rektangel Tool (M), tegne et rektangel med størrelse og avrundede hjørner av 20px som vist. Fyll formen med en svart farge og sende formen under alle andre ved å gå til Objekt > Ordne > Send til Back. Nå plasserer form i posisjon som vist.
Trinn 31
Velg den Pen Tool (P), lage en form på midten av spilleren som vist på bildet nedenfor, fyll Radial gradient som vist og bruke Drop Shadow med verdier som vist nedenfor:
Step 32
Nå er alt du har igjen å gjøre er å legge den nødvendige teksten på spilleren. Etter at du har skrevet den nødvendige teksten gå til Effect > 3D > Rotere. Sette verdiene som vist på bildet nedenfor og klikk på OK.
Konklusjon
Og på slutten kan du legge til en bakgrunn, skygge og refleksjon på den måten du ønsker. Her er det endelige resultatet: