Lag en trådløs mus og pad med vektorgrafik ved hjelp av Adobe Illustrator

I dagens veiledning skal vi lære å lage en trådløs mus og musematte med grunnleggende former, børster og gradienter i Adobe Illustrator. Du lærer å lage et utvalg av Blend Art Brushes, så vel som den merkelige tekstureringseffekten. Så la oss komme i gang!


Trinn 1

For å begynne må du opprette hoved geometriske skissen til musen som er vist i diagrammet under. Vi skal opprette denne innledende planen for å fungere, der vi kan legge til høydepunkter og skygger for å gjøre det ser mindre flatt ut. Hvis du vet hvordan du skal oppnå hovedlinjer av objektet og dens elementer, gå til trinn 8. Hvis ikke, les følgende trinn forsiktig.


Steg 2

Bruk Ellipseverktøyet (L) ved å endre Stroke-farge til null og Fyll farge til oransje, og illustrere banen som representerer musekonfigurasjonen.

Med rotasjonsverktøyet (R), roter ellipsen til omtrent 45 grader.

Med Direct Selection Tool (A), må du endre ankrehåndtakene på banen for å danne følgende visning.


Trinn 3

Bruk pennverktøyet (P) ved å tegne en tommelfinger som vist under i det grå.

Velg oransje banen, Kopier og lim inn foran (Kommando + C deretter Kommando + F).

Velg den dupliserte oransje formen og den grå, deretter gå til Pathfinder-panelet og klikk der på knappen Kryss av. Alternativt kan du bruke Shape Builder Tool (Shift + M) til dette formålet hvis du bruker versjon CS5 eller CS6.


Trinn 4

Den blå banen er opprettet på samme måte.


Trinn 5

Lag en fiolett bane som vises nedenfor på toppen av den blå banen ved hjelp av pennverktøyet (P).

Denne delen representerer to museknapper. Tegn en linje som deler formen ved hjelp av pennverktøyet (P).

Det bør være et lite strekk midt på linjen for å tillate plassering av rullehjulknappen.


Trinn 6

Deretter velger du både: denne linjen og den fiolette banen, og klikk på Divide-knappen i Pathfinder-panelet.

Deretter går du til Objekt> Ungruppering og endrer fyllfargene til en hvilken som helst museknapp.


Trinn 7

Lag hjulhulen vist med brun form ...

... og selve hjulet med gul form.

Tegn en svart knapp i de nedre delene av museknappene, og skissen til hovedgeometrien blir fullført.


Trinn 8

Velg oransje banen, Kopier og lim inn foran (Kommando + C deretter Kommando + F). Navn kopien "Hovedbanen", gjør den usynlig og Lås den i Lagpanelet.

Velg deretter oransje banen igjen, gå til Objekt> Opprett Gradient Mesh, og angi verdiene som du kan se i dialogboksen nedenfor.

Ved hjelp av Mesh Tool (U) eller Direct Selection Tool (A) og endre de synlige nettnodenes farger i samsvar med lysfordelingsprinsippet.


Trinn 9

La oss superimpose en tekstur på musen overflaten presentert med mesh.

Vet du hvordan du skal oppnå dette? Først og fremst tegner du to hvite skrå linjer som vist på bildet under med linjesegmentverktøyet (\).

Gå til Effect> Distort & Transform> Roughen, og sett de viste verdiene i den åpne dialogboksen.


Trinn 10

Gå til Objekt> Blend> Blandingsalternativer, angi mellomrom til angitte trinn, og antall trinn til omtrent 80.

Gå til Objekt> Blend> Lag (Kommando + Alt + B).

Reduser blandingenes opasitet.

Og endre strekkvekten til stiene som er inkludert i blandingen.


Trinn 11

Deretter velger du "Hovedvei", Kopier og Lim inn foran (Kommando + C deretter Kommando + F).

Velg blandingen og gå til Objekt> Clipping Mask> Make (Command + 7).


Trinn 12

Tommelen grove av musen vil bli gjort på en lignende måte, ved hjelp av en Gradient Mesh.


Trinn 13

Bruk Ellipseverktøyet (L) til å tegne en horisontal elliptisk bane. Fyll det med hvitt og endre Stroke farge til null.

Med Direct Selection Tool (A), velg det høyre ankerpunktet ...

... og trykk på Slett-knappen på tastaturet.

Gå til Objekt> Sti> Bli med (Command + J) for å lukke den åpne banen.


Trinn 14

Velg begge høyre flest ankerpunkter med Direkte utvalgsverktøyet (A) ...

... og konverter dem til glatt.

Med de valgte punktene trekker du dem til høyre for å lage en lang, slank form.


Trinn 15

Gå til Objekt> Transform> Skala, angi de viste verdiene i dialogboksen, og klikk på Kopier-knappen.

Flytt kopien av banen til venstre som det er sett på diagrammet under.


Trinn 16

Endre Opacity av den største banen til 0%.

Deretter lager du en blanding fra begge tårnformede baner.


Trinn 17

Dra og slipp deretter denne blandingen inn i børstepanelet og velg alternativet Art brush i den åpne dialogboksen.

Oppgi børsten som "Hvit børste" og klikk på OK.


Trinn 18

Med en lignende metode, opprett en annen kunstbørste fra blandinger og ellipser (L).

Men endre fargelasjonsmetoden til Hue Shift for å styre penselfargen mer effektivt.


Trinn 19

Opprett et lyspunkt på musen ved å tegne en linje med pennverktøyet (P) og deretter påføre den "Hvite børsten" på den.

Endre Strokevekten på banen.


Trinn 20

Fyll den blå banen med en hvit til grå radial gradient. Bruk Gradient Tool (G) for å flytte kilden til gradienten.

Kopier denne banen og Lim inn den foran (Command + C deretter Command + F), endre gradientpåfyllingen til en vinklet, lineær.

Endre blandingsmodus til fargebrann i gjennomsiktighetspanelet.


Trinn 21

Det tidligere opprettede lyspunktet bør fortsettes over den grå delen av musen for å tilfredsstille lysfordelingsprinsippet.

Så velg den grå banen, Kopier den og Lim inn foran (Kommando + C deretter Kommando + F), Ta saksverktøyet (C) og kutt banen.

Påfør "Black brush" på den, endre Stroke farge til hvit, og endre Opacity av banen.

Og beskjære dette med tilhørende Clipping Mask (Command + 7).


Trinn 22

Begge knappene på musen (crimson og violet) er fylt med vinklede lineære gradienter som vist i de følgende bildene.

Den brune hulrommet for hjulet er også fylt med en vinklet lineær gradient.


Trinn 23

La oss se på det skalerte bildet. Noe er galt her. Vet du hva?

Ja du har rett! Knappene er fusjonert med hverandre og med andre veier på musen. For å løse dette problemet må du bruke "Black brush" til kantene på knappene. Endre deretter Opacities, Stroke-fargene og Stroke-vektene på stiene som "Black brush" vil bli brukt på. Se bildet nedenfor for referanse.

Men hvis ikke, Kopier venstre museknapp, og lim den inn foran (Command + C deretter Command + F). Bytt begge deler: Fyllingsfarge og Strokefarge til Ingen, Ta saksverktøyet (C), og klikk i angitt ankerpunkt med det.

Påfør den "svarte børsten" til den med den svarte strekkfargen.

Endre strekkvekten og opaciteten til stien, for å oppnå det neste resultatet.

Bruk den "svarte børsten" med den hvite strekkfargen til den analoge banen over høyre knapp. Endre strekkvekten og opaciteten på den på samme måte.

Etter at alle stiene er ferdig ...

... beskjære dem alle sammen med en tilhørende klippemaske. Se bildet nedenfor.


Trinn 24

Den gule sti på hjulet skal fylles med en hvit til svart radial gradient.

Da skal det kopieres og limes foran (Command + C deretter Command + F), og fylt med en lineær gradient.

Angi blandemodus for kopien til skjerm via gjennomsiktighetspanelet.


Trinn 25

Den myke skyggen fra hjulet er illustrert ved hjelp av "Black brush".

Tegn et lyspunkt på hjulet og beskjær det med en Clipping Path (Command + 7), og hjulet på musen vil bli fullført.


Trinn 26

Den lille knappen på musen er farget på samme måte. Bare bruk de teknikkene du lærte tidligere i opplæringen her, og gjør det selv. Bruk bildene nedenfor til referanse.


Trinn 27

Plasser musen på puten. Bruk pennverktøyet (P) ved å tegne den viste banen og fylle den med en vinklet lineær gradient.

Puten, ikke 2D-figuren, men 3D en, selv om tykkelsen er liten. Så, Kopier puten og lim den inn på baksiden (Kommando + C da Kommando + B), flytt den litt til ned og fyll kopien med en lineær gradient som vist i diagrammet under.


Trinn 28

Med linjesegmentverktøyet (\) tegner du en grå helling som vist nedenfor.

Dra og slipp det inn i Pensler-panelet, og velg alternativet Scatter brush i den åpne dialogboksen.

Velg de viste verdiene for alternativene i dialogboksen, og klikk deretter OK.


Trinn 29

Bruk penselverktøyet (B) og mens denne scatterpenselen er valgt i pussebørsten, tegne banen som er vist nedenfor.


Trinn 30

Gå til Objekt> Utvid utseende, ...

... slett unødvendige baner, og endre blandemodus til overlegg i gjennomsiktighetspanelet for de gjenværende banene.

Beskjær stiene med en Clipping Mask (Command + 7).


Trinn 31

Dobbeltklikk det rektangulære nettverktøyet på verktøylinjen og angi de viste alternativene i dialogboksen. Endre Stroke farge til grå og Stroke Weight hvis det er nødvendig i ditt eget kunstverk.


Trinn 32

Med Lasso Tool (Q), velg toppankerpunktene til rutenettet ...

... gå til Objekt> Transform> Skala for å redusere ikke-enhetlig skala for å skape perspektiv.

Drei deretter rutenettet litt hvis det er nødvendig i illustrasjonen ved å bruke Roteringsverktøyet (R).

Legg til rutenettet i den tidligere opprettede Clipping Mask-gruppen.


Trinn 33

Lag en sirkulær svart blanding med Ellipse Tool (L). Ytre sirkelen trenger 0% Opacity og indre 100% Opacity. I Blandingsalternativer, definer spacing som "Spesifiserte trinn" med verdien av 50. Klikk på OK en gang ferdig.

Reduser fargestyrken ved å endre Opacity av stiene i blandingen.

Lag en lignende blanding, men denne gangen med en hvit fylling.


Trinn 34

Skyggen fra musen er opprettet ved å bruke "Black brush".


Konklusjon

Bruk teknikkene du har lært her i dine egne kunstverk. Jeg håper du har hatt denne opplæringen.