I denne veiledningen skal jeg vise deg hvordan du lager din egen HD mediespiller med en fjernkontroll ved hjelp av Adobe Illustrator-verktøy, for eksempel: Rektangelverktøy, Ellipseverktøy, gradienter og 3D-alternativet Extrude & Bevel.
Velg rektangulærverktøyet (M), tegne et rektangel med størrelse W = 187,5px og H = 603px, deretter avrundede hjørner med en radius på 30px. Rett etter det går du til Objekt> Utvid Utseende og fyll på formen med Lineær Gradient og fargene: R = 24 G = 29 B = 38 til R = 25 G = 31 B = 43.
Kopier formen fra trinn 1 ved å bruke Command + C etterfulgt av Command + F. Gå nå til Objekt> Sti> Legg til ankerpunkter og slett de fire nøkkelpunktene i formen med Direct Selection Tool, som vist på bildet nedenfor. Grupper de fire hjørnene som ble igjen og bruk Stroke farge: 0,5px til dem med hvit farge:
Med figurene fra forrige trinn som du brukte Stroke-farge for å velge, går du til Effect> Blur> Gaussian Blur, deretter setter du radius til 1,5px og klikker OK.
Kopier nå formen fra trinn 1 ved å bruke Command + C etterfulgt av Command + F. Flytt kopien over alle de andre figurene ved å gå til Objekt> Ordne> Ta fram. Velg deretter figurene fra det forrige trinnet du brukte Gaussisk uskarphet til, og formen du flyttet over de andre, gå til Objekt> Klippemask> Lag.
Velg formen fra trinn 1, gå til Objekt> Path> Offset Path, sett Offset til -2px, klikk OK og endre Fyll farge til svart.
Med formen fra det forrige trinnet som dukket opp etter at du har brukt Offset, er det fortsatt valgt, går du igjen til Objekt> Path> Offset Path. Bruk nå Offset: -2px, klikk OK og fyll det med Linear Gradient-farger R = 7 G = 9 B = 13 til R = 4 G = 5 B = 7.
Gjenta den samme handlingen du gjorde for svarte hjørner av formen fra trinn 1, men denne gangen gjør det samme med formen fra forrige trinn.
Kopier formen fra trinn 6 ved å bruke Command + C etterfulgt av Command + F, flytte formen over alle andre ved å gå til Objekt> Ordne> Ta til forside. Bruk pennverktøyet (P) til å lage en form over den forrige, velg begge formene, åpne Pathfinder Panel, og klikk på Minus Front-knappen. Fyll den nye formen med hvit farge og reduser Opacity til 25%.
I de neste trinnene skal vi legge til fjernkontrollknappene.
Velg Ellipseverktøyet (L), tegne en sirkel i midten øverst i forrige figurer, og fyll den med en svart farge. Se på bildet nedenfor:
Med formen fra det forrige trinnet du fylte med en svart farge som fortsatt er valgt, går du til Objekt> Sti> Offset-vei, angir Offset til -2,5px og klikker OK. Fyll den nye formen med Linear Gradient-farger som går fra mørkegrå til lysegrå som vist.
Med formen du fylt med en lineær gradient i det forrige trinnet som er valgt, går du igjen til Objekt> Path> Offset Path. Sett nå forskyvningen til -1px og endre gradientens farger fra R = 35 G = 35 B = 35 til svart. Deretter grupperer du knappens figurer ved å gå til Objekt> Gruppe (Command + G).
Kopier knappens gruppe du opprettet i forrige trinn ved å bruke Command + C etterfulgt av Command + F. Flytt nå kopien til posisjon som vist på bildet under og gå til Objekt> Transform> Skala. I det nye åpne vinduet sett Uniform Scale til 85% og klikk OK.
Kopier knappen fra forrige trinn 7 ganger ved å bruke Command + C etterfulgt av Command + F. Flytt deretter kopiene til posisjoner som vist.
Nå fortsetter vi å legge til resten av knappene på samme måte som vist nedenfor:
Legg til følgende knapper på plass som vist nedenfor:
Nå har vi igjen å legge til bare en knapp, som er den siste. Velg Ellipseverktøyet (L), tegne en sirkel med størrelsen W = 138px til H = 138px, fyll den med svart farge, og sett den i posisjon vist nedenfor:
Med formen fra det forrige trinnet som fortsatt er valgt, gå til Objekt> Path> Offset Path, sett Offset til -2,5px og klikk OK. Fyll nå den nye formen med en lineær gradient med fargene R = 168 G = 165 B = 164 til R = 194 G = 190 B = 189.
Kopier formen fra forrige trinn ved å bruke Command + C etterfulgt av Command + F, slett nederste og venstre nøkkelpunkt i kopien med Direct Selection Tool (A), og slå deretter av Fyll farge. Bruk nå en hvit strekkfarge med 1px. For å gjøre dette åpent bruk Stroke Panel (Command + F10) og bruk følgende innstillinger: Vekt 1px og Profil for breddeprofil.
Velg Ellipseverktøyet (L), tegne en annen sirkel i midten av de andre med størrelsen W = 80px og H = 80px med en svart farge.
Med formen fra det forrige trinnet som fortsatt er valgt, går du til Objekt> Path> Offset Path. Still offset til -2px og klikk OK. Flytt den nye formen 1px til venstre og fyll den med en Linear Gradient ved å bruke fargene: R = 15 G = 15 B = 15 til R = 71 G = 70 B = 73.
Med formen som dukket opp i forrige trinn valgt, går du igjen til Objekt> Path> Offset Path. Sett forskyvningen til -1px, klikk OK, og fyll den nye formen med en Linear Gradient ved å bruke fargene: R = 35 G = 35 B = 35 til svart som vist.
Nå har du bare igjen for å legge til den nødvendige teksten på knappene. Du kan også legge til det nødvendige symbolet fra symbolpanelet ved å gå til Vindu> Symboler. Nå er vi ferdig med spillerens fjernkontroll så langt. I de neste trinnene skal vi lage HD mediespilleren.
Velg rektangulærverktøyet (M) og tegne et rektangel størrelsen W = 672px til H = 428px. Gå nå til Effect> Stylize> Round Corners og sett Radius til 100px, klikk deretter OK.
Med rektangelet du rundet hjørnene til i det forrige trinnet som fortsatt er valgt, går du til Effekt> 3D> Ekstruder og kommando. Angi verdiene som vist på bildet under, klikk OK, og rett etter det, gå til Objekt> Utvid utseende.
Velg direkte utvalgsverktøyet (A), klikk på den øverste delen av spilleren og fyll det med en svart farge som vist.
Velg nå den nederste delen av spilleren fra gruppen og åpne Pathfinder Panel. Klikk på Add to Shape Area-knappen og fyll den med en lineær gradient som vist.
Med formen fra det forrige trinnet du fylte med en Linear Gradient valgt, kopier du den ved å bruke Command + C etterfulgt av Command + F og gå til Effect> Effect Gallery> Artistic> Plastic Warp. Nå i det nye åpne vinduet gjelder verdiene som vises i bildet nedenfor. Klikk OK og endre blandemodus fra Normal til Multiply.
Når du har brukt Plastic Warp-effekten, vil du legge merke til piksler ved kantene på formen. For å fjerne dem, kopier formen ved å bruke Command + C etterfulgt av Command + F. Nå åpner du Utseendepanelet, fjerner Plastic Warp-effekten, velg deretter formen med den påførte Plastic Warp-effekten og formen på toppen. Bruk nå Objekt> Clipping Mask> Make.
Velg formen fra Trinn 24, kopier den ved å bruke Command + C etterfulgt av Command + F, og flytt den over de andre figurene. Nå går du til Objekt> Arranger> Ta til forsiden, og deretter med Direct Selection Tool (A) velger du de nederste tastene og trykker Slett på tastaturet.
Med formen som dukket opp i det forrige trinnet som er valgt, slår du av Fyll farge og bruker et slag på 3px med fargen: R = 206 G = 206 B = 206.
Velg den øverste delen av spilleren du fylte med en svart farge i begynnelsen, kopier den ved å bruke Command + C etterfulgt av Command + F. Bruk pennverktøyet (P) til å lage en form som vises på bildet under, og velg deretter kopien og formen du nettopp har laget. Åpne nå Pathfinder Panel, klikk på Minus Front-knappen, og fyll det med en Lineær Gradient som vist.
Velg rektangulærverktøyet (M), tegne et rektangel med størrelse og avrundede hjørner på 20px som vist. Fyll formen med en svart farge og send formen under alle andre ved å gå til Objekt> Ordne> Send til Tilbake. Legg nå formen på plass som vist.
Plukk pennverktøyet (P), gjør en form i midten av spilleren som vist på bildet nedenfor, fyll Radial Gradient som vist og bruk Drop Shadow med verdier som vist nedenfor:
Nå er alt du trenger å gjøre, å legge til den nødvendige teksten på spilleren. Når du har skrevet den nødvendige teksten, gå til Effekt> 3D> Rotere. Angi verdiene som vist på bildet under og klikk OK.
Og på slutten kan du legge til en bakgrunn, skygge og refleksjon på samme måte som du vil. Her er sluttresultatet: