Skapa en hörlursymbol med hjälp av Adobe Illustrator

I denna handledning lär du dig att skapa en realistisk bild av hörlurar med enkla och förståliga tekniker. Det visar sig att för att få ett bra resultat är det inte nödvändigt att göra det på ett komplicerat sätt. Denna handledning är lätt för varje nybörjare att slutföra.


Steg 1

Börja skapa närmare tittarens öronkopp. Ta ellipseverktyget (L) och skapa en ellipsa med en fyllning utan slag av någon färg förutom vit, förstås.

Kopiera den skapade ellipsen och klistra in den framför. Minska den övre ellipsen i storlek så att dess storlekar förändras proportionellt. För att göra det, håll ner Skift-tangenten när du gör det mindre. Flytta nu den övre ellipsen något till vänster.


Steg 2

Kopiera den övre ellipsen (den har en blå fyllning på bilden) och klistra in den framför. Gör nu kopian mindre genom att hålla ned Shift-tangenten.

Duplicera blå ellips igen. Välj den och den röda ellipsen och tryck på Minus Front-knappen från paletten Pathfinder.

Som ett resultat av dessa åtgärder erhåller vi tre objekt: två ellipser och förbandspath.


Steg 3

Ta pennverktyget (P) och skapa en form som en bro mellan den gröna ellipsen och den röda föreningsvägen.

Välj dessa tre former och klicka på Unite-knappen från paletten Pathfinder.


Steg 4

Låt oss anta att ljuskällan ligger längst upp till höger. Vi måste placera ljus och skuggor på hörlurarna enligt detta. Fyll den form som uppnåddes i föregående steg med en elliptisk gradient med parametrarna som visas i figuren nedan.

Färgerna som jag använde här kommer att tillämpas på alla delar av hörlurarna av svart plast. Nå, nu ljuset - (C = 53; M = 43; Y = 42 och K = 27); penumbra - (C = 70; M = 60; Y = 56 och K = 67); och skuggan - (C = 80; M = 69; Y = 61 och K = 88).


Steg 5

Fyll den inre blåa ellipsen med en vit färg.

Duplicera den vita ellipsen, minska den något, och skift den till vänster.

Jag vill ge dig en liten hemlighet om hur du ändrar storleken eller positionen på ett objekt med ett visst värde. Du kommer att se objektets höjd- och breddvärden på Control Palette när den väljs. Så, dessa värden kan ändras med hjälp av aritmetiska operationer för addition och subtraktion. Låt oss anta att objektet bör reduceras med 2px, inga problem, skriv in - 2px efter de digitala värdena på bredden eller höjden och tryck på Enter. För att objektet ska ändras proportionellt klickar du på ikonen för begränsningsbredden och höjdförhållandena.

Fyll ellipsen med en elliptisk gradient med parametrar som anges i figuren nedan.

För att reproducera chiaroscuro på den lätta plasten använder jag följande färger: ljusvitt; penumbra - (C = 10; M = 7; Y = 8 och K = O); och skugga - (C = 36; M = 27; Y = 28 och K = 7).


Steg 6

Skapa en ny ellips med hjälp av de ovan beskrivna teknikerna och fyll i den med en solid ljusgrå färg.

Duplicera det, skift det något till vänster och fyll det med en elliptisk gradient med parametrarna som visas i bilden nedan.

Gradient färger: Ljus - (C = 47; M = 36; Y = 37 och K = 18) och Shadow - (C = 70; M = 60; Y = 56 och K = 67).


Steg 7

För att slutföra denna öronkopp, behöver vi bygga några fler ellipser, jag kommer bara att ange deras plats, hoppas jag att proceduren för design är tydlig vid denna punkt.


Steg 8

Skapa höjdpunkten vid korsningen av plastytorna. Ta pennverktyget (P) och skapa en trasig linje som visas i bilden nedan.

Att runda hörnen använder jag Round Any Corner-skriptet. Du kan ladda ner det här skriptet och läsa hur du använder det i min artikel: 20 Gratis och Användbara Adobe Illustrator Scripts. Välj sedan en hörnpunkt med Direct Selection Tool (A) och starta skriptet, sätt hörnradie i dialogrutan.


Steg 9

Håll linjen vald, använd Breddsprofil 1 till den från Stroke-paletten och välj bredden, det är 1.5px i mitt fall.

De som inte är stolta ägare av Adobe Illustrator CS5 måste skapa en borste av liknande form. Denna form kan uppnås från en ellips genom att konvertera dess högra och vänstra ankarpunkter från släta till hörn. För att göra detta, välj dessa punkter med hjälp av Direct Selection Tool (A) och tryck på motsvarande Convert-knappen i Control Palette.

Drag nu den uppnådda formen i penselborsten och spara din pensel som en konstborste.

Välj nu kurvan och använd den skapade borsten.


Steg 10

Håll linjen vald, gå till Objekt> Expand Utseende och fyll i formen med en linjär gradient med de färger som anges i steg 4.


Steg 11

Fortsätt att skapa huvudbandet. Ta pennverktyget (P) och skapa en paraboliknande linje.

Kopiera den här raden, flytta sedan till höger och rotera den något.

Anslut ändarna av dessa linjer med hjälp av Pen Tool (P), som visas i bilden nedan.

Anslut den närmare tittarens del av huvudbandet i en båge och koppla den ytterligare i en rak linje (den kommer inte att synas, eftersom den ligger under den övre öronbägaren).


Steg 12

Konvertera skärande bana i två objekt - fram och bak på huvudbandet. Ta saxverktyget (C) och skär banan vid två övre punkter.

Låsa den bakre delen av banan i lagpaletten och använd Penverktyget (P) för att ansluta den främre banan i en båge.

Lås nu framstycket på huvudbandet, lås upp den bakre delen och anslut de övre punkterna på den bakre delen av huvudbandet.


Steg 13

Dela huvudbandets främre del i två delar. Ta pennverktyget (P) och skapa en böjd linje med 2 pixlar i bredd.

Håll det valda, gå till Objekt> Expand. Välj nu den uppnådda formen, framstycket på huvudbandet och tryck på Minus Front-knappen från paletten Pathfinder.

Fyll båda bitarna med linjära gradienter med hjälp av de färger som nämns i steg 4.

Fyll på ryggen på huvudbandet med samma lutning som vi borde placera så att bakbandet på huvudbandet såg mörkare än framsidan. Gradient Tool (G) kommer att vara till stor hjälp vid utförandet av detta jobb.


Steg 14

Skapa tjockleken på den nedre frontdelen av huvudbandet. Kopiera och klistra in den på baksidan. Flytta nu kopian något till höger för att skapa en illusion av volymen och ändra konfigurationen av gradienten för att bilda skuggan på kanten av huvudbandet.


Steg 15

Fortsätt till skapandet av designelement på framsidan av huvudbandet. Den representerar ett cylindriskt föremål med en fasett. Ta Ellipse Tool (L) och skapa en ellips, fyll den med en elliptisk gradient.

Duplicera denna ellips och flytta den något åt ​​vänster och uppåt. Skapa nu en konisk gradient på denna ellips som liknar den som visas i figuren nedan.

Hur man skapar en konisk gradient beskrivs i detalj i min handledning, Quick Tip: Skapa en konisk gradient med Adobe Illustrator på två minuter. Skapa en ny ellips med vit färg över ellipsen med en konisk gradient.

Kopiera och klistra in denna ellips framför, fyll den med en linjär gradient bestående av två färger (C = 34; M = 25; Y = 26 och K = 5) och (C = 19; M = 14; Y = 14 och K = 0). Flytta nu ellipsen något till vänster så att den nedre ellipsen kan skapa en höjdpunkt på kanten av vårt cylindriska element.


Steg 16

Välj den laterala ytan på huvudbandets framsida, ta saxverktyget (C) och skär på två punkter, som visas i bilden nedan.

Ta bort den övre delen av sidoytan och anslut skärmen på den nedre sidoytan med hjälp av Pen Tool (P).


Steg 17

Skapa den laterala ytan på den återstående delen av huvudbandet. Ta pennverktyget (P) och skapa en form som visas i bilden nedan.

Flytta den till lagpaletten så att den var mellan den övre och nedre delen av huvudbandet.

Fyll nu denna form med en elliptisk gradient med parametrarna som visas i figuren nedan och de färger som nämns i steg 4.

När du skapar en lutning, är din uppgift att skapa en lättare kant på innerytans laterala del av huvudbandet.


Steg 18

Skapa baksidan av det dekorativa elementet. För att göra detta, kopiera den nedre ellipsen av det dekorativa elementet och klistra in det på baksidan. Flytta nu objektet i paletten Lager så att det ligger under alla objekt. Byt objektfyllningen med en linjär gradient.

Vårt mål är att uppnå skillnaden mellan de intilliggande elementen och samtidigt glöm inte bort den rätta ljusfördelningen. Figuren nedan visar onormal fördelning av ljus på detta element (jag gjorde oavsiktligt detta misstag medan du skapade det här konstverket och jag märkte bara när jag skapade handledningen).


Steg 19

Skapa nu en bakre yta av ett annat dekorativt element på huvudbandets baksida. Skapa fyra cirklar. Sekvensen av deras skapande och fyllning visas i nedanstående figurer.

Cirkeln på botten är elementets skugga och bör därför inte gå utöver huvudbandsmarginalerna. Klipp av den utskjutande delen. De som har Adobe Illustrator CS5 kan göra detta med hjälp av Shape Builder Tool, resten måste kopiera huvudbandets inre yta och klistra in den framför, välj cirkeln och innerytan på huvudbandet och tryck på Intersect knappen från paletten Pathfinder.


Steg 20

Skapa en mjuk del på huvudbandets inre yta. Ta pennverktyget (P) och skapa formen som visas i bilden nedan.

Fyll den med en elliptisk gradient. Din uppgift är att uppnå en lätt kant på den mjuka delen och ojämn färg i mitten.


Steg 21

Gör våra hörlurar snyggare med ett annat element. Ta pennverktyget (P) och skapa en linje 20px i bredd (välj detta värde i enlighet med hörlurarnas storlek).

Håll det valda, gå till Objekt> Expandera och fyll i det med en fast färg.

Med hjälp av denna teknik skapar du två objekt med en mindre bredd och längd med en färgfärg, men i motsats till opacitet.

Välj dessa två objekt och gå till Objekt> Blanda> Gör.


Steg 22

Det är dags att fokusera på att skapa höjdpunkter på hörlurarnas delar. Tekniken för deras skapande skiljer sig inte alls från den som beskrivs i steg 8 och 9. Jag vill bara ange platsen och formen på höjdpunkterna.


Steg 23

Fortsätt till skapandet av det sista elementet av hörlurar - den ytterligare koppen. Skapa en ellips och fyll den med en elliptisk gradient. Underlaget med detta element bör ligga under alla underlag i paletten Lager.

Fortsätt skapa ellipser som bildar den ytterligare koppen.

Tja, hörlurarna är klara.


Steg 24

Fortsätt till skapandet av designen för ikonen. Gruppera alla element i hörlurarna. Rotera nu hörlurarna, som visas i bilden nedan.

Skapa skugga under den närmaste koppen av hörlurarna, med hjälp av tekniken som beskrivs i steg 21.


Steg 25

Skapa nu reflektionen av hörlurarna. Välj hörlurarna och gå till Objekt> Transformera> Reflektera ... och tryck på knappen Kopiera i dialogrutan.

Mina hörlurar är 388px i höjd. Håll detta värde i ditt sinne (du minns själv ditt värde, förstås).

Håll kopian vald, gå till Objekt> Transformera> Flytta ... och sätt 388px av Vertikal parameter i dialogrutan, klicka på OK.


Steg 26

Ta rektangelverktyget (M) och skapa en rektangel med vertikal gradient från svart till grått. Storleken på rektangeln ska täcka hela reflektionen av hörlurarna.

Välj reflektion av hörlurar och rektangel, klicka på Make Opacity Mask från menyn på paletten Transparent.


Steg 27

Vår ikon är monokrom, jag tvivlar på att det ser ut som att det kommer att locka någon uppmärksamhet. Därför erbjuder jag att lägga till något färgelement som är associerat med musiken. Efter att ha tänkt över det, insåg jag att det här skulle vara en stiliserad bild av en equalizer. Fortsätt till dess skapande. Ta rektangelverktyget (M) och skapa en rektangel (i mina fall är storlekarna 50 av 8 px).

Håll rektangeln vald, gå till Effect> Distort & Transform> Transform ... och ställ in värdena som anges i bilden nedan.

Den skapade ikonen kommer knappast att användas i sin ursprungliga storlek. Därför måste du se till att ikonen ser bra ut även i mindre storlek. Låt oss minska vår bild med tre gånger (zoom 33,33%).

Equalizer rektanglar sammanfogas, därför måste de ändras något. Öppna dialogrutan Öppna transformeringseffekt och justera avståndet mellan rektanglarna för att få en klar bild.

Håll rektangeln vald, gå till Effect> Distort & Transform> Transform ... och ställ in värdena som anges i bilden nedan.

Gå nu till Objekt> Expand Utseende. Och radera några rektanglar för att uppnå bild av equalizer.


Steg 28

Välj nu färger för equalizer. Jag bestämde mig för att färga equalizer rektanglar i 4 färger: lila, blå, ljusblå och grön.

Det är lämpligt att använda CMYK färgmodell för färgblandning. Denna modell är användarvänlig, men den innehåller färre färger än RGB-modellen. Eftersom vi skapar en datorikon och bilden inte kommer att skrivas ut kan vi använda RGB-modellen för ljusa färger. Installera först dokumentfärgsläget (Arkiv> Dokumentfärgsläge> RGB-färg). Justera nu equalizerens färger i RGB färgläge.

Efter justeringen bestämde jag mig för dessa färger: lila - R: 191, G: 0, B: 255; blå - R: 29, G: 0, B: 255, Blå - R: 0, G: 163, B: 255, grön - R: 0, G: 235, B: 0. Tips: Använd CMYK-färgmodell för färgblandning, avsluta dem i RGB-färgläge för ljusstyrka. Applicera sedan de skapade färgerna till utjämningsrektanglarna.


Slutsats

I denna handledning använde jag elliptiska gradienter, som är en speciell typ av radiell gradient. Denna typ av gradient är tillgänglig från CS 4-versionen av programmet. Ärligt talat kan du själv göra med den radiella lutningen. Här är en ikon för skapandet av vilken jag bara har använt radiella gradienter.

Kan du se skillnaden? Du kan använda Blend och Clipping Mask för att reproducera elliptisk gradient. Du borde veta vad jag pratar om. Varför understryker jag detta ämne? Saken är att när du sparar en fil i EPS-format, omvandlas en elliptisk gradient till en uppsättning objekt som ligger under Clipping Mask. Som om kommandot Expand var bäst på ett Blend-objekt. Eller sämre kommer sådana objekt att rasterisera, vilket kan öka filstorleken med 10 gånger!

De tekniker jag använde i denna handledning är enkla och uppenbara. Men flera gånger ville jag tillämpa Gradient Mesh. Försök att rita ett objekt som du använder så ofta, med hjälp av enkla tekniker som beskrivs i denna handledning. Det kan vara en datormus, högtalare, bildskärm eller sked;). Det viktigaste är att lära sig att kunna se, snarare än att kopiera andras arbete.


Slutlig bild