Hvordan illustrere en Retro-telefon i Illustrator

Dette arbeidet er laget ved hjelp av Iaroslav Lazunov. Denne opplæringen er for Intermediate Illustrator-brukere. I det lærer du hvordan du lager en realistisk, vektor, retro telefon, ved hjelp av pensler, blandinger, 3D-render og andre verktøy fra Adobe Illustrator. Ferdighetene du lærer kan enkelt overføres til å skape ulike objekter. Så la oss komme i gang!

Trinn 1

Først skal du tegne et ensartet trapes ved hjelp av rektangulært verktøy (M) og direkte utvalgsverktøyet (A). Fyll den med rødt. Deretter går du til File> Scripts> Round Any Corner. Dette skriptet kan lastes ned herfra. Dette skriptet lar deg legge to ankerpunkter til noen av dem for å gjøre banen jevnere. Du må oppnå følgende resultat. Hvis du ikke vet hvordan du installerer den, kan du se vår illustratorskriptpost for mer informasjon.

Vær oppmerksom på at du ikke kan konvertere alle ankerpunktene til trapesen til jevn, fordi det ville føre til bøyning av trapesens linjer..

Gå deretter til Effect> 3D> Roter og sett der verdiene av vinkler og et perspektiv som du kan se på diagrammet nedenfor.

Steg 2

Ta Ellipseverktøyet (L) og lag en sirkel. Deretter kopierer du det og limer det inn (Command + C deretter Command + V).

Deretter går du til Objekt> Blend> Blandingsalternativer og angir Spacing til Spesifiserte trinn og mengden trinn til 8. Se diagrammet under.

Deretter går du til Objekt> Blend> Lag (Kommando + Alt + B).

Som du ser, har du mottatt de 8 sirkler mellom de to endeene. Den komplette mengden sirkler er 10. Deretter tegner du den store sirkelen, og setter deretter begge slag og fyllingen av den til None.

Velg denne store sirkelen og blandingen, og gå til Objekt> Blend> Erstatt spline. Denne kommandoen distribuerer blandingsobjektene langs den nødvendige banen. Du kan bruke den når du vil.

Opprett en tallerken ved å bruke Ellipse Tool (L) og plasser blandingen av ti sirkler over den.

Tegn to andre sirkler som er vist på diagrammet. Den mørkeblå sirkelen må flyttes litt oppover, og den brune sirkelen (kalt videre "Hovedsirkelen") må flyttes litt nedover som vist.

Trinn 3

Ta Typeverktøyet (T) og skriv ut alle kifrene.

Gå deretter til Effekt> 3D> Roter og sett verdiene av vinkler og et perspektiv som du hadde angitt i trinn 1.

La oss nevne denne overflaten som "Hoved" -flaten på telefonen.

Trinn 4

Nå må du opprette den (violette) banen til telefonens bunn. Gjør det ved å bruke pennverktøyet (P).

Opprett den neste (grønne) banen som representerer et hulrom for telefonmottakeren.

Trinn 5

La oss lage 3D mottaker skjema. Først tegner du følgende bane ved hjelp av Rectangle Tool (M), Ellipse Tool (L) og ved å bruke Unite-knappen i Pathfinder-boksen for å forene to forskjellige baner for å lage bare én bane fra dem.

Deretter oppretter du følgende skjemaer på samme måte.

Ta Ellipseverktøyet (L) og Blend Tool (W) og opprett følgende baner for sluttdelene til en mottaker. Bruk teknikken vi brukte i trinn 2 for å lage ti sirkler.

Recolor dem. Deretter opprettes følgende elliptiske bane, som er vist på diagrammet under.

Ta alle disse stiene og dra dem inn i paletten Symboler. Du må ha tre symboler for sluttdelene til en mottaker og for en mottaker selv (elliptisk bane).

Trinn 6

Velg en mottakerbane og gå til Effect> 3D> Extrude & Command. Sett inn følgende verdier (vist nedenfor) for å danne en mottaker. Overflate dette 3D-objektet med Kart Illustrasjon ved å bruke symbolene, som nettopp er opprettet. Se hjelpende diagrammer nedenfor.

Trinn 7

Sett inn usynlig geometri i dialogboksen Kartartikk, og skala den slik at den passer til de nødvendige symbolene til mottakerens endeområder.

Gå nå til Objekt> Utvid Utseende.

Gå til Objekt> Clipping Mask> Release. Gå deretter til Objekt> Sti> Ryd opp, og slett alle elementene i dialogboksen.

Deretter lager du elliptiske baner med akser som ligger langs retningslinjene. Disse ellipser vil representere grensene til en mottaker selv.

Ta Ellipseverktøyet (L) og opprett følgende elliptiske bane fylt med Radialgradienten som vist.

Plasser gruppen hull for en øre del av mottakeren på ellipsen som nettopp er laget. Nå fyll dem med svart.

Lag en annen ellipse. Finn den mellom gruppen av hull og den første ellipse laget i dette trinnet. Fyll den med en lineær gradient som går fra lysegrå til mørkegrå i fargen.

Kopier denne ellipsen og lim den inn foran (Command + C deretter Command + F). Deretter går du til Objekt> Ordne> Send bakover. Fyll denne nye ellipsen med den lineære gradienten, som du kan se på diagrammet under og flytte det noen piksler ned.

Trinn 8

Lag ellipser og fyll dem fra lyse til mørke farger.

Deretter går du til Objekt> Blend> Lag (Kommando + Alt + B).

Lag en sti uten strekk og ingen fyll fargen. Denne banen må berøre den indre ellipse, som tidligere har blitt gjort. For dette, velg først ellipsen (gjort tidligere), kopier den og lim inn foran (Command + C deretter Command + F). Sett Stroke og fyll farge til None for det. Tegn nå en sti som skjæres med ellipsen. Sett Stroke og fyll farge til None for denne banen også.

Deretter går du til paletten Pathfinder og klikker på Intersect-knappen.

Velg denne banen og blend, og gå til Objekt> Klippemask> Lag (kommando + 7).

Trinn 9

La oss lage en ny bane fylt med den lineære gradienten. Denne banen må plasseres under den runde delen av enden av mottakeren.

Opprett nå en ny bane berørt av den første som nettopp er opprettet og fylt med Radialgradienten.

Trinn 10

Nå må du gjøre den andre enden av mottakeren. Lag en ellipse og fyll den med en lineær gradient som vist.

Opprett nå den andre elliptiske banen og fyll den med den lineære gradienten også.

Kopier banen og lim inn foran (Command + C deretter Command + F), flytt den og fyll den med neste lineære gradient.

Lag en annen bane og fyll den med den radiale gradienten nå.

Lag den neste banen fylt med den radiale gradienten. Denne banen må berøre den forrige. Det er peket av en pil på diagrammet.

Opprett følgende ellipse i midten av en mottakers sluttdel og fyll den med den lineære gradienten.

Sett deretter de svarte hullene i den.

Opprett følgende bane som ligger under mottakerens endedel og fyll den med den lineære gradienten.

Trinn 11

Tegn banen for den indre delen av mottakeren. Fyll den med den lineære gradienten.

Kopier banen og lim den inn foran (Command + C deretter Command + F). Fyll den med den lineære gradienten. Deretter går du til Transparency-paletten og stiller inn Overlay Blending-modusen for å skape den komplekse lysfordelingen på mottakeren.

Ta Ellipse Tool (L) og lage en ellipse fylt med svart. Dra deretter og slipp den inn i penselen. Velg alternativet Art Brush i dialogboksen.

Sett elementene til børsten som du kan se dem på diagrammet under.

Tegn nå sirkelen på den øverste delen av mottakeren.

Still fyllfarge på Ingen. Ta saksverktøyet (C) og klikk på sirkelbanepunktene som er vist nedenfor for å dele banen.

Slett nå den største delen av sirkelen.

Gå til børstepaletten og klikk på den elliptiske børsten som nettopp er laget. Gå deretter til Objekt> Utvid utseende.

Fyll denne banen med en radial gradient som går fra hvitt til svart i farge og fra 100% til 0% av Opacity tilsvarende.

Tegn en annen bane på bunnen av mottakeren og fyll den med den lineære gradienten.

Slett nå (eller gjør usynlig) 3D-modellmottakeren.

Trinn 12

Ta en telefonboks.

Og tilbakekalibrere alle stier av det til vanlige farger og til gradienter. For å gjøre dette må du først utvide alle nødvendige baner. Gå til Objekt> Utvid Utseende for dette.

Banene fylt med de lineære gradienter er vist på diagrammene nedenfor.

Banene fylt med radialgradienter vises av en av dem på bildet nedenfor.

Alle de andre banene er fylt med vanlige farger.

Trinn 13

På toppen av telefonboksen tegner du følgende sti fylt med den lineære gradienten.

I mottakerens hulrom tegner du følgende sti, som kan opprettes ved å skalere kopien av mottakerhulen. Fyll den med den lineære gradienten.

Lag følgende sti fylt med en mørk farge.

Trinn 14

Ta Rektangelverktøyet (M) og tegne et rektangel fylt med en mørk grå farge. Den må være plassert under "Hoved" -flaten på telefonen.

Kopier rektangelet og lim det inn foran (Command + C deretter Command + F). Deretter går du til Objekt> Transform> Skjær og flytter den resulterende banen for å berøre det første rektangel. Fyll det andre skjærte rektangelet med den lineære gradienten.

Lag det tredje rektangelet på samme måte.

Ta pennverktøyet (P) og opprett banen som kombinerer alle tre rektangler. Gå til Objekt> Ordne> Send bakover og fyll det med en lysegrå farge.

Trinn 15

Lag den andre delen av telefonens spak.

Trinn 16

Nå må vi lage kunstbørsten. Først opprett følgende to baner.

Senk deretter Opacity av den største banen.

Deretter går du til Objekt> Blend> Lag. Denne blandingen må farges jevnt.

Dra deretter denne blandingen inn i penselpalet og slipp den der. Velg Art Brush-typen i Alternativer-vinduet.

Sett penselalternativene som vist.

Videre bør vi nevne slike børster "Blend" børster eller "Blend Art" børster. Slike navngivning viser at pensler er laget av blandinger. Ta pennverktøyet (P) og tegne følgende bane på telefonens hovedoverflate.

Deretter går du til børstepaletten og klikker på børsten som nettopp er opprettet for å lage et lyspunkt.

Trinn 17

La oss lage den andre blandebørsten. Først gjør du følgende blanding fra elliptiske stier.

Dra nå denne blandingen inn i børstepaletten og slipp den der. Velg Art Brush-typen i Alternativer-vinduet. Sett børstalternativene. Ta pennverktøyet (P) og tegne den neste banen på telefonens "Hoved" -flate. Deretter går du til børstepaletten og klikker på børsten som nettopp er opprettet.

Trinn 18

Opprett nå den neste stien som er ujevn med "Hoved" -kretsen av telefonen og fyll den med den lineære gradienten.

Gjør følgende sti fylt med den lineære gradienten også.

Opprett banen over "Hoved" -kretsen og fyll den med den lineære gradienten.

Opprett nå en ny bane igjen og fyll den med den lineære gradienten også.

Resultatene skal se ut som følgende.

Trinn 19

Lag følgende sti fylt med radialgradienten. Den må plasseres under telefonens plate (med 10 hull).

Opprett følgende sti i midten av telefonen. Fyll den med den lineære gradienten.

Opprett nå en annen sti fylt med den lineære gradienten.

Deretter lager en ny bane fylt med den radiale gradienten.

Trinn 20

Tegn stien fylt med radiell gradient i telefonens mottakerhulrum.

Tegn neste sti i den øverste delen av banen som nettopp er opprettet, og fyll den med den lineære gradienten.

Resultatene skal se ut som bildet nedenfor.

Trinn 21

Tegn banen i midten av telefonens plate og fyll den med den lineære gradienten.

Trinn 22

Trekk spaken på telefonens plate (med sifre) og fyll den med den lineære gradienten. Se diagrammet under.

Deretter lager du en sti på venstre side av spaken og fyller den med en grå farge.

Trinn 23

Lag den neste Blend Art Brush som du hadde gjort tidligere. Det hjelpende diagrammet er under.

Illustrér følgende bane under "Main" overflaten og bruk børsten til den.

Trinn 24

Lag følgende Blend Art Brush som du har gjort før. De hjelpende diagrammene er under.

Illustrér den neste banen under "Main" overflaten og bruk børsten til den.

Trinn 25

Illustrér den neste blandingen ved å lage stier som vises i diagrammer nedenfor.

Etter det skal resultatene se ut som følgende:

Trinn 26

La oss lage en ledningsbane som består av to forskjellige deler: den røde og den grønne (delens farger er satt til None, men de vises bare for enkelhets skyld og har ingen annen relevans i arbeidet). Vær oppmerksom på at toppdelens ende ligger under telefonen, mens den nedre delen slutter å ligge om mottakeren.

Opprett to baner på den ene av ledningsdelene som vist.

Velg disse to banene og delen av ledningen, og gå til Objekt> Blend> Lag. Gå til Objekt> Blend> Blandingsalternativer. Sett inn avstanden til angitte trinn og antall trinn til nummeret du vil ha. Orientering bør settes til Juster til side. Resultatene skal se ut som følgende:

Øk antall trinn i dialogboksen Blend-alternativer for å motta den snoede ledningsgeometrien.

Gjenta dette over den øverste delen av ledningen.

Velg nå to blandinger og gå til Objekt> Utvid to ganger. Deretter går du til Objekt> Ungroup. Du vil motta blandingene laget av sammensatte stier. Velg nå sluttforbindelsesbanen som ligger på enden av ledningsdelen og fyll den med den radiale gradienten.

For det andre, ta en annen sammensatt bane og fyll den med den radiale gradienten også. Vær oppmerksom på forskyvning av lyspunktet (vist ved pilen).

Resultatene skal se ut som følgende.

Fest ledningen til mottakeren ved å lage følgende bane og fylle den med en radial gradient.

Trinn 27

Illustrer nå stien som vises i figuren under. Fyll den med svart. Denne banen må peke på mottakerens øverste del.

Kopier den og lim den inn foran (Command + C deretter Command + F). Flytt kopien og fyll den med en lineær gradient.

Ta Typeverktøyet (T) og skriv teksten "Kontakt oss" i midten av banen.

Trinn 28

Lag skyggen til mottakeren. Først opprett følgende stier: den største er fylt med grå, den minste er fylt med svart (mottakeren er usynlig på følgende diagrammer).

Still Opacity til den største banen til 0%. Og gå til Objekt> Blend> Lag (angi mellomrom til glatt farge).

Trinn 29

Lag skyggen på den nederste delen av mottakeren på samme måte.

Lag skyggen på den øverste delen av mottakeren på samme måte.

Trinn 30

Lag skyggen av telefonen selv.

Velg nå ledningen (uten sti festet til mottakeren) kopiere den og lim den inn foran (Command + C deretter Command + F). Gå nå til Objekt> Utvid.

Deretter går du til Pathfinder-paletten og klikker der på Unite-knappen.

Du bør ha følgende resultater:

Gå nå til Objekt> Forbindelsesvei> Slett. Og deretter gå til paletten Pathfinder igjen og klikk på Unite-knappen.

Fyll den med den lineære gradienten fra lysegrå til mørkegrå. Reduser Opacity-verdien for lysgrå fargestopp.

Gå til Objekt> Ordne> Send bakover.

Konklusjon

Du har nettopp laget en retro-telefon. Jeg håper du likte denne opplæringen.