Hurtig Tips Lag en Modern Volume Bar med Adobe Illustrator

I de følgende trinnene lærer du hvordan du lager en enkel volumlinje. Det er en ganske enkel opplæring som vil introdusere deg til de grunnleggende verktøyene, effekten og teknikkene som brukes i Adobe Illustrator. Du vil starte med et enkelt rektangel og sirkel ved å bruke flere fyllinger, streker og flere enkle effekter sammen med noen fine blandings- og maskeringsmetoder du vil lage din egen volum bar.


Trinn 1

Opprett et RGB-dokument på 600 til 800 px. Først aktiverer gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 5px. Gå til Rediger> Innstillinger> Veiledninger> Rutenett, skriv inn 5 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.


Steg 2

Velg Rectangle Tool (M) og opprett en form for 20 til 410px. Fyll den med den lineære gradienten som er vist nedenfor, og fjern fargen fra streken.


Trinn 3

Tilbakestill formen som ble opprettet i forrige trinn, og legg til et første slag. Sett fargen på R = 88 G = 88 B = 88, gjør den 2pt bred og juster den til utsiden. Kontroller at denne formen fortsatt er valgt, og flytt til Utseendepanelet (Vindu> Utseende). Bare klikk på Add new Stroke-knappen. Det er det lille svarte firkanten fra bunnen av Utseendepanelet.

Selvfølgelig vil dette legge til et nytt slag for din form. Velg den fra Utseendepanelet, sett fargen på R = 190 G = 190 B = 190, gjør den 1pt bred og juster den til utsiden. Fortsett i Utseende-panelet, kontroller at ingen fylling eller strekk er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 10 px og klikk OK. Til slutt skal effekten plasseres øverst i Utseendepanelet.


Trinn 4

Velg rektangulærverktøyet (M), opprett en form for 10 x 400 px, og sett den som vist på bildet nedenfor. Fyll den med den lineære gradienten som vises nedenfor, fjern fargen fra streken og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 5px og klikk OK.


Trinn 5

Tilbakestill formen som ble opprettet i forrige trinn, og lag en kopi foran (Kommando + C> Kommando + F). Velg denne kopien og fyll den med den lineære gradienten som vises nedenfor.


Trinn 6

Tilbakestill formen som ble opprettet i forrige trinn, og lag en kopi foran (Kommando + C> Kommando + F). Velg denne kopien og fokus på Utseendepanelet. Fjern først den lineære gradienten fra fyllingen. Deretter legger du til et hvitt slag. Velg det fra Utseendepanelet, gjør det 2pt bredt, juster det til innsiden og bytt blandingstilstand til Overlay. Legg til et nytt slag for denne formen og gjør den 1pt bred. Igjen, velg den fra Utseendepanelet, sett fargen sin på R = 88 G = 88 B = 88, juster den til innsiden og endre blandingsmodusen til Multiply.


Trinn 7

Plukk pennverktøyet (P), tegne en 400px vertikal bane og plasser den som vist i det første bildet. Velg den, fjern fargen fra fyllingen og legg til et enkelt 1pt, svart slag. Velg det, øk strekstørrelsen til 10pt og åpne Stroke-panelet (Vindu> Stroke). Først må du sjekke boksen Dashed Line og "Juster dashed to corners ..." -knappen. Deretter skriver du 1pt i dash-boksen og 40pt i gapboksen. Til slutt skal banen din se ut i det andre bildet.


Trinn 8

Tilbakestill banen som ble opprettet i forrige trinn, og gå til Objekt> Sti> Strektslag. Dette vil opprette en gruppe med en sammensatt bane og to enkle baner. Flytt til lagpanelet åpner denne gruppen og slett de to banene. Velg den sammensatte banen og ungroup den (Command + Shift + G). Fyll den med den lineære gradienten som vises nedenfor, og endre blandingsmodusen til Multiply. De gule nullene fra gradientbildet står for opacitetsprosent.


Trinn 9

Velg rektangulærverktøyet (M), lag en form av 20 x 165 px, fyll den med svart og legg den som vist på det første bildet. Flytt til lagpanelet Velg denne svarte banen og dra den over formen fylt med den gule til oransje gradienten. Velg nå disse to figurene og gå til Transparentpanelet. Åpne utløpsmenyen, klikk på Make Opacity Mask, og fjern deretter merket i Utklipps-boksen. Til slutt skal du se gul / oransje figuren i det andre bildet.


Trinn 10

Velg Ellipseverktøyet (L) og kasser en to, 20px sirkler. Plasser dem som vist i det følgende bildet og fyll dem med den lineære gradienten som vises nedenfor. Fokus på Utseendepanelet, pass på at disse til sirkler fortsatt er valgt, og legg til de to slagene som vises i følgende bilde.


Trinn 11

For det neste trinnet trenger du et rutenett hver 1px. Så gå til Edit> Preferences> Guides> Grid og skriv inn 1 i gridline hver boks. Velg rektangelverktøyet (M) og fokus på toppsirkelen opprettet i forrige trinn. Tegn en 2 ved 8px, fyll den med hvit og legg den som vist på første bilde. Pass på at dette hvite rektangelet fortsatt er valgt, og gå til Objekt> Transform> Rotere.

Angi en 90 graders vinkel og klikk på Kopier-knappen. Nå, velg disse to hvite rektanglene og klikk på Unite-knappen fra Pathfinder-panelet (Vindu> Pathfinder). Fortsett med rektangelverktøyet (M) og fokus og den andre sirkelen opprettet i forrige trinn. Lag en 8 x 2 px form, fyll den med hvit og legg den som vist på det tredje bildet.


Trinn 12

Velg Ellipse Tool (L) og opprett en 14px sirkel. Fyll den med den lineære gradienten som vises nedenfor og legg den som vist på bildet nedenfor.


Trinn 13

Tilbakestill formen som ble opprettet i forrige trinn, og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Fyll den resulterende formen med hvit, og gjør en kopi foran (Command + C> Command + F). Velg denne kopien og trykk pil opp en gang. Velg disse to hvite sirkler og klikk på Minus Front-knappen fra Pathfinder-panelet. Den resulterende formen skal se ut i det fjerde bildet.


Trinn 14

Vellgjør formen som ble opprettet i det tolvte trinnet, og legg til et 1pt slag. Juster den innvendig, sett fargen på R = 130 G = 130 B = 130 og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 15

La oss fortsette med bakgrunnen. Plukk rektangelverktøyet (M), lag en form på størrelsen på tavlen, fyll den med R = 188 G = 188 B = 188 og send den til baksiden (Shift + Command + Left Square Bracket). Kontroller at denne nye formen fortsatt er valgt, flytt til Utseendepanelet og legg til en ny fylling ved hjelp av knappen Legg til ny fylling. Det er det lille, hvite firkantikonet fra bunnen av Apperceive-panelet. Velg denne nye fyllingen, gjør den svart, senk dens opasitet til 3%, endre blandemodus til Multiply og gå til Effect> Artistic> Film Grain. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 16

Velg formen som ble opprettet i forrige trinn, og legg til en tredje fylling. Velg den fra Utseendepanelet og bruk den radiale gradienten som vises nedenfor. Husk at den gule nullen fra gradientbildet står for opacitetsprosent.


Trinn 17

Velg de to sirkler som er opprettet i trinn # 10 sammen med formen som ble opprettet i det andre trinnet (og redigert i tredje trinn), og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og du er ferdig.


Konklusjon

Nå er arbeidet ditt ferdig, så skal det se ut. Jeg håper du har hatt glede av denne tut.