Slik lager du en elegant DVD-spiller med Adobe Illustrator

I denne veiledningen vil jeg vise deg hvordan du lager en interaktiv DVD-spiller i Illustrator. For å nå det endelige resultatet vil vi bruke instrumentet Avrundet rektangulærverktøy, alternativet 3D> Ekstruder og kommando og alternativet Map Art.


Trinn 1

Åpne et nytt dokument med dimensjonene 900px / 1200px, velg det avrundede rektangelverktøyet og opprett et rektangel med dimensjoner: Bredde: 639px, Høyde: 939px, Hjørnelengde: 40px.


Steg 2

Lag et annet rektangel med dimensjoner: Bredde: 520px, Høyde: 66px, Hjørne Radius: 40px i øverste del av første rektangel på plass som vist nedenfor:


Trinn 3

Velg nå begge rektangler du har opprettet tidligere, åpne Pathfinder Panel ved å gå til Window> Pathfinder (Shift + Command + F9) og klikk på Minus Front-knappen.


Trinn 4

Velg rektangulærverktøyet (M), opprett et rektangel med dimensjoner: 563px / 390px og fyll med Linear Gradient ved å gå til Vindu> Swatch Libraries> Gradients> Metals, velg Silver gradienten.


Trinn 5

Når det siste rektangelet du opprettet, fremdeles er valgt, går du til Objekt> Sti> Offset-vei, velger Offset: -4px, klikker OK og fyller det nyopprettede rektangelet med lineær gradient fra grå til mørk grå.


Trinn 6

Nå velger du Pen Tool (P) og tegner en linje i bunnen av det sist opprettede rektangelet og også i venstre del. Slå av Fyll farge og påfør Stroke Farge: Svart og Vekt: 5px.


Trinn 7

Velg rektangulærverktøyet (M) og lag et rektangel under DVD-skjermen med samme bredde som rektangelet fra trinn 1. Fyll med svart, lag en sirkel med dimensjoner: 130px / 130px, plasser den på høyre side av forrige rektangel.


Trinn 8

Velg rektangelet og sirkelen, åpne Pathfinder Panel og klikk på knappen Add to Shape Area.


Trinn 9

Når formen er opprettet i trinn 8 fremdeles valgt, går du til Objekt> Sti> Offset-vei, i vinduet, angir Offset: -2px, trykker OK og bytter fyllfarge til R = 51 G = 51 B = 51.


Trinn 10

Velg Ellipseverktøyet (L) og lag en sirkel over den sist opprettede formen på høyre side som dukket opp etter å ha brukt Offset. Fyll med hvitt.


Trinn 11

Med sirkelen som er valgt, går du til Objekt> Sti> Offset-vei og angir Offset: -1px. Klikk OK og fyll ut med Linjær gradient - Vindu> Swatch-biblioteker> Gradienter> Metaller og velg Chrome Gradient. Straks etter det, gå til Effekt> Uklarhet> Radial uskarphet, angitt beløp: 100, uskarphet Metode: Spinn, Kvalitet: Bra og klikk OK.


Trinn 12

Med sirkelen du brukte Radial Blur for å velge, går du til Objekt> Sti> Offset Path og i det nye åpningsvinduet Offset: -20px og klikker OK.


Trinn 13

Med som sirkelen fortsatt er valgt, åpner du Utseendepanelet ved å gå til Vindu> Utseende (Shift + F6), slette Radial Blur-effekten ved å velge den med musen og dra den til bin og fyll den med Linear Gradient som vist på bildet under.


Trinn 14

Med sirkelen som er valgt, går du til Objekt> Sti> Offset-vei, angir Offset: -4px, klikker OK og endrer Fyll farge til svart.


Trinn 15

Velg det avrundede rektangelverktøyet og opprett en ellipse med dimensjoner - Bredde: 30px Høyde: 15px Hjørne Radius: 40 px. Fyll med svart og flytt ellipsen til posisjon som vist på bildet nedenfor.


Trinn 16

Med ellipsen som er valgt, går du til Objekt> Sti> Offset-vei og i det nye vinduet angir Offset: -2px. Klikk OK, og fyll den nyopprettede ellipsen med Linear Gradient som inneholder farger fra grått til svart, og flytt deretter ellipsen noen få piksler nedover og til venstre.


Trinn 17

Velg de to siste ellipser og grupp dem. For å gjøre dette, velg begge ellipser og gå til Objekt> Gruppe (Kommando + G). Med de to ellipser som er valgt, går du til Effekt> Forvreng & Transform> Transform, i det nye vinduet Kopier: 9, Flytt: Horisontal 45px. Slå på Forhåndsvisning for å se det endelige resultatet, og hvis du er fornøyd med det, klikker du OK.


Trinn 18

Velg Ellipseverktøyet (L) og lag en sirkel med dimensjoner: 12px / 12px under figurene fra Trinn 17 og fyll med farge R = 128, G = 128, B = 128.


Trinn 19

Med sirkelen som er valgt, går du til Effekt> Forvreng & Transform> Transform, i det nye dialogvinduet velger du følgende innstillinger: Kopier: 35 Horisontal: 16px og klikk OK.


Trinn 20

Med de nyopprettede sirkler som fremdeles er valgt, går du til Effekt> Forvreng & Transform> Transform, og i det nye vinduet velger du følgende innstillinger: Kopier: 3 Vertikal: -16. Klikk på OK og rett etter det, gå til Objekt> Utvid utseende.


Trinn 21

Kopier sirkler fra trinn 20 ved hjelp av Command + C etterfulgt av Command + F, endre fyllfarge til svart og flytt kopiene litt nedover og litt til venstre som vist på bildet nedenfor.


Trinn 22

Velg det avrundede rektangelverktøyet og opprett et rektangel med dimensjoner: 570px / 30px og hjørne Radius: 40px. Fyll med svart.


Trinn 23

Med den siste formen du opprettet fremdeles valgt, gå til Objekt> Sti> Offset Path og i det nye vinduet Sett Offset: -2px og klikk OK. Deretter endrer du Fyll fargen til grå og flytt den nye opprettede formen du brukte Offset til litt oppover og til høyre.


Trinn 24

Velg alle former eksklusive formen fra trinn 2 og grupper dem ved å gå til Objekt> Gruppe (Command + G).


Trinn 25

Velg gruppen du nettopp har opprettet, åpne symbolpanelet (Shift + Command + F11) dra formene inn i symbolpanelet. Dette vil skape et nytt symbol, som vil bli brukt i de neste trinnene.


Trinn 26

Velg nå formen fra trinn 2 og gå til Effect> 3D> Extrude & Command, og velg følgende innstillinger i det nye vinduet: Angi rotasjon rundt X-aksen: -26, Angi rotasjon rundt Y-aksen: 30, angi rotasjon rundt Z Akse: -35, Perspektiv: 45, Ekstruder Dybde: 100pt.

Slå på Forhåndsvisning for å se perspektivet og klikk OK på Map Art-knappen. I det nye vinduet velg Symbolet du opprettet i forrige trinn, og klikk OK.


Trinn 27

Med spilleren som er valgt, går du til Objekt> Utvid Utseende, og deretter grupperer du formene ved å gå til Objekt> Ungruppering (Skift + Kommando + G) og velg spillerens sideformer, åpne Pathfinder Panel (Shift + Command + F9) , klikk på Add to Shape Area-knappen og fyll med Linear Gradient som vist på bildet nedenfor.


Trinn 28

Velg figurene som vist på bildet nedenfor, åpne Pathfinder Panel (Shift + Command + F9), klikk på knappen Add to Shape Area og fyll ut med Linear Gradient som vist under.


Trinn 29

Velg hovedformen til spilleren ved hjelp av Direct Selection Tool (A) og fyll ut med Linear Gradient.


Trinn 30

Kopier formen du fylte med Linear Gradient fra forrige trinn ved å bruke Command + C og plasser den på toppen Command + F.


Trinn 31

Med formen du har plassert over de andre valgte, går du til Objekt> Sti> Offset-vei og i det nye vinduet Sett Offset: -4px og klikker OK. På den måten dupliserer vi formen i en mindre størrelse. Med den mindre formen som fortsatt er valgt, går du til Objekt> Sti> Offset-vei og i det nye vinduet Sett Offset: -4px og klikker OK.

Nå har vi to duplikater. Du kan slette originalens sti. Velg større form og flytte den over den mindre formen ved å gå til Objekt> Ordne> Ta fram. Slå av Fyll farge og søk Stroke farge med vekt: 8x. Fargen er ikke viktig fordi vi vil fylle formen med Linear Gradient.


Trinn 32

Med formen du brukte Strokefarge til valgt, gå til Objekt> Sti> Strektslag og fyll den med Lineær Gradient.


Trinn 33

Velg nå kopien som har ligget under forrige form. Slå av Fyll farge og påfør Slagfarge svart og Vekt: 5px.


Trinn 34

Velg formene til spilleren og grupper dem ved å velge alle figurene og gå til Objekt> Gruppe.


Trinn 35

Velg det avrundede rektangelverktøyet og opprett et rektangel med dimensjoner: 400px / 700px; Hjørne Radius: 40px. I de neste trinnene vil vi bruke en 3D-effekt på rektangelet vi har opprettet, men før det må vi lage symbolet vi vil bruke det på.


Trinn 36

Velg Ellipseverktøyet (L) og lag en sirkel med dimensjoner 25px / 25px. Fyll det med Linear Gradient ved å gå til Vindu> Swatch Libraries> Gradients> Metaller og velge Silver Gradient.


Trinn 37

Med valgt sirkel, gå til Objekt> Path> Offset Path og i det nye vinduet Sett Offset: -2px. Klikk OK og endre fargen til svart.


Trinn 38

Med den sorte sirkelen som fortsatt er valgt, går du til Objekt> Sti> Offset-vei og i det nye vinduet Sett Offset: -2 px. Klikk på OK og fyll med Linear Gradient med farger fra hvitt til svart. Reduser Opacity til 60% som vist på bildet nedenfor.


Trinn 39

Lag flere figurer med samme teknikk, åpne symbolpanelet ved å gå til Vindu> Symboler (Shift + Command + F11) og dra formene i symbolpanelet.


Trinn 40

Velg rektangelet fra Trinn 35, gå til Effekt> 3D> Ekstruder og kommando og velg følgende innstillinger: Angi rotasjon rundt X-aksen: -26, Angi rotasjon rundt Y-aksen: 40, Angi rotasjon rundt Z-aksen: -35 , Perspektiv: 45, ekstruder dybde: 100pt. Slå på Forhåndsvisning for å se perspektivet og klikk på Map Art-knappen. I det nye vinduet velg symbolet du opprettet i forrige trinn, og klikk OK.


Trinn 41

Med nyopprettet form du brukte 3D-effekten til valgt, flytt den bak spilleren ved å gå til Objekt> Ordne> Send til Tilbake og plasser formen som vist på bildet nedenfor.


Trinn 42

Fortsett å lage deler av spilleren. Velg rektangelverktøyet (M) og opprett et rektangel med dimensjoner: 345px / 610px. Lag et nytt rektangel med dimensjoner: 210px / 330px. Plasser den over den forrige, åpne Pathfinder Panel og klikk på Minus Front-knappen.


Trinn 43

Velg det runde rektangelverktøyet og opprett et rektangel med dimensjoner: 300px / 196px, Round Corners: 40px og opprett et annet bredere rektangel og plasser det i den øverste delen av den forrige. Velg begge rektangler, åpne Pathfinder Panel og klikk på Minus Front-knappen, se på bildet nedenfor for referanse.


Trinn 44

Velg nå formen fra trinn 42 og gå til Effect> 3D> Extrude & Command og i det nye vinduet gjør følgende innstillinger: Angi rotasjon rundt X-aksen: -69, Angi rotasjon rundt Y-aksen: 47, Angi rotasjon rundt Z Akse: -26, Perspektiv: 0, Ekstruder Dybde: 25pt og klikk OK.


Trinn 45

Velg den mindre formen og gå til Effect> 3D> Extrude & Command og i det nye vinduet valgte følgende innstillinger: Angi rotasjon rundt X-aksen: -3, Angi rotasjon rundt Y-aksen: 41, Angi rotasjon rundt Z-aksen: -26, Perspektiv: 0, Ekstruder Dybde: 25pt klikk OK og flytt formen bak den forrige i en stilling som vist nedenfor.


Trinn 46

Velg nå de to siste figurene og gå til Objekt> Utvid utseende.


Trinn 47

Velg direkte markeringsverktøyet (A), trykk og hold Shift, klikk deretter på høyre side av formen, åpne Pathfinder Panel, klikk på Add To Shape Area-knappen og gå til Objekt> Arranger> Bring to Front. Etter det fylles med Linear Gradient som vist på bildet nedenfor.


Trinn 48

Fortsett å fylle figurene med Gradient. For å gjøre dette, klikk på formen du vil fylle ved hjelp av Direct Selection Tool (A), gå til Gradient Panel og fyll det inn.


Trinn 49

Send den siste formen bak alle de andre ved å gå til Objekt> Ordne> Send til Tilbake (Skift + Kommando + [) og plasser den som vist.


Trinn 50

Nå er det på tide å lage en disk. En god opplæring i emnet er hvordan du lager en vektor-CD. Etter at du har opprettet disken, velg alle formene fra disken og gå til Effekt> 3D> Roter, velg i det nye vinduet følgende innstillinger: Angi rotasjon rundt X-aksen: -32, Angi rotasjon rundt Y-aksen: 51, Angi rotasjon rundt Z-aksen: -48, klikk OK og plasser disken mellom spilleren og formen skapt etter den.


Trinn 51

Velg det avrundede rektangelverktøyet og lag et rektangel med dimensjoner: 20px / 340px og hjørne Radius: 40px med svart farge og hvit Stroke farge, vekt: 5px. Roter formen og plasser den under disken, den skal se ut som på bildet nedenfor.


Konklusjon

For å fullføre illustrasjonen din kan du legge til en skyggebakgrunn på en slik måte du vil.