Make en Headphones symbol Bruke Adobe Illustrator
Dette innlegget er en del av en serie som heter Icon Design.How å lage en vekkerklokke IconCreate en Vector Film Slate Ikon
I denne opplæringen vil du lære hvordan du skape et realistisk bilde av hodetelefoner ved hjelp av enkle og forståelige teknikker. Det viser seg at for å få et godt resultat er det ikke nødvendig å gjøre det på en kompleks måte. Denne opplæringen er lett for en nybegynner å fullføre.
Trinn 1
Start skape nærmere betrakteren øreklokkene. Ta Ellipse Tool (L) og skape en ellipse med fyll uten slag av alle farger unntatt hvit, selvfølgelig.
Kopier opprettet ellipse, og lim den inn i front. Redusere den øvre ellipse i størrelse, slik at dens størrelse endres proporsjonalt. For å gjøre dette, holder du nede Skift-tasten når du gjør det mindre. Nå flytter den øvre ellipse litt til venstre.
Trinn 2
Kopier øvre ellipse (den har en blå fyll på bildet) og lim den inn foran. Nå gjøre kopien mindre ved å holde nede Shift-tasten.
Duplicate blå ellipse igjen. Velg den og den røde ellipsen og traff Minus Front knappen fra Pathfinder paletten
Som et resultat av disse handlingene, får vi tre objekter:.. To ellipser og sammensatt bane
Trinn 3
Ta Pen Tool (P) og lage en form som en bro mellom den grønne ellipse og rød Compound Path.
Velg disse tre formene og traff Unite knappen fra Pathfinder paletten.
Trinn 4
La oss anta at lyskilden er plassert øverst til høyre. Vi blir nødt til å plassere lys og skygger på hodetelefonene i henhold til dette. Fyll formen oppnådd i forrige trinn med en elliptisk gradient med parametrene som vist i figuren nedenfor.
Fargene som jeg brukte her vil bli brukt på alle elementer av hodetelefonene laget av sort plast. Vel, nå lyset - (C = 53, M = 43, Y = 42 og K = 27); penumbra - (C = 70, M = 60, Y = 56 og K = 67); og skyggen - (C = 80, M = 69, Y = 61 og K = 88)..
Trinn 5
Fyll den indre blå ellipse med hvit farge
< p> Dupliser hvit ellipse, litt redusere det, og skift den til venstre.
Jeg ønsker å betro deg en liten hemmelighet om hvordan du endrer størrelsen eller plasseringen av et objekt av en viss verdi. Du vil se objektets høyde og bredde verdier på kontrollpaletten når det er valgt. Så kan disse verdiene endres ved hjelp av regneoperasjoner i addisjon og subtraksjon. La oss anta at objektet skal reduseres med 2 piksler, ikke noe problem, enter - 2px etter de digitale verdiene i bredde eller høyde, og trykk på Enter. For at objektet som skal endres proporsjonalt, klikk på Constrain Bredde og Høyde proporsjoner ikon.
Fyll ellipse med en elliptisk gradient med parametre angitt i figuren nedenfor.
For å gjengi Chiaroscuro på lyset plast, bruker jeg følgende farger: lys - hvitt; penumbra - (C = 10, M = 7, Y = 8 og k = 0); og skygge - (C = 36, M = 27, Y = 28 og K = 7)
Trinn 6
Opprett en ny ellipse bruke teknikkene som er beskrevet ovenfor, og fyll den med en. solid lys grå farge
Duplicate det, skift den litt til venstre, og fyll den med en elliptisk gradient med parametrene er vist i figuren nedenfor
Gradient farger: Light - (C.. = 47, M = 36, Y = 37 og K = 18) og Shadow - (C = 70;. M = 60, Y = 56 og K = 67)
Trinn 7
For å fullføre dette øreklokkene, må vi bygge noen flere ellipser, jeg vil bare spesifisere deres plassering, håper jeg, er prosedyren for å designe klar på dette punktet.
Trinn 8
Opprett høydepunktet i krysset av plastflater. Ta Pen Tool (P) og opprette en stiplet linje vist i figuren nedenfor.
For å runde hjørnene jeg bruker det runde et hjørne script. Du kan laste ned dette skriptet og lese hvordan du bruker det i min artikkel: 20 gratis og nyttig Adobe Illustrator Scripts. Deretter velger du et hjørnepunkt ved å bruke Direct Selection Tool (A) og lansere manuset, satt hjørnet radius i dialogboksen.
Trinn 9
Hold den valgte linjen, bruke Width Profil 1 til den fra Strek paletten, og plukke bredden, det er 1.5px i mitt tilfelle.
De som ikke er stolte eiere av Adobe Illustrator CS5 er nødt til å skape en børste av en lignende form. Denne formen kan oppnås fra en ellipse ved å konvertere sin høyre og venstre ankerpunkt fra glatt til hjørne seg. For å gjøre dette, velger disse punktene ved hjelp av Direct Selection Tool (A) og traff den tilsvarende knappen Konverter i kontrollpaletten.
Nå drar oppnådd formen inn i Børster palett, og lagre pensel som en Art Brush .
Nå velger kurven og bruke skapt børste
Trinn 10
Hold valgt linje, gå til Objekt >.; Utvid Utseende og fylle formen med en lineær gradient med de fargene som er angitt i trinn 4.
Step 11
Fortsett å skape pannebånd. Ta Pen Tool (P) og lage en parabel-lignende linje.
Duplicate denne linjen, og deretter flytte til høyre og litt rotere det.
Koble endene av disse linjene ved hjelp av Pen Tool (P), som vist i figuren nedenfor.
Koble nærmere betrakteren delen av hodebånd i en bue, og koble ytterligere en i en rett linje (det vil ikke være synlig, da det ligger under ytterligere øret cup)
Trinn 12
Konverter kryssende vei inn i to objekter -. forsiden og baksiden av pannebåndet. Ta Saks Tool (C) og kutte banen på to øverste punktene.
Lås bakre del av banen i lagpaletten, og bruke Pen Tool (P) koble foran banen i en bue.
Nå låse inngangs stykke pannebåndet, låse opp bak en, og koble de øvre punktene på den bakre delen av hodebånd.
Trinn 13
Del forsiden en del av hodebåndet i to deler. . Ta Pen Tool (P) og lage en buet linje 2 piksler i bredden
Hold det valgt å gå til Objekt > Utvide. Nå velger oppnådd form, frontstykket av hodebåndet og traff Minus Front knappen fra Pathfinder paletten.
Fyll begge stykker med lineære gradienter ved hjelp av farger som er nevnt i punkt 4.
Fyll baksiden av hodebånd med samme gradient, som vi bør plassere slik at baksiden av hodebøylen så mørkere enn foran. Gradient Tool (G) vil være svært nyttig i å utføre denne jobben.
Trinn 14
Opprett tykkelsen på nedre fremre delen av hodebånd. Kopiere og lime den inn i ryggen. Nå flytter kopien litt til høyre for å skape en illusjon av volum og endre konfigurasjoner av gradient å danne skygge på kanten av hodebånd.
Trinn 15
Gå til etableringen av designelementer på forsiden av hodebånd. Det representerer en sylinderformet gjenstand med en fasett. Ta Ellipse Tool (L) og skape en ellipse, fyll den med en elliptisk gradient.
Duplicate denne ellipse og skift det litt til venstre og opp. Nå opprette en konisk gradient på denne ellipse ligner på en vist i figuren nedenfor
Hvordan lage en konisk gradient er beskrevet i detalj i min tutorial, Quick. Tips: Lag en konisk Gradient med Adobe Illustrator, i Two minutter. Opprett en ny ellipse med hvit farge over ellipse med en konisk gradient
Kopier og lim inn denne ellipse foran, fyll den med en lineær gradient bestående av to farger (C = 34;. M = 25, Y = 26 og K = 5) og (C = 19, M = 14, Y = 14 og K = 0). Nå flytter ellipsen litt til venstre, slik at den nedre ellipse kunne skape et høydepunkt på kanten av vår sylindrisk element.
Trinn 16
Velg den laterale overflaten på forsiden av hodebånd, ta sakseverktøyet (C) og skåret i to punkter, slik som vist i figuren under.
Slett den øvre del av sideflata, og koble kutter av den nedre sideflate ved hjelp av pennverktøyet (P ).
Trinn 17
Lag den laterale overflaten av den gjenværende delen av hodebånd. Ta Pen Tool (P) og lage en form som vist i figuren nedenfor.
overfør til lagpaletten slik at det var mellom øvre og nedre del av hodebånd.
Nå fyller denne formen med en elliptisk gradient med parametrene er vist i figuren nedenfor og fargene som ble nevnt i trinn 4.
Når du oppretter en gradient, er din oppgave å skape en lysere kant på innsiden laterale delen av hodebånd.
Trinn 18
Opprett baksiden av dekorativt element. For å gjøre dette, kan du kopiere den nedre ellipse av dekorativt element og lim den inn igjen. Nå flytter objektet i lagpaletten slik at den ligger under alle gjenstandene. Bytt objektet fylle med en lineær gradient.
Vårt mål er å oppnå skillet mellom de tilstøtende elementer og samtidig ikke glem om riktig fordeling av lys. Figuren nedenfor viser unormal fordeling av lys på dette elementet (jeg tilfeldigvis gjort denne feilen samtidig skape dette kunstverket, og jeg bare la merke til da jeg var å skape opplæringen).
Trinn 19
Nå opprette en bakre flate av en annen dekorativt element på den bakre overflate av hodebåndet. Lag fire sirkler. Sekvensen av sitt verk og fylling vises i tallene nedenfor.
Sirkelen på bunnen er skyggen av elementet, og derfor bør ikke gå utover hodebøyle marginer. Skjær av den utstikkende delen. De som har Adobe Illustrator CS5 kan gjøre dette ved hjelp av Shape Builder Tool, vil resten må kopiere den indre overflaten av hodebåndet og lim den inn foran, velge sirkelen og den indre overflaten av hodebåndet og trykk Snitt knappen fra Pathfinder paletten.
Trinn 20
Lag en myk del på den indre overflaten av hodebånd. Ta Pen Tool (P) og lage formen vist i figuren nedenfor.
Fyll den med en elliptisk gradient. Din oppgave er å oppnå en lys kant på den myke delen og ujevn farge i midten.
Trinn 21
Gjør våre hodetelefonene ser hyggeligere med et annet element. . Ta Pen Tool (P) og lage en linje 20px i bredde (plukke denne verdien i samsvar med størrelsen på hodetelefonene)
Hold det valgt å gå til Objekt > Utvid og fyll den med en solid farge.
Ved hjelp av denne teknikken opprette to flere objekter av en mindre bredde og lengde med én farge fyll, men med ulik dekkevne.
Velg disse to stedene, og gå til Objekt > Blend > Gjør.
Trinn 22
Det er på tide å fokusere på å skape høydepunkter på de delene av hodetelefoner. Teknikken av sitt verk skiller seg ikke i det hele tatt fra det som er beskrevet i trinn 8 og 9. Jeg vil bare spesifisere her plasseringen og formen av høydepunktene.
Trinn 23
Gå til Opprettelsen av det siste elementet av hodetelefoner - den videre cup. Lag en ellipse, og fyll den med en elliptisk gradient. De under lag med dette elementet bør ligge under alle de under lag i lagpaletten.
Fortsett å lage ellipser danner videre cup.
Vel, hodetelefonene er klare.
Trinn 24
Fortsett til etableringen av design for ikonet. Gruppe opp alle elementene i hodetelefonene. Nå roter hodetelefonene, som vist i figuren nedenfor.
Lag skygge under nærmere kopp hodetelefonene, ved hjelp av teknikken beskrevet i trinn 21.
Trinn 25
Nå skaper refleksjon av hodetelefonene. Velg hodetelefonene og gå til Objekt > Transform > Reflektere ... og trykk på Kopier-knappen i dialogboksen.
Mine hodetelefoner er 388px i høyden. . Hold denne verdien i tankene dine (du huske din egen verdi, selvfølgelig)
Hold kopi valgt, gå til Objekt > Transform > Flytt ... og satt 388px av Vertical parameter i dialogboksen, klikker du OK.
Trinn 26
Ta rektangel Tool (M) og lage et rektangel med vertikal gradient fra svart til grå . Størrelsen på rektangelet må dekke hele hele refleksjon av hodetelefonene.
Velg refleksjon av hodetelefoner og rektangel, klikk på Lag Opacity Mask fra menyen i Transparency paletten.
Trinn 27
Vår ikonet er monokrom, tviler jeg på at det å se ut som at det vil tiltrekke seg noen oppmerksomhet. Derfor tilbyr jeg å legge til hvilken som helst farge element i forbindelse med musikken. Etter å ha tenkt over det, skjønte jeg at dette bør være et stilisert bilde av en equalizer. Fortsett til etableringen. Ta rektangel Tool (M) og lage et rektangel (i mitt tilfelle sine størrelser er 50 av 8 px)
Hold rektangelet valgt, gå til Effect >.; Forvrenge & Transform > Transform ... og sette verdiene angitt i figuren nedenfor.
Den opprettede ikon vil neppe bli brukt i sin opprinnelige størrelse. Derfor må du sørge for at ikonet ser bra ut i redusert størrelse. La oss redusere vårt bilde av tre ganger (zoome 33,33%).
Equalizer rektangler flette sammen, derfor må de bli litt redigert. Åpen Transform Effect dialogboksen og justere avstanden mellom rektanglene, for å oppnå et klart bilde.
Hold rektangelet valgt, gå til Effect > Forvrenge & Transform > Transform ... og sette verdiene angitt i figuren nedenfor
Nå kan du gå til Objekt >.; Utvid Utseende. Og slette noen rektangler å oppnå bildet av equalizeren.
Step 28
Nå plukke farger for equalizeren. Jeg bestemte meg for å farge equalizer rektangler i 4 farger:. Lilla, blå, lys blå og grønn
Det er praktisk å bruke CMYK-fargemodellen for fargeblanding. Denne modellen er brukervennlig, men den inneholder færre farger enn RGB-modellen. Siden vi skaper en datamaskin ikon, og bildet vil ikke bli skrevet ut, kan vi bruke RGB-modellen for lyse farger. Først installerer Dokumentfarge Mode (Fil > Document Color Mode > RGB Color). Nå justere fargene på equalizer i RGB fargemodus
Etter justeringen, bestemte jeg over disse fargene: lilla - R: 191, G: 0, B:. 255; blå - R: 29, G: 0, B: 255, Blue - R: 0, G: 163, B: 255, grønne - R: 0, G: 235, B: 0. Tips: Bruk CMYK farge modell for fargeblanding, fullføre dem i RGB fargemodus for lysstyrke. I denne opplæringen, jeg brukte elliptiske gradienter, som er en spesiell type av radial gradient. Denne typen gradienten er tilgjengelig fra CS 4 versjon av programmet. Ærlig talt, kan du gjøre med radial gradient av seg selv. Her er et ikon for etableringen av som jeg har bare brukt radial graderinger. Kan du se forskjellen? Du kan bruke Blend og Clipping Mask å reprodusere elliptiske gradient. Du bør vite hva jeg snakker om. Hvorfor må jeg understreke dette emnet? Saken er at når du lagrer en fil i EPS-format, forvandler en elliptisk gradient i et sett av objekter som er plassert under Clipping Mask. Som om Expand kommandoen ble påført en blanding objekt, i beste fall. Eller verre, slike objekter vil bare Rastrer, hva kan øke filstørrelsen med 10 ganger! De teknikker jeg brukte i denne opplæringen er enkle og åpenbare. Selv om flere ganger jeg ønsket å bruke Gradient Mesh. Prøv å tegne et objekt du bruker så ofte, ved hjelp av enkle teknikker som er beskrevet i denne opplæringen. Det kan være en mus, høyttalere, skjerm, eller skje;). Det viktigste er å lære å være i stand til å se
Da gjelder de opprettede farger til equalizer rektangler.
Konklusjon
, snarere enn å kopiere andres arbeid.
Final Bildeanmeldelser