Så här skapar du en elegant DVD-spelare med Adobe Illustrator

I denna handledning visar jag dig hur du gör en Interaktiv DVD-spelare i Illustrator. För att nå slutresultatet använder vi instrumentet Rounded Rectangle Tool, alternativet 3D> Extrude & Command och Map Art alternativet.


Steg 1

Öppna ett nytt dokument med måtten 900px / 1200px, välj det runda rektangelverktyget och skapa en rektangel med mått: Bredd: 639px, Höjd: 939px, Hörn Radius: 40px.


Steg 2

Skapa en annan rektangel med mått: Bredd: 520px, Höjd: 66px, Hörn Radius: 40px i den övre delen av den första rektangeln på plats som visas nedan:


Steg 3

Välj nu båda rektanglarna du skapat tidigare, öppna Pathfinder Panel genom att gå till Window> Pathfinder (Shift + Command + F9) och klicka på knappen Minus Front.


Steg 4

Välj Rektangelverktyget (M), skapa en rektangel med dimensioner: 563px / 390px och fyll i Linjär gradient genom att gå till Fönster> Swatch-bibliotek> Gradienter> Metaller, välj silvergradienten.


Steg 5

När den sista rektangeln du skapade fortfarande är markerad, gå till Objekt> Path> Offset Path, välj Offset: -4px, klicka på OK och fyll i den nyskapade rektangeln med linjär gradient från grått till mörkt grått.


Steg 6

Välj nu Penverktyget (P) och dra en linje längst ned i den senast skapade rektangeln och även i den vänstra delen. Stäng av Fyllfärgen och använd streckfärg: Svart och Vikt: 5px.


Steg 7

Välj rektangelverktyget (M) och skapa en rektangel under DVD-skärmen med samma bredd som rektangeln från steg 1. Fyll i svart, skapa en cirkel med mått: 130px / 130px, placera den på höger sida av föregående rektangel.


Steg 8

Välj rektangeln och cirkeln, öppna Pathfinder-panelen och klicka på knappen Lägg till bildområde.


Steg 9

Med formen skapad i steg 8 fortfarande vald, gå till Objekt> Sti> Förskjutningsväg, i fönstret, ställ in Offset: -2px, tryck på OK och ändra fyllfärgen till R = 51 G = 51 B = 51.


Steg 10

Välj Ellipse Tool (L) och skapa en cirkel över den senast skapade formen på höger sida som uppstod efter att du använt Offset. Fyll med vit.


Steg 11

Med den valda cirkeln, gå till Objekt> Sti> Förskjutningsväg och ställ in Offset: -1px. Klicka på OK och fyll i med Linjär Gradient - Fönster> Swatch Libraries> Gradients> Metals och välj Chrome Gradient. Strax efter det, gå till Effekt> Oskärpa> Radiell oskärpa, inställd mängd: 100, oskärpa Metod: Spinn, Kvalitet: Bra och klicka OK.


Steg 12

Med cirkeln som du använde Radial Blur för att välja, går du till Objekt> Sti> Förskjutningsväg och i det nya öppningsfönstret Sats Offset: -20px och klickar på OK.


Steg 13

Med den som cirkeln fortfarande är markerad, öppnar du Utseendepanelen genom att gå till Window> Appearance (Shift + F6), radera Radial Blur-effekten genom att markera den med musen och dra den till facket och fylla med linjär gradient som visas på bilden Nedan.


Steg 14

Med den cirkel som fortfarande är markerad, gå till Objekt> Path> Offset Path, sätt Offset: -4px, klicka på OK och ändra Fyll färg till svart.


Steg 15

Välj det avrundade rektangelverktyget och skapa en ellipsa med mått - Bredd: 30px Höjd: 15px Hörnradio: 40 px. Fyll i svart och rör ellipsen i läge som visas på bilden nedan.


Steg 16

Med ellipsen som valts, går du till Objekt> Sti> Förskjutningsväg och i det nya fönstret ställer du in Offset: -2px. Klicka på OK och fyll i den nybildade ellipsen med Linjär Gradient som innehåller färger från grått till svart, sedan flytta ellipsen några pixlar nedåt och till vänster.


Steg 17

Välj de två sista ellipserna och gruppera dem. För att göra detta, välj båda ellipserna och gå till Objekt> Grupp (Kommando + G). Med de två ellipserna som valts, gå till Effekt> Förvräng & Transformera> Transformera, i det nya fönstret uppsättning Kopior: 9, Flytta: Horisontell 45px. Slå på Förhandsvisning för att se det slutliga resultatet och om du är nöjd med den klickar du på OK.


Steg 18

Välj Ellipse Tool (L) och skapa en cirkel med mått: 12px / 12px under formerna från steg 17 och fyll i med färg R = 128, G = 128, B = 128.


Steg 19

Med den valda cirkeln, gå till Effekt> Förvräng & Transformera> Transformera, välj i följande dialogrutor följande inställningar: Kopior: 35 Horisontell: 16px och klicka på OK.


Steg 20

Med de nyskapade cirklarna som fortfarande valts, går du till Effekt> Förvräng & Transformera> Transformera och i det nya fönstret väljer du följande inställningar: Kopier: 3 Vertikal: -16. Klicka på OK och rakt efter det att gå till Objekt> Expand Utseende.


Steg 21

Kopiera cirklarna från steg 20 med Command + C följt av Command + F, ändra fyllfärgen till svart och flytta kopiorna lite nedåt och något till vänster som visas på bilden nedan.


Steg 22

Välj det runda rektangelverktyget och skapa en rektangel med mått: 570px / 30px och hörnradio: 40px. Fyll i svart.


Steg 23

Med den sista formen du skapade fortfarande vald, gå till Objekt> Sti> Förskjutningsväg och i det nya fönstret Ställ in Offset: -2px och klicka på OK. Därefter byter du fyllningsfärgen till grå och flyttar den nya skapade formen du använde förskjutning till lite uppåt och till höger.


Steg 24

Välj alla former exklusive formen från steg 2 och gruppera dem genom att gå till Objekt> Grupp (Command + G).


Steg 25

Välj den grupp du just skapat, öppna symbolpanelen (Shift + Command + F11) dra formerna i symbolpanelen. Detta skapar en ny symbol som kommer att användas i nästa steg.


Steg 26

Välj nu formen från steg 2 och gå till Effect> 3D> Extrude & Command och välj i följande fönster följande inställningar: Ange Rotation runt X-axeln: -26, Ange Rotation runt Y-axeln: 30, Ange Rotation Around The Z Axel: -35, Perspektiv: 45, Extrude Djup: 100pt.

Slå på Förhandsgranska för att se perspektivet och klicka på OK på Map Art-knappen. I det nya fönstret väljer du Symbolet du skapade i föregående steg och klickar på OK.


Steg 27

Gå till Objekt> Expand Utseende, och avgruppera formerna genom att gå till Objekt> Ungroup (Shift + Command + G) och välj sidans former på spelaren, öppna panelen Pathfinder (Shift + Command + F9) , klicka på knappen Lägg till bildområde och fyll i med linjär gradient som visas på bilden nedan.


Steg 28

Välj de former som visas på bilden nedan, öppna panelen Pathfinder (Shift + Command + F9), klicka på knappen Lägg till bildområde och fyll i med linjär gradient som visas nedan.


Steg 29

Välj huvudformen på spelaren med Direct Selection Tool (A) och fyll i Linjär Gradient.


Steg 30

Kopiera formen du fyllde med Linjär Gradient från föregående steg med Command + C och placera den på topp Command + F.


Steg 31

Med den form som du har placerat över de andra som valts, gå till Objekt> Sti> Förskjutningsväg och i det nya fönstret Ställ in Offset: -4px och klicka på OK. På detta sätt kommer vi att duplicera formen i en mindre storlek. Med den mindre formen som fortfarande valts, gå till Objekt> Sti> Förskjutningsväg och i det nya fönstret Ställ in Offset: -4px och klicka på OK.

Nu har vi två dubbletter. Du kan ta bort originalets sökväg. Välj den större formen och flytta den över den mindre formen genom att gå till Objekt> Ordna> Ta framåt. Stäng av Fyllfärgen och använd Stroke färg med vikt: 8x. Färgen är inte viktig eftersom vi fyller formen med Linjär Gradient.


Steg 32

Med den form som du tillämpade Strokefärg till vald, gå till Objekt> Sti> Strålning och fyll den med Linjär Gradient.


Steg 33

Välj nu den kopia som har kvar under föregående form. Stäng av Fyllfärgen och använd Stroke Color Black och Vikt: 5px.


Steg 34

Välj spelarens former och gruppera dem genom att välja alla former och gå till Objekt> Grupp.


Steg 35

Välj det avrundade rektangelverktyget och skapa en rektangel med mått: 400px / 700px; Hörn Radius: 40px. I nästa steg applicerar vi en 3D-effekt på rektangeln som vi har skapat, men innan det behöver vi skapa symbolen kommer vi att tillämpa den på.


Steg 36

Välj Ellipse Tool (L) och skapa en cirkel med dimensioner 25px / 25px. Fyll den med Linjär Gradient genom att gå till Window> Swatch Libraries> Gradients> Metals och välja Silver Gradient.


Steg 37

Med den valda cirkeln, gå till Objekt> Sti> Förskjutningsväg och i det nya fönstret Set Offset: -2px. Klicka på OK och ändra färgen till svart.


Steg 38

Med den valda svarta cirkeln går du till Objekt> Sti> Förskjutningspath och i det nya fönstret Set Offset: -2 px. Klicka på OK och fyll i Linjär Gradient med färger från vit till svart. Minska opacitet till 60% enligt bilden nedan.


Steg 39

Skapa fler former med samma teknik, öppna symbolpanelen genom att gå till Window> Symbols (Shift + Command + F11) och dra formerna i symbolpanelen.


Steg 40

Välj rektangeln från steg 35, gå till Effect> 3D> Extrude & Command och välj följande inställningar: Ange Rotation Around X Axis: -26, Specificera Rotation Around Y Axel: 40, Ange Rotation Around Z Axis: -35 , Perspektiv: 45, Extrude Depth: 100pt. Slå på Förhandsgranska för att se perspektivet och klicka på Map Art-knappen. I det nya fönstret väljer du den symbol du skapade i föregående steg och klickar på OK.


Steg 41

Med den nyskapade formen som du tillämpade 3D-effekten på vald, flyttar du den bakom spelaren genom att gå till Objekt> Ordna> Skicka till Tillbaka och placera formen som visas på bilden nedan.


Steg 42

Fortsätt skapa delar av spelaren. Välj rektangelverktyget (M) och skapa en rektangel med dimensioner: 345px / 610px. Skapa en rektangel med mått: 210px / 330px. Placera den över den föregående, öppna panelen Pathfinder och klicka på knappen Minus Front.


Steg 43

Välj det runda rektangelverktyget och skapa en rektangel med dimensioner: 300px / 196px, Round Corners: 40px och skapa sedan en annan bredare rektangel och placera den i den övre delen av den föregående. Välj båda rektanglarna, öppna Pathfinder-panelen och klicka på knappen Minus Front, ta en titt på bilden nedan för referens.


Steg 44

Välj nu formen från steg 42 och gå till Effect> 3D> Extrude & Command, och gör följande i följande fönster: Ange Rotation Around X Axis: -69, Ange Rotation Around Y Axis: 47, Specificera Rotation Around The Z Axis: -26, Perspektiv: 0, Extrude Depth: 25pt och klicka på OK.


Steg 45

Välj den mindre formen och gå till Effect> 3D> Extrude & Command och välj i följande fönstret följande inställningar: Ange Rotation Around X Axis: -3, Specificera Rotation Around Y Axis: 41, Ange Rotation Around Z Axis: -26, Perspektiv: 0, Extrude Depth: 25pt Klicka på OK och flytta formen bakom den föregående i en position som visas nedan.


Steg 46

Välj nu de två sista formerna och gå till Objekt> Expand Utseende.


Steg 47

Välj direktmarkeringsverktyget (A), håll ned Shift och klicka sedan på höger sida av formen, öppna panelen Pathfinder, klicka på knappen Lägg till bildområde och gå till Objekt> Ordna> Ta fram. Därefter fylls med linjär gradient som visas på bilden nedan.


Steg 48

Fortsätt fylla formerna med Gradient. För att göra detta klickar du på formen du fyller med direktvalet (A), går till Gradient Panel och fyller i det.


Steg 49

Skicka den sista formen bakom alla andra genom att gå till Objekt> Ordna> Skicka till baksida (Skift + Kommando + [) och placera det som visas.


Steg 50

Nu är det dags att skapa en skiva. En bra handledning om ämnet är hur man gör en vektor-cd. När du har skapat skivan väljer du alla former från skivan och går till Effekt> 3D> Rotera, i det nya fönstret väljer du följande inställningar: Ange rotationen runt X-axeln: -32, Ange rotationen runt Y-axeln: 51, Ange rotering runt Z-axeln: -48, klicka på OK och placera disken mellan spelaren och formen skapad efter det.


Steg 51

Välj det rundade rektangelverktyget och skapa en rektangel med mått: 20px / 340px och hörn Radius: 40px med svart färg och vit Stroke färg, vikt: 5px. Rotera formen och placera den under skivan, den ska likna bilden nedan.


Slutsats

För att avsluta din illustration kan du lägga till en skuggbakgrund på ett sätt du vill ha.