Quick Tips: Hvordan illustrere en moderne volumhjulet

I de følgende trinnene vil du lære hvordan du oppretter en volumknapp. Det hele starter med tre konsentriske sirkler. Ved hjelp av noen interessante takts egenskaper sammen med grunnleggende effekter vil du skape volum linje. Deretter bruker flere fyll og slag sammen med Pathfinder alternativer og noen nye effekter vil du opprette resten av knappen. Gi det en sjanse og du kan lære noen nye ting om å jobbe med slag.

Trinn 1

Opprett en 700 av 700 piksler, RGB-dokument. Først slår på Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 10px. Gå til Rediger > Preferanser > Guides > Grid, skriv 10 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av figurer. Ikke glem å bytte måleenhet for å piksler fra Rediger > Preferanser > Enhet > General. Al disse alternativene vil øke arbeidshastigheten.

Trinn 2

Først gå til Utseende panel eller til verktøylinjen og fjerne fargen fra hjerneslag. Nå plukke Ellipse Tool (L), opprette en 460 etter 460px form og fylle det med R = 154 G = 154 B = 152. Velg denne første form og gå til Object > Sti > Offset Path. Skriv inn et -30px Offset, klikk OK og fyll den resulterende form med R = 213 G = 213 B = 213.

Igjen, velg denne nye formen og gå til Object > Sti > Offset Path. Skriv inn et -15px Offset, klikk OK og fyll den resulterende form med R = 247 G = 248 B = 250. Til slutt bør du ha tre konsentriske sirkler.

Trinn 3

Nå, la oss legge bakgrunnen. Plukk rektangel Tool (M), opprette en figur med den størrelsen på artboard og fyll den med R = 236 G = 238 B = 237. Send den til å sikkerhets (Shift + Ctrl + Venstre hakeparentes) og deretter gå til Utseende panel. Åpne fly-out menyen og klikk på Legg til ny Fill. Selvfølgelig vil dette legge en annen fylling for formen. Velg det fra Utseende panel, gjør det svart, senke opacity til 5% og endre blending mode til Multipliser deretter gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk OK legge til en tredje fyll for denne formen. Senke opacity til 30% og endre blending mode til Multipliser deretter fylle den med radial gradient vist nedenfor. Den gule null fra Gradient bildet står for Opacity prosentandel. Til slutt, gå til Lag-panelet og låse denne formen for å være sikker på at du ikke vil velge eller flytte den ved et uhell

Trinn 4

Deaktiver Grid. (View > skjul rutenett) og Fest til rutenett (View > Fest til rutenett). Velg den største sirkel, satt fyllfargen på ingen deretter legge til en 20 pkt slag. Sett farge på R = 128 G = 130 B = 133 og deretter gå til Object > Sti > Legg ankerpunkter. Plukk Direct Selection Tool (A), velge nederste festepunktet (uthevet i det andre bildet) og trykk på slettetasten på tastaturet. Velg den resulterende banen og gå til Strek-panelet (Vindu > Stroke). Sjekk Dash boksen da og skriv 10pt i dashbordet og gapet bokser. Flytt til høyre og sjekk knappen som justerer streker til hjørner og stier ender, justere lengden til å passe. Flytt til Profil-delen, åpne rullegardinmenyen og velg " Bredde Profil 4 " klikk deretter på Flip Sammen knappen

Trinn 5

Velg det bane som er opprettet i forrige trinn og gå til Object >.; Utvid Utseende. Slett start- og sluttids figurer (pekte pilene) og velg deretter den gjenværende gruppen av figurer og gå til Object > Forbindelse Sti > Lag.

Trinn 6

Velg den sammensatte bane som er opprettet i forrige trinn og legg et strøk. Gjør det 1pt bred, justere den til inne og sett den fargen på R = 88 G = 89 B = 91. Velg dette slag fra Utseende panel og klikk på Duplicate Selected varen knappen fra bunnen av Utseende panel. Selvfølgelig vil dette skape en kopi av det valgte hjerneslag. Velg denne nye slag, gjør det 0.5pt bred, setter sin farge på R = 247 G = 248 B = 250 og senke opacity til 80%. Velg det hele sammensatt bane og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk deretter på OK.

Trinn 7

La oss gå videre til neste sirkel. Først, fyll den med R = 35 G = 31 B = 32. Velg dette fyllet fra den Utseende panel og gå til Effect > Stylize > Indre glød. Oppgi dataene nedenfor, klikk OK deretter legge til en annen fylling. Gjør det svart, senke opacity til 8% og endre blending mode til Multipliser deretter gå til Effect > Kunstnerisk > Film Grain. Igjen, skriv dataene nedenfor og klikk deretter på OK.

Trinn 8

Hold fokus på formen fra forrige trinn. Reselect den og legge et slag. Gjør det 5PT bred, justere den til utsiden og sett den fargen på R = 147 G = 149 B = 152. Legg et andre strøk for denne formen, gjør det 3pt bred og sette farge på R = 247 G = 248 B = 250. Reselect hele banen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk deretter på OK

Trinn 9

Velg den minste sirkelen og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F).. Velg topp kopi og traff pil ned én gang og deretter velge tilbake begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Du vil få en ganske tynn form. Bringe den til fronten og fylle den med R = 154 G = 154 B = 152.

Trinn 10

Velg det minste sirkelen og fyll den med R = 85 G = 86 B = 88. Velg denne fyll og gå til Effect > Stylize > Ytre glød. Oppgi dataene nedenfor, klikk OK deretter legge til en annen fylling. Gjør det svart, senke opacity til 8% og endre blending mode til Multipliser deretter gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk OK legge til en enkel strek. Gjør det 1pt bred, justere den til innsiden, sette sin farge på R = 109 G = 110 B = 113 og senke opacity til 70%.

Trinn 11

Velg de to sirkel figurer og kopiere dem. Velg disse kopiene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen og traff D fra tastaturet. Dette vil legge til standardegenskapene (hvit fyll- og svart strek) for denne formen.

Trinn 12

Velg den formen som ble opprettet i forrige trinn, fjerne strøk deretter fylle den med radial gradient vist nedenfor image # 1. Legg en annen fylling for denne form og bruke radial gradient vist nedenfor image # 2. Legg en tredje fyll for denne form og bruke radial gradient vist under image # 3 deretter legge en fjerde fyll og bruke radial gradient vist nedenfor deretter endelige bildet.

Trinn 13

Velg den Ellipse Tool (L) og klikker på artboard. Skriv inn 20 i bredde og høyde boksene klikk deretter OK. Dette vil skape en 20 ved 20px form. Fyll den med R = 88 G = 89 B = 91 og deretter gå til Object > Sti > Offset Path. Skriv inn et -2px Offset klikk OK, Fyll den resulterende form med R = 45 G = 41 B = 42 da lage to kopier i front. Velg den øverste kopien og traff pil ned én gang og deretter velge tilbake begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Den resulterende formen skal se ut i det fjerde bildet.

Step 14

Velg det 20 av 20px form skape i forrige trinn. Velg den eksisterende fylling fra Utseende panel og gå til Effect > Stylize > Indre glød. Oppgi dataene nedenfor og klikk OK legge et strøk. Gjør det 2PT bred, justere den til inne og sett den fargen på R = 128 G = 130 B = 133. Legg et andre strøk for denne formen, gjør det 3pt bred og sette farge på R = 247 G = 248 B = 250. Reselect hele banen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk deretter på OK.

Trinn 15

Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Reselect formene skaper i de to foregående trinn og gruppere dem. Velg denne gruppen og plassere den som vist i følgende bilde

Trinn 16

Deaktiver Grid (View > skjul rutenett). Og Fest til rutenett (View > Fest til rutenett) . Velg det sammensatt bane og lage en kopi i front. Velg denne kopien, gå til Utseende panel og erstatte de to fargene vist nedenfor.

Trinn 17

Velg den rektangelverktøyet (M), skape en hvit form og legg den som vist i første bildet. Det skal dekke den venstre halvdel av den sammensatte bane. Velg det sammen med sammensatt bane ble opprettet i forrige trinn, og gå til Transparency panel. Åpne fly-out menyen og klikk på Make Opacity Mask. Til slutt knappen din skal se ut i det tredje bildet.

Trinn 18

Til slutt, la oss legge til litt tekst. Bruk Britannic Fet skrift eller noen annen font som du liker. Legg inn teksten som vises nedenfor, setter sin farge på R = 65 G = 64 B = 66 og deretter gå til Effect > Stylize > Drop Shadow. Legg inn dataene som vises nedenfor, klikk OK og deretter " Volume " og gå til Effect > Warp > Bue. Oppgi dataene nedenfor og klikk på OK. Også legge til to små sirkler over " Min " og " Max " tekst. Fyll dem med R = 65 G = 64 B = 66 og legge til samme diskrete Drop Shadow effekt.

Konklusjon

Her er det endelige resultatet. For å ta dette tut videre kan du prøve noen forskjellige farger eller noen andre knappe stiler å lage et sett. Jeg håper du har hatt glede av denne tut.