How å lage en Shiny, Vector Laptop

I denne opplæringen vil jeg vise deg hvordan du oppretter en laptop i Illustrator ved hjelp av grunnleggende verktøy som rektangelverktøyet, Ellipse Tool, Pen Tool og andre. Vi skal konstruere den generelle formen, tastatur, laptop-skjerm, og mer.

Trinn 1

Åpne et nytt dokument, plukke rektangelverktøyet (M) og lage et rektangel på størrelsen 504 px med 377,5 px, og fyll med en svart farge.

Trinn 2

Kopier rektangelet du nettopp opprettet ved hjelp av Command + C etterfulgt av Command + F. Grab Selection Tool (V) og redusere kopi størrelse litt på den nederste delen og fyll med en lineær gradient. For å gjøre dette, åpner Gradient Panel (Command + F9) og velg Type: Linear. Du trenger to Gradient Sliders. For det første fra venstre til høyre velger farge: R = 20, G = 27, B = 34 og for den andre Gradient Slider gjelder R = 51, G = 51, B = 51

Trinn 3 <. br>

Kopier rektangelet du fylt med en lineær gradient bruker Command + C etterfulgt av Command + F. Bruk pennverktøyet (P) for å skape en form over kopien som vist. Nå velger kopien og den formen du opprettet, åpner Pathfinder Panel (Shift + Command + F9), klikk på knappen Minus Front og fyll med en lineær gradient. Du trenger to Gradient Sliders. For begge velge en hvit farge, som for første slider redusere Opacity til 0.%.

Trinn 4

Kopier den formen du bare fylt med en lineær gradient i trinn 2 bruker Command + C etterfulgt av Command + F. Nå flytter rektangelet over alle andre ved å gå til Objekt > Ordne > Ta To Front (Shift + Command + Høyre Bracket nøkkel).

Endre fyllfargen til svart. Grab Selection Tool (V), klikk på bunnen eller øverste delen i midten av rektangelet, hold og trykk på Alt-tasten og skyv den litt innover. På denne måten vil redusere den øverste og nederste delen jevnt. Gjenta den samme handlingen for side del, ta en titt på bildet under for å få et bedre inntrykk.

Trinn 5

Kopier rektangelet du nettopp opprettet, og fyll den med en svart farge ved hjelp Command + C etterfulgt av Command + F. Grab Direct Selection Tool (A) og sletter øverst og nederst til venstre punktet i rektangelet ved å klikke på ett punkt, og trykk deretter på slettetasten. Gjenta den samme handlingen for den andre venstre punktet, slå av fyllfarge og bruke en Stroke fargen R = 189, G = 204, B = 212 med en vekt på 1px.

Trinn 6
< p> Nå velger rektangelet fra trinn 4 som du fylt med en svart farge, så gå til Objekt > Sti > Offset Sti i den nye åpningsvinduet. Nå setter Offset å -2px og klikk på OK.

Trinn 7

Fyll rektangelet du opprettet i trinn 6 med en lineær gradient etter påføring av Offset. For å gjøre dette, åpner Gradient Panel (Command + F9). Du trenger to Gradient Sliders. For det første fra venstre til høyre velger farge: R = 47, G = 50, B = 52 og for det andre velger en svart farge

Trinn 8

Kopier siste laget. rektangel du fylt med en lineær gradient i trinn 7 ved hjelp av Command + C etterfulgt av Command + F. Lag en figur i en posisjon som vist nedenfor. Åpne Pathfinder-panelet og klikk på Minus Front. Fyll den nyopprettede form med lineære gradienter. For begge Gradient Sliders velge en hvit farge, deretter redusere Opacity til 0% for første Gradient Slider.

Trinn 9

La oss nå lage webcam på den bærbare datamaskinen. Plukk Ellipse Tool (L), lage en sirkel i en posisjon med størrelser 16px /16px som viste på bildet nedenfor og fyll den med svart farge.

Trinn 10

Som sirkelen er likevel valgt, gå til Objekt > Sti > Offset Path, bestemmer forskyvningen til -2px, klikk på OK og fylles med fargen.: R = 189, G = 204, B = 212

Trinn 11

Nå med den siste sirkelen du anvendt Offset å fortsatt valgt, igjen gå Objekt > Sti > Offset Sti og i den nye åpningsvinduet sette offset til -2px, klikk på OK og fyll med en svart farge.

Trinn 12

Gjenta samme handling for den siste sirkelen og fylle det med en hvit farge. Igjen gjelder en offset til sirkelen du fylt med en hvit farge og endre fyllfargen til svart.

Trinn 13

Velg den Ellipse Tool (L). Lag en sirkel med størrelser 8PX av 8 piksler i posisjonen som vist. Med sirkelen du fylt med svart farge er valgt, gå til Objekt > Sti > Offset Path, og i den nye åpne vinduet sette offset til 0,5px. Nå fyller det nye laget sirkel med en lineær gradient med farger fra hvitt til svart.

Trinn 14

konsernet de to siste opprettede sirkler, kopiere dem tre ganger, og plassere dem i de fire hjørnene av den bærbare skjermen.

Trinn 15

Velg den Avrundet rektangel Tool, skape en ellipse med størrelser 6PX av 32px, og en Corner Radius av 20px. Fyll Lineær Gradient med farger fra svart til hvitt og plassere ellipse på venstre side av skjermen.

Trinn 16

Kopier ellipse bruker Command + C etterfulgt av Command + F, flytte den til høyre side av skjermen.

Trinn 17

Lag sirkler i de stillingene som er vist nedenfor.

Trinn 18

Grip Pen Tool ( P) og lage de fire hjørnene av skjermen fasongene vist nedenfor. Velg de fire figurer og bruke en Stroke fargen hvit og en 1px vekt.

Trinn 19

Igjen bruke Pen Tool (P) for å lage en linje fra slutten av en av figurene gjorde i forrige trinn til slutten av den andre formen på to motstående former, ta en titt på bildet nedenfor for avklaring. Nå gjelder en Stroke med en hvit farge og 0,25px vekt.

Trinn 20

Nå velger alle former av skjermen og gruppere dem. For å gjøre dette, gå til Objekt > Group (Command + G).

Trinn 21

La oss lage den andre delen av vår laptop. Alle figurene vi vil skape vil være under skjermen gruppen. Plukk rektangelverktøyet (M) og lage et rektangel på 458 px med 10 px, satt Strek til svart og plasser den på bunnen av skjermen.

Trinn 22

Kopier rektangelet ved hjelp av Command + C etterfulgt av Command + F, plukke Selection Tool (V), klikk på høyre eller venstre midtpunktet, trykk og hold Alt-tasten og skyv innover. På denne måten vil redusere jevnt begge sider av rektangelet, deretter fylle den med en lineær gradient med farger fra svart til grå.

Trinn 23

gjenta de samme handlingene, lage to rektangler på både venstre og høyre side som du lar noen få piksler avstand mellom dem.

Trinn 24

Grab rektangelverktøyet (M) og lage et rektangel med størrelser 575 px med 154 px og posisjon på bunnen av skjermen

Trinn 25

Nå som den siste rektangelet du har laget fortsatt er valgt, gå til Effect >.; Forvrenge & Transform > Gratis Distort og skyv de to øverste punktene innover som vist. Etter det gjelder Object > Utvid Utseende.

Trinn 26

Nå grip Legg Anchor Point Tool (+), legge to punkter på høyre side, korrigere dem som vist, og fylle dem med en lineær gradient. Som for første Gradient Slider, bruke fargen: R = 202, G = 206, B = 208, for andre en R = 106, G = 109, B = 112 og sette Angle til 90.

Trinn 27

Grab rektangel Tool (M) og lage et rektangel med størrelsen 575 px med 20 px og plassere det i den nederste delen av den tidligere opprettede rektangelet som vist.

Trinn 28

Grab Legg Anchor Point Tool (+), tilsett to punkter i den nederste delen av rektangelet, og skyv dem noen piksler ned ved hjelp av Direct Selection Tool (A). Nå fyller dem med en lineær gradient, som for første Gradient Slider velge fargen R = 189, G = 204, B = 212 og for det andre bruk hvitt.

Trinn 29

Lag et rektangel 570 px med 74 px hjelp rektangelverktøyet (M), fyll den med fargen R = 18, G = 25, B = 33 og posisjon som vist.

Trinn 30
< p> Kopier rektangel fra trinn 25 som du søkt Gratis Distort til å bruke (Command + C etterfulgt av Command + F) og gå til Objekt > Ordne > Legg foran (Shift + Command + Høyre Bracket nøkkel). Nå velger kopien og rektangelet fra forrige trinnet og går til Objekt > Klipping Mask > Merke (Command + 7).

Trinn 31

Velg rektangelet du brukt en Clipping Mask til, plukke Legg Anchor Point Tool (+), legge til fire punkter som vist, og skyv to midterste punktene litt ned.

Trinn 32

Kopier den formen du brukt en Clipping Mask til å bruke Command + C etterfulgt av Command + F. Bruk Direct Selection Tool (A) til slette de to nederste punktene.

Trinn 33

Nå slår fyllfargen og bruke en Stroke farge med en vekt på 5. Det spiller ingen rolle hvilken farge du velger fordi vi kommer for å fylle formen med en lineær gradient. Med den formen du søkt Strek farge til fortsatt valgt, gå til Objekt > Sti > Outline Stroke og fyll med en lineær gradient.

For å gjøre dette, åpner Gradient Panel (Command + F9) og velg Lineær for Type. Du trenger tre Gradient Sliders alle sammen. For det første bruker hvit med en 68% Sted, for det andre bruk mørk grå farge med 72% Sted, og for det tredje bruk hvit farge med en 76% Beliggenhet.

Trinn 34 Anmeldelser

Bruk rektangelverktøyet (M) for å lage en firkant med størrelsen 575 px med 6 px. Velg svart for farge og posisjon som vist.

Trinn 35

Nå bruker Legg Anchor Point Tool (+) for å legge til to punkter i den nederste delen av rektangelet. Skyv litt ned nederst til venstre punktet du har lagt tidligere, ta en titt på bildet nedenfor.

Trinn 36

Legg lys og innganger jack løpet av det siste skapt form til å gjøre det mer realistisk .

Trinn 37

Lag et rektangel med rektangelverktøyet (M) på 136 px med 43 px i posisjonen som vist, og deretter fylle den med en grå farge.

Trinn 38

Med den siste skapt rektangelet er valgt, gå til Objekt > Sti > Offset Sti og i det nye vinduet sette offset til -1px, og klikk OK. Nå endrer farge til en lettere en.

Trinn 39

Lag en firkant med rektangelverktøyet (M) med størrelser 133 px med 11 px. Velg en svart farge og plassere den som vist nedenfor.

Trinn 40

Opprett ytterligere to mindre sirkler over det siste sort rektangel og fylle dem med R = 202, G = 206, B = 208 .

Trinn 41

Inntil neste nå er å skape laptop knappene. Plukk rektangel Tool (M) og lage et rektangel med størrelser 21,5 px med 19,5 px.

Trinn 42

Kopier rektangel ved hjelp av Command + C etterfulgt av Command + F, øke størrelsen på kopien bruker Selection Tool. Nå bruke Pen Tool (P) for å lage linjer på den lille firkanten mot hjørnet av den store rektangelet. Deretter velger du alle figurene, åpner Pathfinder-panelet, og klikk på Divide knappen.

Trinn 43

Nå fyller de nyopprettede former. Den venstre figuren fylle med en lineær gradient med farger fra grått til svart. Fyll bunnen form med samme gradient og de andre figurene fylle med en svart farge

Trinn 44

Velg alle former av-knappen og gå til Effect >.; Forvrenge & Transform > Transform, og i de nye åpne vinduet setter Kopier til 12, Horisontale til 28 px, og klikk OK

Trinn 45

Med figurene er fortsatt valgt, igjen gå til Effect >.; Forvrenge & Transform > Transform, og i de nye åpningsvinduet setter Kopier til 1, Horisontale til 40 px, Vertical til -27 px, og klikk OK.

Trinn 46

Med figurene fortsatt valgt igjen, gå til Effect > Forvrenge & Transform > Omforme og i de nye åpne vinduet setter Kopier til 2, Vertical til -54 px, og klikk OK

Trinn 47

Med knappene fortsatt er valgt, gå til Objekt >.; Utvid Utseende, og rette knappene bruker markøren (A) som vist.

Trinn 48

Legg den nødvendige skilt på hver knapp. Velg tegn og knappene, deretter gruppere dem ved å bruke Object > Group (Command + G).

Trinn 49

Med knappene er markert, åpne Symbol Panel (Shift + Command + F11) og skyv knappene i Symbol panelet. Anmeldelser
Step 50

Nå kan du forvandle knappene slik du vil og stoppe her.

Trinn 51

Jeg skal vise deg en annen måte du kan bruke knapper. med symbolet knappene er valgt, gå til Effect > Forvrenge & Transform > Gratis Distort, og i den nye åpne vinduet forvandle knappene som vist, og klikk deretter på OK.

Trinn 52

Etter at du har forvandlet knappene, igjen åpne Symbol panelet (Shift + Command + F11) og skyv dem igjen i Symbol panelet.

Trinn 53

Nå bruker Pen Tool (P) for å lage figuren du vil bruke knappene til, ta en titt på den Bildet nedenfor for referanse

Trinn 54

Velg den siste figuren du vil bruke knappene til og gå til Effect >.; 3D > Extrude & Bevel, satt alle alternativer til 0, og klikk deretter på Kart Art knappen og bruke "symbol 2" som du opprettet.

Trinn 55

Bruk Pen Tool (P) for å lage figurer på begge sider ved siden av knappene. Fyll dem med en lineær gradient. Som for begge graderings Sliders, bruk hvit for begge, deretter redusere Opacity for andre Gradient Slider til 0%.

Endelig resultat

Du kan legge til en bakgrunn, skygge og refleksjon, som passer dine estetiske preferanser eller prosjektet behov. Det siste bildet er nedenfor.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.