Share
I de følgende trinnene lærer du hvordan du lager en volumknapp. Alt starter med tre konsentriske sirkler. Ved å bruke noen interessante slagegenskaper sammen med grunnleggende effekter, vil du opprette volumlinjen. Deretter bruker du flere fyllinger og streker sammen med Pathfinder-alternativer og noen nye effekter, vil du opprette resten av knappen. Gi det en prøve, og du kan lære noen nye ting om å jobbe med slag.
Opprett et 700 x 700 px RGB-dokument. Først slår du på rutenettet (Vis> Vis rutenett) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 10px. Gå til Rediger> Innstillinger> Veiledninger> Rutenett, skriv inn 10 i Rutenettlinjen hver boks og 1 i Retningslinjene. Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene vil øke arbeidshastigheten betydelig.
Gå først til Utseendepanelet eller til Verktøylinjen og fjern fargen fra streken. Nå, velg Ellipse Tool (L), opprett en 460 by 460px form og fyll den med R = 154 G = 154 B = 152. Velg denne første formen og gå til Objekt> Sti> Offset Path. Skriv inn en -30px Offset, klikk OK og fyll den resulterende formen med R = 213 G = 213 B = 213.
Igjen, velg denne nye formen og gå til Objekt> Sti> Offset Path. Skriv inn en -15px Offset, klikk OK og fyll den resulterende formen med R = 247 G = 248 B = 250. Til slutt bør du ha tre konsentriske sirkler.
La oss legge til bakgrunnen. Velg rektangulærverktøyet (M), lag en form på størrelsen på tavlen, og fyll den med R = 236 G = 238 B = 237. Send den til baksiden (Shift + Control + Left Square Bracket) og gå til Utseendepanelet. Åpne utløpsmenyen og klikk på Legg til ny fylling. Selvfølgelig vil dette legge til en ny fylling for din form. Velg den fra Utseendepanelet, gjør den svart, senk dens opasitet til 5% og endre blandemodus til Multiply, og gå deretter til Effect> Artistic> Film Grain. Skriv inn dataene som vises nedenfor, klikk OK, og legg til en tredje fylling for denne formen. Senk opaciteten til 30% og endre deretter blandingsmodus til Multiply, fyll deretter den med den radiale gradienten som vises nedenfor. Den gule nullen fra Gradient-bildet står for Opacity-prosentandel. Til slutt, gå til Lagpanelet og lås denne formen for å forsikre deg om at du ikke vil velge eller flytte den ved et uhell.
Deaktiver gridet (Vis> Skjul grid) og Snap to Grid (Vis> Snap to Grid). Velg den største sirkelen, sett fyllfarge utenpå, legg deretter til et 20pt slag. Sett fargen på R = 128 G = 130 B = 133 og gå til Objekt> Sti> Legg til ankerpoeng. Velg direkte markeringsverktøyet (A), velg det nederste ankerpunktet (uthevet i det andre bildet) og trykk Slett-tasten fra tastaturet. Velg den resulterende banen og gå til Stroke-panelet (Vindu> Stroke). Sjekk Dash-boksen da og skriv inn 10pt i dash og gap bokser. Flytt til høyre og kontroller knappen som justerer strekkene til hjørner og baner ender, juster lengden for å passe. Gå til Profil-delen, åpne rullegardinmenyen og velg "Breddeprofil 4" og klikk deretter på knappen Flip Along.
Velg den banen som ble opprettet i forrige trinn, og gå til Objekt> Utvid utseende. Slett start- og sluttformer (pek med pilene), velg deretter gjenværende gruppe figurer og gå til Objekt> Forbindelsesvei> Lag.
Velg den sammensatte banen som ble opprettet i forrige trinn, og legg til et slag. Gjør det 1pt bredt, juster det innvendig og sett det farge ved R = 88 G = 89 B = 91. Velg denne streken fra Utseende-panelet og klikk på Duplicate Selected Item-knappen nederst i Utseendepanelet. Åpenbart vil dette skape en kopi av det valgte strekket. Velg dette nye slaget, gjør det 0,5pt bredt, sett fargen på R = 247 G = 248 B = 250 og senk dens opasitet til 80%. Velg hele sammensatte banen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, og klikk deretter OK.
La oss flytte til neste sirkel. Først fyll det med R = 35 G = 31 B = 32. Velg denne fyllingen fra Utseende panelet og gå til Effekt> Stylize> Inner Glow. Skriv inn dataene som vises nedenfor, klikk OK, og legg til en ny fylling. Gjør det svart, reduser opaciteten til 8% og endre blandemodus til Multiply, og gå deretter til Effect> Artistic> Film Grain. Igjen, skriv inn dataene som vises nedenfor, og klikk deretter OK.
Fortsett å fokusere på formen fra forrige trinn. Velg det og legg til et slag. Gjør det 5pt bredt, juster det til utsiden og sett det farge ved R = 147 G = 149 B = 152. Legg til et sekundslag for denne formen, gjør det 3pt bredt og sett fargen på R = 247 G = 248 B = 250. Velg hele banen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, og klikk deretter OK.
Velg den minste sirkelen og lag to kopier foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopi og trykk på nedpilen en gang, og velg begge kopiene og klikk på Minus Front-knappen fra Pathfinder-panelet. Du får en ganske tynn form. Ta det til forsiden og fyll det med R = 154 G = 154 B = 152.
Velg den minste sirkelen og fyll den med R = 85 G = 86 B = 88. Velg denne fyllingen og gå til Effect> Stylize> Outer Glow. Skriv inn dataene som vises nedenfor, klikk OK, og legg til en ny fylling. Gjør det svart, reduser opaciteten til 8% og endre blandemodus til Multiply, og gå deretter til Effect> Artistic> Film Grain. Skriv inn dataene som vises nedenfor, klikk OK og legg til et enkelt slag. Gjør det 1pt bredt, juster det til innsiden, sett fargen på R = 109 G = 110 B = 113 og senk dens opasitet til 70%.
Velg de to sirkelformene og dupliser dem. Velg disse kopiene og klikk på Minus Front-knappen fra Pathfinder-panelet. Velg den resulterende formen og trykk D fra tastaturet. Dette vil legge til standardegenskapene (hvit fyll og svart slag) for denne formen.
Velg formen som ble opprettet i forrige trinn, fjern strekningen og fyll den deretter med den radiale gradienten som vises under bilde nr. 1. Legg til en ny fylling for denne formen, og bruk den radiale gradienten som vises under bilde nr. 2. Legg til en tredje fylling for denne formen og bruk den radiale gradienten som vises under bilde # 3, legg deretter til en fjerde fyll og bruk den radiale gradienten som vises nedenfor, og sluttbildet.
Velg Ellipse Tool (L) og klikk bare på tavla. Skriv inn 20 i boksen bredde og høyde, og klikk deretter OK. Dette vil skape en 20 til 20 px form. Fyll det med R = 88 G = 89 B = 91 og gå til Objekt> Sti> Offset Path. Skriv inn en -2px Offset, klikk deretter OK, Fyll den resulterende formen med R = 45 G = 41 B = 42 og legg deretter to eksemplarer foran. Velg toppkopi og trykk på nedpilen en gang, og velg begge kopiene og klikk på Minus Front-knappen fra Pathfinder-panelet. Den resulterende formen skal se ut i det fjerde bildet.
Vellgjør 20 til 20 px form opprett i forrige trinn. Velg den eksisterende fyllingen fra Utseende-panelet og gå til Effekt> Stylize> Innvendig glød. Skriv inn dataene som vises nedenfor, klikk OK og legg til et slag. Gjør det 2pt bredt, juster det innvendig og sett det farge ved R = 128 G = 130 B = 133. Legg til et sekundslag for denne formen, gjør det 3pt bredt og sett fargen på R = 247 G = 248 B = 250. Velg hele banen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, og klikk deretter OK.
Aktiver gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid). Velg formene du oppretter i de to foregående trinnene, og grupper dem. Velg denne gruppen og legg den som vist på bildet nedenfor.
Deaktiver gridet (Vis> Skjul grid) og Snap to Grid (Vis> Snap to Grid). Velg den sammensatte banen og lag en kopi foran. Velg denne kopien, gå til Utseendepanelet og erstatt de to fargene som vises nedenfor.
Velg rektangulærverktøyet (M), lag en hvit form og legg den som vist på det første bildet. Den skal dekke den venstre halvdelen av sammensatte banen. Velg den sammen med den sammensatte banen som ble opprettet i forrige trinn, og gå til Transparency-panelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask. Til slutt skal knappen se ut i det tredje bildet.
Til slutt, la oss legge til litt tekst. Bruk Britannic Bold-skrift eller annen skrifttype du liker. Legg til teksten som vist nedenfor, sett fargen på R = 65 G = 64 B = 66 og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, velg deretter "Volum" og gå til Effekt> Varsle> Arc. Skriv inn dataene som er vist nedenfor, og klikk OK. Legg også til to små sirkler over "Min" og "Maks" -teksten. Fyll dem med R = 65 G = 64 B = 66 og legg til samme diskrete Drop Shadow-effekt.
Her er sluttresultatet. For å ta denne tuten videre kan du prøve noen forskjellige farger eller noen andre knappestiler for å lage et sett. Jeg håper du har hatt glede av denne tut.
Accentsconagua