Hur man illustrerar en Retro Phone i Illustrator

Detta arbete är gjord med hjälp av Iaroslav Lazunov. Denna handledning är för Intermediate Illustrator-användare. Här får du lära dig hur du skapar en realistisk, vektor, retro telefon med hjälp av borstar, blandningar, 3D-renderare och andra verktyg i Adobe Illustrator. De färdigheter du lär dig kan enkelt överföras för att skapa olika objekt. Så låt oss börja!

Steg 1

För det första rita ett isosceles trapezium med hjälp av rektangelverktyget (M) och Direct Selection Tool (A). Fyll den med rött. Gå sedan till Arkiv> Skript> Runda varje hörn. Det här skriptet kan hämtas härifrån. I det här skriptet kan du lägga till två ankarpunkter till någon av dem för att göra banan mjukare. Du måste uppnå följande resultat. Om du inte vet hur du installerar den kan du se vår illustratörskriptpost för mer information.

Var uppmärksam på att du inte får konvertera alla ankarpunkterna i trapeziet för att släta, eftersom det skulle leda till att böja trapesens linjer.

Gå sedan till Effekt> 3D> Rotera och sätt där värdena för vinklar och ett perspektiv som du kan se på diagrammet nedan.

Steg 2

Ta ellipsverktyget (L) och skapa en cirkel. Kopiera sedan det och klistra in det (Command + C sedan Command + V).

Gå sedan till Objekt> Blanda> Blandningsalternativ och ange Spacing till Specificerade steg och hur många steg till 8. Se diagrammet nedan.

Gå sedan till Objekt> Blanda> Gör (Command + Alt + B).

Som du ser har du fått de 8 cirklarna mellan de två ändarna. Den fullständiga mängden cirklar är 10. Därefter ritar du den stora cirkeln och ställer sedan in både Stroke och fyllningen av den till None.

Välj den här stora cirkeln och blandningen, gå sedan till Objekt> Blend> Byt spline. Detta kommando fördelar blandningsobjekten längs den nödvändiga vägen. Du kan använda den när du vill.

Skapa en platta med hjälp av Ellipse Tool (L) och placera blandningen av tio cirklar över den.

Rita två andra cirklar som visas på diagrammet. Den mörkblå cirkeln måste flyttas något uppåt, och den bruna cirkeln (som kallas vidare "huvudcirkeln") måste flyttas något nedåt som visas.

Steg 3

Ta typverktyget (T) och skriv ut alla ciphers.

Gå sedan till Effekt> 3D> Rotera och sätt värdena för vinklar och ett perspektiv som du ställt in i steg 1.

Låt oss namnge den här ytan som telefonens "Huvud" -yta.

Steg 4

Nu behöver du skapa den (violetta) sökvägen på telefonens botten. Gör det med hjälp av Pen Tool (P).

Skapa nästa (gröna) sökväg som representerar ett hålrum för telefonmottagaren.

Steg 5

Låt oss skapa 3D-mottagare form. Rita först följande sökväg genom att använda rektangelverktyget (M), Ellipseverktyget (L) och genom att använda Unite-knappen i rutfältet för att förena två olika vägar för att skapa en enda väg från dem.

Skapa sedan följande formulär på samma sätt.

Ta ellipsverktyget (L) och blandningsverktyget (W) och skapa följande vägar för slutändarna på en mottagare. Använd tekniken som vi använde i steg 2 för att skapa tio cirklar.

Recolor dem. Skapa sedan följande elliptiska väg, som visas på diagrammet nedan.

Ta alla dessa vägar och dra dem till paletten Symboler. Du måste ha tre symboler för en mottagares änddelar och för en mottagare själv (elliptisk väg).

Steg 6

Välj en mottagarväg och gå till Effekt> 3D> Extrude & Bevel. Ställ in följande värden (visas nedan) för att bilda en mottagare. Lägg nu över det här 3D-objektet med Map Artwork genom att använda symbolerna, som just har skapats. Se hjälpdiagrammen nedan.

Steg 7

Ställ in osynlig geometri i dialogrutan Kartkonstruktion och skala den så att den passar de nödvändiga symbolerna till mottagarens änddelar.

Gå nu till Objekt> Expand Utseende.

Gå till Objekt> Klippmask> Släpp. Gå sedan till Objekt> Path> Clean Up och radera alla objekt i dialogrutan.

Skapa sedan elliptiska vägar med axlar som ligger längs riktlinjerna. Dessa ellipser kommer att representera gränserna för en mottagare själv.

Ta ellipsverktyget (L) och skapa följande elliptiska väg fylld med Radialgradienten som visas.

Placera hålgruppen för en örondel av mottagaren på den ellips som just gjorts. Fyll nu dem med svart.

Skapa en annan ellips. Lokalisera den mellan gruppen av hål och den första ellipsen som gjordes i detta steg. Fyll den med en linjär gradient som går från ljusgrå till mörkgrå i färg.

Kopiera denna ellips och klistra in den framför (Command + C sedan Command + F). Gå sedan till Objekt> Ordna> Skicka bakåt. Fyll den här nya ellipsen med den linjära gradienten, som du kan se på diagrammet nedan och flytta det några pixlar neråt.

Steg 8

Skapa ellipserna och fyll dem från ljus till mörka färger.

Gå sedan till Objekt> Blanda> Gör (Command + Alt + B).

Skapa en sökväg utan streck och ingen fyllfärg. Denna väg måste röra den inre ellipsen, som har gjorts tidigare. För detta, välj först ellipsen (gjord tidigare), kopiera den och klistra in framför (Kommando + C då Kommando + F). Ställ in Stroke och fyll färgen till None för den. Dra nu en stig som skärs med ellipsen. Ställ in Stroke och fyll färgen till Ingen för den här sökvägen också.

Gå sedan till paletten Pathfinder och klicka på Intersect-knappen.

Välj den här sökvägen och blanda, gå till Objekt> Klippmask> Gör (Command + 7).

Steg 9

Låt oss skapa en ny väg fylld med linjär gradient. Denna väg måste placeras under den runda delen av mottagarens ände.

Skapa nu en ny sökväg som berörs av den första som just skapats och fylldes med Radialgradienten.

Steg 10

Nu måste du göra mottagarens andra änddel. Skapa en ellips och fyll den med en linjär gradient som visas.

Skapa nu den andra elliptiska banan och fyll den med linjär gradient också.

Kopiera sökvägen och klistra in på framsidan (Kommando + C då Kommando + F), flytta den och fyll den med nästa linjära gradient.

Skapa en annan väg och fyll den med den radiala gradienten nu.

Skapa nästa väg fylld med den radiella gradienten. Den här vägen måste röra den föregående. Det pekas av en pil på diagrammet.

Skapa följande ellips i mitten av en mottagares änddel och fyll den med linjär gradient.

Placera sedan de svarta hålen i den.

Skapa följande väg som ligger under mottagarens slutdel och fyll den med linjär gradient.

Steg 11

Rita vägen för mottagarens inre del. Fyll den med linjär gradient.

Kopiera sökvägen och klistra in den framför (Kommando + C då Kommando + F). Fyll den med linjär gradient. Gå sedan till Transparency palette och sätt där Överlay Mix-läge för att skapa den komplexa ljusfördelningen på mottagaren.

Ta Ellipse Tool (L) och skapa en ellips fylld med svart. Dra sedan och släpp den i paletten Penslar. Välj alternativet Art Brush i dialogrutan.

Ställ in objekten för borsten som du kan se dem på diagrammet nedan.

Dra nu cirkeln på mottagarens övre del.

Ställ fyllfärgen på Ingen. Ta saxverktyget (C) och klicka på cirkelvägspunkterna nedan för att dela banan.

Ta nu bort den största delen av cirkeln.

Gå till penselborsten och klicka på den elliptiska borsten som just gjorts. Gå sedan till Objekt> Expand Utseende.

Fyll den här vägen med en radiell gradient som går från vit till svart i färg och från 100% till 0% av opacitet motsvarande.

Rita en annan bana på mottagarens undersida och fyll den med linjär gradient.

Ta bort (eller osynlig) 3D-mottagaren.

Steg 12

Ta en telefonlåda.

Och lita på alla vägar av det till vanliga färger och till lutningar. För att göra detta behöver du först utöka alla nödvändiga vägar. Gå till Objekt> Expand Utseende för detta.

Banorna fyllda med linjära gradienter visas på diagrammen nedan.

Banorna fyllda med de radiella gradienterna visas av en av dem på följande bild.

Alla andra vägar är fyllda med vanliga färger.

Steg 13

På toppen av telefonlådan rita följande väg fylld med linjär gradient.

I mottagaren ritar håligheten följande väg, som kan skapas genom att skalera kopian av mottagarens hålrum. Fyll den med linjär gradient.

Skapa följande sökväg fylld med en mörk färg.

Steg 14

Ta rektangelverktyget (M) och rita en rektangel fylld med en mörkgrå färg. Den måste vara placerad under telefonens "Huvud" -yta.

Kopiera rektangeln och klistra in den framför (Command + C sedan Command + F). Gå sedan till Objekt> Transformera> Skjuva och flytta den resulterande sökvägen för att röra den första rektangeln. Fyll den andra skjuvade rektangeln med den linjära gradienten.

Skapa den tredje rektangeln på samma sätt.

Ta pennverktyget (P) och skapa banan som förenar alla tre rektanglarna. Gå till Objekt> Ordna> Skicka bakåt och fyll i det med en ljusgrå färg.

Steg 15

Skapa den andra delen av telefonens hävarm.

Steg 16

Nu behöver vi skapa Art Brush. Skapa först följande två vägar.

Därefter minska opaciteten hos den största vägen.

Gå sedan till Objekt> Blanda> Gör. Denna blandning måste färgas smidigt.

Dra sedan den här blandningen i paletten Penslar och släpp den där. Välj Art Brush-typen i fönstret Alternativ.

Ställ in borstalternativen som visas.

Vidare bör vi namnge sådana borstar "Blend" -borstarna eller "Blend Art" -borstarna. Sådan namngivning visar att borstar är gjorda av blandningar. Ta pennverktyget (P) och dra följande väg på telefonens Huvudyta.

Gå sedan till penseln Paletten och klicka på borsten som just har skapats för att göra en ljuspunkt.

Steg 17

Låt oss skapa den andra blandningsborsten. Först gör följande blandning från elliptiska vägar.

Drag nu den här blandningen i paletten Penslar och släpp den där. Välj Art Brush-typen i fönstret Alternativ. Ställ in borstalternativen. Ta pennverktyget (P) och dra nästa väg på telefonens "Huvud" -yta. Gå sedan till penseln Palette och klicka på borsten som just har skapats.

Steg 18

Skapa nu nästa väg som är ojämn med telefonens "Huvud" -krets och fyll den med den linjära gradienten.

Gör följande väg fylld med linjär gradient också.

Skapa sökvägen över "Main" cirkeln och fyll den med linjär gradient.

Skapa nu en ny väg igen och fyll den med den linjära gradienten också.

Resultaten ska se ut som följande.

Steg 19

Skapa följande väg fylld med den radiella gradienten. Den måste placeras under telefonens skiva (med 10 hål).

Skapa följande väg i mitten av telefonen. Fyll den med linjär gradient.

Skapa nu en annan väg fylld med den linjära gradienten.

Därefter skapar du en ny väg fylld med den radiella gradienten.

Steg 20

Rita vägen fylld med den radiella gradienten i telefonens mottagarehålighet.

Rita nästa väg i den övre delen av sökvägen som just skapats och fyll den med den linjära gradienten.

Resultaten ska se ut som bilden nedan.

Steg 21

Rita vägen i mitten av telefonens skiva och fyll den med linjär gradient.

Steg 22

Rita spaken på telefonens skiva (med siffror) och fyll den med linjär gradient. Se diagrammet nedan.

Skapa sedan en bana på vänster sida av hävarmen och fyll den med en grå färg.

Steg 23

Skapa nästa Blend Art Brush som du tidigare gjort. Det hjälpande diagrammet är nedan.

Illustrera följande väg under huvudytan och använd borsten till den.

Steg 24

Skapa följande Blend Art Brush som du tidigare gjort. De hjälpdiagrammen finns nedan.

Illustrera nästa väg under huvudytan och använd borsten till den.

Steg 25

Illustrera nästa blandning genom att skapa de banor som visas i diagrammen nedan.

Därefter ska resultaten se ut som följande:

Steg 26

Låt oss skapa en sladdväg som består av två olika delar: den röda och den gröna (delarnas färger är inställda på None, men de visas bara för din bekvämlighet och har ingen annan betydelse i arbetet). Var uppmärksam på att den övre delen ändar ligger under telefonen, medan den undre delen av änden ligger om mottagaren.

Skapa två vägar på den ena av sladddelarna enligt bilden.

Välj dessa två vägar och delen av sladden och gå till Objekt> Blanda> Gör. Gå till Objekt> Blanda> Blandningsalternativ. Ställ in Spacing till angivna steg och hur mycket steg du vill ha till det antal du vill ha. Orientering bör sättas till Justera till sida. Resultaten ska se ut som följande:

Öka antalet steg i dialogrutan Blandningsalternativ för att få den snodda snedgeometrin.

Upprepa detta över kabelns översta del.

Välj nu två blandningar och gå till Objekt> Expand två gånger. Gå sedan till Objekt> Ungroup. Du kommer att få de blandningar som gjorts från Sammansatta vägar. Välj nu den avslutade sammansatta banan som ligger i slutet av sladddelen och fyll den med den radiella lutningen.

För det andra, ta en annan slutförd bana och fyll den med den radiella lutningen också. Var uppmärksam på ljuspunktens förskjutning (visas av pilen).

Resultaten ska se ut som följer.

Fäst kabeln till mottagaren genom att skapa följande väg och fylla den med en radial gradient.

Steg 27

Illustrera nu vägen som visas i figuren nedan. Fyll den med svart. Denna väg måste peka på mottagarens övre del.

Kopiera den och klistra in den framför (Kommando + C då Kommando + F). Flytta kopian och fyll den med en linjär gradient.

Ta typverktyget (T) och skriv texten "Kontakta oss" i mitten av sökvägen.

Steg 28

Skapa skuggan av mottagaren. Skapa först följande vägar: den största är fylld med grå, den minsta är fylld med svart (mottagaren är osynlig på följande diagram).

Ställ opaciteten till den största vägen till 0%. Och gå till Objekt> Blanda> Gör (ställ in spacing till jämn färg).

Steg 29

Skapa skuggan på mottagarens undersida på samma sätt.

Skapa skuggan på mottagarens övre del på samma sätt.

Steg 30

Skapa skuggan av telefonen själv.

Välj nu ledningen (utan bana ansluten till mottagaren) kopiera den och klistra in den framför (Kommando + C då Kommando + F). Gå nu till Objekt> Expand.

Gå sedan till Pathfinder-paletten och klicka på Unite-knappen.

Du borde ha följande resultat:

Gå nu till Objekt> Sammansatt sökväg> Släpp. Och därefter gå till paletten Pathfinder igen och klicka på Unite-knappen.

Fyll den med den linjära gradienten från ljusgrå till mörkgrå. Minska Opacity-värdet för det ljusgrå färgstoppet.

Gå till Objekt> Ordna> Skicka bakåt.

Slutsats

Du har just gjort en retro telefon. Jag hoppas att du haft denna handledning.