Hur man skapar platta designhörlurar i Adobe Illustrator

Vad du ska skapa

Jag älskar hörlurar, och denna handledning är inspirerad av Audiotechnica M50X. Som du ser kommer vi att skapa detta med grundläggande former i Adobe Illustrator. Så om du är en älskare av hörlurar och bra musik, är denna handledning för dig!

Få inspiration från de många plattforms vektorillustrationerna över på GraphicRiver.

Låt oss börja!

1. Skapa ett nytt dokument och skapa ett rutnät

Tryck Kontroll-N att göra en Nytt dokument. Ställ in Enheter till pixlar, och skriv in 800 x 600 för bredd och höjd på dokumentet. Sedan i Avancerad alternativ, välj RGBSkärm (72 ppi), och se till att aktivera Justera nya objekt till Pixel Grid-rutan innan du klickar ok.

Aktivera Rutnät (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Du behöver ett rutnät varje 10 px, så tryck helt enkelt på Kontroll-K att gå till Inställningar, och i Guider och galler uppsättning Gridline varje till 10 och underavdelningar till 4. Oroa dig inte - rutnätet hjälper dig att arbeta på ett enkelt sätt, och det kan också aktiveras eller inaktiveras genom att trycka på snabbtangenten Kontrollera-".

Du kan aktivera Info panel (Fönster> Info) för att få en förhandsvisning av storleken och positionen på dina former. Kom ihåg att ställa in mätenheten till pixlar från Redigera> Inställningar> Enheter. Detta ökar din arbetshastighet kraftigt.

2. Hur man skapar hörlurarna

Första saker först - låt oss börja med en öronplatta så att vi kan duplicera det och sedan skapa huvudbandet för våra hörlurar. Se till att du sätter på Rutnät så att du kan arbeta med större precision och lätthet.

Steg 1

Börja med att skapa öronplattan med a 46 x 132 px rektangel med hjälp av Rektangelverktyg (M). Välj # 84EDFF som fyllfärgen och ingen färg för strokefyllningen.

I Omvandla panel, skriv in 14 px som högra hörnradie och 2 px som vänstra hörnradie.

Steg 2

Kopiera rektangeln (Control-C> Control-F) och ändra dess Bredd till 36 px med Urvalsverktyg (V). Välj # 40BDD1 som fyllfärgen och ändra höger hörnradie till 10 px.

Steg 3

Kopiera den sista rektangeln (Control-C> Control-F) och ändra dess Bredd till 24 px. Välj # 47D2E9 som fyllfärgen och ändra vänster hörnradie till 6 px.

Steg 4

Lägg till högtalarbasen bredvid öronplattan med hjälp av a 4 x 128 px rektangel och användning # 5B5B5F som fyllfärgen; ställ sedan in höger hörnradie till 2 px.

Steg 5

Skapa nu bostaden med hjälp av a 24 x 80 px rektangel. Välj # 363.434 som fyllfärgen och ändra vänster hörnradie till 2 px

Steg 6

Lägg till lite djup i huset som duplicerar (Control-C> Control-F) föregående rektangel och ändra dess Höjd till 58 px. Ändra fyllningsfärgen till # 3B3939.

Steg 7

Upprepa föregående steg och ändra rektangelens Höjd till 50 px. Ändra fyllningsfärgen till # 444.242.

Steg 8

Skapa nu stöd för högtalarens gångjärn med hjälp av a 20 x 16 px rektangel. Välj # 4D4A4A som fyllfärgen och ändra vänster radien till 8 px.

Kopiera rektangeln (Control-C> Control-F) och flytta 2 px neråt med pilen på ditt tangentbord. Ändra fyllningsfärgen till # 3B3B3B och skicka det bakåt (Objekt> Ordna> Skicka bakåt).

Steg 9

Skapa en 8 x 42 px rektangel för det lilla huvudbandet på högtalaren / huset. Ställ in den nedre hörnradien till 4 px och välj # 5B5B5F som fyllfärgen. 

Kopiera det (Control-C> Control-F) och ändra fyllfärgen till # 3B3B3B. Flytta rektangeln nedåt 2 px, och skicka det bakåt (Objekt> Ordna> Skicka bakåt).

Steg 10

Fortsätt med det lilla huvudbandet med hjälp av a 8 x 10 px rektangel. Välj # 444.242 som fyllfärgen och placera rektangeln enligt bilden nedan.

Steg 11

Skapa nu ett gångjärn med hjälp av a 16 x 16 px ellips med Ellipsverktyg (L). Välj # 5B5B5F som fyllfärgen och placera ellipsen enligt bilden nedan.

Duplicera ellipsen och ändra dess storlek till 12 x 12 px från Omvandla panel. Ändra fyllningsfärgen till # 444.242.

Steg 12

Fortsätt dra huvudbandets stöd med hjälp av a 16 x 18 px rektangel. Ändra fyllningsfärgen till # 444.242. Välj avfasade hörn för de nedre hörnen och ställ in radie till 4 px. Skicka rektangeln till baksidan (Objekt> Ordna> Skicka till Tillbaka).

Steg 13

Skapa en ny 12 x 20 px rektangel och välj # 5B5B5F som fyllfärgen. Ställ in det nedre hörnens radie till 6 px.

Duplicera (Control-C> Control-F) rektangeln och ändra fyllfärgen till # 3B3B3B. Skicka det bakåt (Objekt> Ordna> Skicka till Tillbaka) och flytta den nedåt 2 px.

Steg 14

Skapa två rektanglar, en av 4 x 26 px (# D8D9DD) För huvudbandet och en annan av 12 x 20 px (# 5B5B5F) Som remstöd.

Kopiera den första rektangeln (Control-C> Control-F) och ändra dess Höjd till 2 px. Ändra fyllningsfärgen till # AEADB3

Välj allt och gruppera det tillsammans (Kontroll-G).

Steg 15

Nu ska vi rita vårt huvudtelefonhuvudband. Låt oss börja med att skapa en 252 x 252 px ellips och välj 20 px som slagbredd. Välj # 84EDFF som slagfärg och ta bort ellipsens undre ankarpunkt med Direktmarkeringsverktyg (A).

Expand stroke (Objekt> Expand ... ) och sedan något runt huvudbandets undre kanter med Direktmarkeringsverktyg (A).

Steg 16

Kopiera huvudbandet (Control-C> Control-F). Ställ in skalan till 93% (Objekt> Transformera> Skala ... ). Använda sig av # 47D2E9 som fyllfärgen.

Flytta dubblet huvudbandet 6 px nedåt, och välj sedan båda huvudband och ta bort den nedre återstående delen med Formverktygsverktyg (Shift-M)

Steg 17

Vi ska slutföra hörlurarna!

Välj nu vänster högtalare, duplicera den (Control-C> Control-F) och reflektera det vertikalt (Objekt> Transformera> Reflektera ... ). Lägg det bara på höger sida av huvudbandet.

3. Hur man skapar en pluggkabel

Nu när vi har slutat hörlurarna är det dags att dra ut stickkontakten. Gå vidare!

Steg 1

Låt oss börja med kabelingången i höger högtalare. Rita det med hjälp av a 14 x 20 px rektangel och välj # 2B2A2A som fyllfärgen.

Lägg till en till 8 x 16 px rektangel för kabelanslutningen. Använda sig av # 545.252 som fyllfärgen.

Steg 2

Dra nu kabeln med Penverktyg (P), använder sig av 4 px som slagtjocklek. Använda sig av # 47D2E9 som slagfärg.

Runda alla hörn med Direktmarkeringsverktyg (A). Utöka sedan strokeformen (Objekt> Expand ... ) och tryck på ok.

Stäng av Snap to Grid för ett ögonblick (Skift-kontroll-") för att rikta in kabeln med kontakten.

Steg 3

Låt oss dra ut kontakten med en 8 x 22 px rektangel och # 545.252 som fyllfärgen. Lägg till en till 2 x 8 px rektangel (# 8A8686).

Lägg till en tredje rektangel, den här av (# B4B5B8) 4 x 20 px, och ställa in 2 px chamfers i de övre hörnen från Omvandla panel.

Slutligen lägg till två 4 x 2 px rektanglar (# 8A8686) och placera dem över jackan.

4. Hur man skapar en bakgrund

Och vi är färdiga med pluggkabeln, så nu låt oss avsluta designen genom att skapa en fin bakgrund för våra hörlurar.

Steg 1

Låt oss börja med att skapa en musikalisk anteckning. För att göra detta, använd a 22 x 12 px rektangel, a 4 x 40 px rektangel och slutligen a 20 x 20 px ellips. Använda sig av # 003E57 som fyllfärgen.

Länk alla former och slå samman dem med hjälp av Förena knapp från Stigfinnare panel. Något runt alla hörn med Direktmarkeringsverktyg (A).

Steg 2

Duplicera (Control-C> Control-F) musik noten fyra gånger, och rotera kopiorna och ändra deras vågor med hjälp av Urvalsverktyg (V). Placera dem enligt bilden nedan.

Sedan gruppera dem tillsammans och vrid dem vertikalt (Objekt> Transformera> Reflektera ... ) för att placera dem på höger sida av hörlurarna.

Steg 3

Slutligen skapa en 800 x 600 px rektangel, samma storlek som duken. Applicera en radial gradient från Lutning panel, med följande fyllfärger:

  • Färg A: # 1F3B54
  • Färg B: # 182D40

Kom ihåg att skicka rektangeln på kanvasens baksida (högerklicka> Ordna> Skicka till Tillbaka).

Fantastiskt arbete, du är klar!

Yaaaay! Var gjort! Du har avslutat den här fantastiska hörlurarillustrationen! Det är ett otroligt resultat, ett annat exempel som du kan uppnå roliga illustrationer utan svårigheter genom att använda grundläggande formulär.

Jag hoppas att du haft denna handledning så mycket som jag gjorde; Förhoppningsvis var det fullt av ny kunskap för dig. Jag skulle vilja se din design-jag väntar!