Hur man använder Perspective Grid för att skapa en modern TV

I denna handledning lär du dig att skapa din egen moderna TV på ett stativ. Med hjälp av Perspective Grid i Illustrator CS5 som utgångspunkt för ditt arbete kommer du att lära dig hur du snabbt skapar en produktillustration med perfekt perspektiv.


Steg 1

Öppna ett nytt dokument med den storlek du vill ha. Jag har använt 600 x 600 px, klicka på verktyget Perspective Grid (Shift + P). Som standard ser du [2P Normal View] men vi behöver [1P Normal View]. För att göra detta, gå till Visa> Perspektivgrid> Enpunktsperspektiv> [1P Normalvy] och korrigera perspektivet med Perspektivgridverktyget som visas i bild 1.1 nedan.


Steg 2

Med rektangelverktyget (M) skapar du en rektangel som visas på bilden nedan och fyller den med Linjär Gradientfärger brun till mörkbrun.


Steg 3

Med formen från föregående steg vald, kopiera den med Control + C följt av Control + F, ändra gradientens färger till R: 255 G: 228 B: 140 till R: 229 G: 178 B: 0 och ändra blandningsläge från Normal till Multiplicera.


Steg 4

Med pennverktyget (P) skapar du en form på vänster sida av föregående former och fyller med en linjär gradient med färger R: 66 G: 33 B: 11 till R: 83 G: 71 B: 65, loOK vid bild nedan.


Steg 5

Med rektangelverktyget (M) skapar du en rektangel över de föregående formerna i en position som visas nedan och fyller med linjär gradient. För att göra detta, öppna panelen Gradient. Du behöver 3 Gradient Sliders. För den första från vänster till höger ställer du in färg R: 167 G: 177 B: 177, för den andra R: 215 G: 222 B: 255, Plats: 50% och för den tredje gradientreglaget R: 239 G: 238 B: 246.


Steg 6

Kopiera formen från föregående steg med Control + C följt av Control + F, välj pennverktyget (P), skapa en form över kopian som visas nedan och välj sedan kopian och formen du just skapade, öppna panelen Pathfinder , klicka på knappen Minus Front, ändra färgen till vit och minska opacitet till 60%.


Steg 7

Välj rektangelverktyget (M), skapa en rektangel över de föregående formerna i en position som visas nedan och fyll i formen med Linjär Gradient. För att göra detta, öppna panelen Gradient. Du behöver tre Gradient Sliders. För den första från vänster till höger ställer du in färg R: 167 G: 177 B: 177, för den andra R: 215 G: 222 B: 255 och för den tredje gradientreglaget väljer du svart.


Steg 8

Med den sista formen som fortfarande valts, gå till Objekt> Sti> Förskjutningsväg, sätt Offset: -1px, klicka på OK och fyll i den nya formen med R: 116 G: 143 B: 155.


Steg 9

Kopiera den form som uppstod efter att du använt Förskjutning från föregående steg, med Control + C följt av Control + F, med pennverktyget (P), skapa en form över kopian som visas på bilden nedan. Öppna panelen Pathfinder, klicka på knappen Minus Front och fyll sedan formen med Linjär Gradient. Du behöver två Gradient Sliders, för varje skjutreglage väljer du vit och reducerar opacitet till 0% för den andra gradientreglaget.


Steg 10

Med pennverktyget (P) skapar du en form på vänster sida av föregående former som visas på bilden nedan och fyller med R: 66 G: 33 B: 11.


Steg 11

Skapa en annan svart form under alla andra former av TV: n och gå till Effect> Blur> Gaussian Blur, sätt Radius till: 15px och klicka på OK.


Steg 12

Välj rektangelverktyget (M), skapa en rektangel med svart färg som visas på bilden nedan och skicka den bakom alla andra genom att gå till Objekt> Ordna> Skicka till baksida.


Steg 13

Med pennverktyget (P) skapar du en form på vänster sida av formen från föregående steg som visas på bilden nedan och fyller den med Linjär Gradient-färger R: 66 G: 33 B: 11 till R: 83 G: 71 B: 65. Nu kan du ta bort "nätet" eftersom vi inte behöver det i nästa steg.


Steg 14

Återigen, med hjälp av pennverktyget (P) skapar du former i position som visas på bilden nedan och fyller dem med R: 83 G: 41 B: 25.


Steg 15

Med rektangelverktyget (M) skapar du en rektangel i en position som visas på bilden nedan och går sedan till Objekt> Transformera> Skjuvning, ange följande inställningar: Skärvinkel: -25 grader, välj Vertikal och fyll i formen med Linear Gradient genom att öppna Gradient-panelen. Vi behöver tre Gradient Sliders. För den första sätta färgen R: 215 G: 222 B: 225, för den andra R: 167 G: 177 B: 177 och för den tredje Gradient Slider sätt samma färg du har ställt för den första.


Steg 16

Använd pennverktyget (P) genom att lägga till en form på höger sida av föregående form, fyll i den med färg R: 128 G: 128 B: 128, gruppera båda formerna genom att gå till Objekt> Grupp och skicka dem bakom alla andra genom att gå till Objekt> Ordna> Skicka till Tillbaka.


Steg 17

Med Ellipse-verktyget (L) skapar du en ellips under alla andra i en position som visas på bilden nedan, rotera ellipsen till Vinkel: 20 grader och fyll den med Linjär Gradientfärger R: 112 G: 120 B: 120 till R : 215 G: 222 B: 225.


Steg 18

Kopiera ellipsen från föregående steg med Control + C, placera det bakom originalet, tryck på Control + B, flytta kopia några pixlar uppåt, öppna panelen Gradient om du har stängt det och ändra följande inställningar: Typ: Radial , för den första Gradient Slider-uppsättningen färg R: 166 G: 172 B: 174 till R: 136 G: 145 B: 145


Steg 19

Skapa en svart ellips över de andra två som du skapade tidigare och gå till Effect> Blur> Gaussian Blur, set Radius: 6px och klicka på OK, och sedan med Pen-verktyget (P), skapa en form som visas på bilden nedan, stäng av Fyllfärgen och applicera avsmalnande stroke med färg R: 102 G: 102 B: 102 Vikt: 0,2px


Steg 20

Med pennverktyget (P) skapar du en form i en position som visas på bilden nedan och fyller med Linjär Gradient-färger R: 64 G: 27 B: 36 till R: 136 G: 27 B: 36, Plats: 50%.


Steg 21

Kopiera formen från föregående steg med Control + C, placera den bakom originalet, klicka på Kontroll + B, flytta kopia några pixlar nedåt, ändra färgen till svart och gå till Objekt> Blanda> Blandningsalternativ i den nya öppningen fönstret välj Spacing: Specificerat, Steg: 10, klicka på OK och rakt efter det att gå till Objekt> Blanda> Gör.


Steg 22

Använd samma teknik, skapa en annan form med färg R: 136 G: 27 B: 36 på andra sidan som visas på bilden nedan och flytta formerna under gruppen från steg 16.


Steg 23

Vi fortsätter att arbeta med penverktyget (P). Skapa en form med färg R: 136 G: 27 B: 36 över alla andra, upprepa samma åtgärder som du gjorde i steg 21 och steg 22, gå sedan till Objekt> Expand, se på bilden nedan.


Steg 24

Välj nu gruppen från steg 16, kopiera den med Control + C följt av Control + F, flytta kopian över alla andra genom att gå till Objekt> Ordna> Ta framåt och kopiera sedan den högsta formen i den grupp som uppstod i föregående steg efter att du använt Expand med Control + C följt av Control + F, flytta kopian över alla andra. Välj nu de två formerna du flyttat över alla andra former, gå till Objekt> Klippmask> Gör och minska opacitet till 30%.


Steg 25

Skapa en svart form på plats som visas på bilden nedan och gå till Effekt> Blur> Gaussian Blur, set Radius: 7px, klicka på OK och minska opacitet: 30%.


Steg 26

Återigen kopiera gruppen från steg 16 med Control + C följt av Control + F, flytta kopian nedåt, ändra sedan färg till svart, använd Gaussian Blur med Radius: 20px och kopiera sedan ellipsen från steg 17, flytta den över forma du tillämpade Gaussian Blur till. Välj båda formerna, gå till Objekt> Klippmask> Gör och minska opacitet: 35%.


Steg 27

Nu är det dags att göra tunern. Med rektangelverktyget (M) skapar du en rektangel med dimensioner 90px med 60px med 2px rundade hörn.


Steg 28

Nu ska vi tillämpa 3D-effekt på tunern. För att göra detta, välj rektangeln du skapade i föregående steg och gå till Extrude> 3D> Extrude & Bevel. Ange följande inställningar i det nya öppningsfönstret: Ange rotationen runt X-axeln: 59, Ange rotation runt Y-axeln: -43, Ange rotation runt Z-axeln: 22, Perspektiv: 83, Extrude Depth: 10, klicka på OK och Placera tunern som visas på bilden nedan, lägg även till knappar på önskat sätt.


Steg 29

Gruppera alla former av tunern, kopiera sedan gruppen med Control + C följt av Control + B, flytta kopia några pixlar ner och minska opacitet till 30%. På så sätt skapar du en reflektion för tunern.


Slutsats

Till sist kan du skapa böcker på samma sätt som du gjorde tunern. Då kan du lägga till reflektion, skugga och allt du vill. Här är slutresultatet.