Rask Tips Lag et sett med glødende knapper i Adobe Illustrator

I de følgende trinnene lærer du hvordan du lager et enkelt sett med glødende knapper. Det er en annen opplæring som fokuserer på Utseende-panelet, siden hele knappen er opprettet ved hjelp av bare en form med flere fyllinger og streker pluss noen enkle effekter.


Trinn 1

Opprett et 600 x 300 px RGB-dokument, velg Rectangle Tool (M) og lag en form på størrelsen på tavlen. Fyll det med R = 49 G = 52 B = 57, fjern fargen fra streken og fokus på Utseendepanelet (Vindu> Utseende). Legg til en ny fylling for denne formen ved hjelp av knappen Legg til ny fylling. Det er det lille, hvite firkantikonet fra bunnen av Utseendepanelet. Velg denne andre fyllingen, senk dens opasitet til 50% og bruk den radiale gradienten som vises nedenfor. Fortsett i Utseende-panelet og legg til en tredje fylling. Velg den, gjør den svart, senk dens opasitet til 15%, endre blandingsmodus til Multiply og gå til Effect> Artistic> Film Grain. Skriv inn dataene som er vist nedenfor, og klikk OK. Flytt til Lagpanelet (Vindu> Lag) og lås denne formen.


Steg 2

Velg Ellipseverktøyet (L) og klikk bare på tavlen for å åpne Ellipse-vinduet. Skriv inn 60 i Bredde og Høyde bokser og klikk OK. Selvfølgelig vil dette skape en 60px sirkel. Fyll det med R = 36 G = 40 B = 43 og fjern fargen fra slag.


Trinn 3

Vellgir 60px sirkelen og legg til et 7pt slag. Still fargen på R = 39 G = 170 B = 225 og juster den på utsiden.


Trinn 4

Vellgir 60px-sirkelen og legg til en ny fylling. Velg den fra Utseendepanelet, sett fargen sin på R = 109 G = 110 B = 113 og gå til Effekt> Forvreng og transformer> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 5

Vellgir 60px-sirkelen og legg til en tredje fylling. Velg den fra Utseendepanelet, fyll den med den lineære gradienten som vises nedenfor, og gå til Effekt> Forvreng & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 6

Vellgir 60px-sirkelen og legg til en ny fylling. Velg det fra Utseendepanelet, fyll det med svart, senk dets opasitet til 7%, endre blandemodus til Multiply og og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som vises nedenfor, klikk OK og gå til Effect> Artistic> Film Grain. Igjen, skriv inn dataene som vises nedenfor og klikk OK.


Trinn 7

Tilbakestill 60px-sirkelen og legg til et nytt slag ved hjelp av knappen Legg til ny berøring. Det er det lille, firkantede ikonet fra nederst, venstre hjørne av Utseendepanelet. Velg dette nye slag, gjør det 6pt bredt, sett fargen på R = 85 G = 212 B = 251, juster den til utsiden og gå til Effekt> Stylize> Inner Glow. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 8

Vellgir 60px-sirkelen og legg til et nytt slag. Velg det fra Utseendepanelet, gjør det 3pt bredt, sett fargen på R = 202 G = 140 B = 252 og gå til Effekt> Sti> Offset-vei. Skriv inn en 3px Offset og klikk OK.


Trinn 9

Vellgir 60px-sirkelen og legg til et nytt slag. Velg den fra Utseendepanelet, gjør den 1,5 t bred, sett fargen på R = 255 G = 255 B = 255 (hvit) og gå til Effekt> Sti> Offset-vei. Skriv inn en 3px Offset og klikk OK.


Trinn 10

Tilbakestill 60px-sirkelen, legg til en ny fylling og dra den i bunnen av Utseendepanelet. Velg den, sett fargen på R = 50 G = 50 B = 50 og gå til Effekt> Sti> Offset-vei. Skriv inn en 10px Offset, klikk OK og gå til Effect> Stylize> Inner Glow. Skriv inn dataene som vises nedenfor, klikk OK og gå til Effekt> Stylize> Drop Shadow. Igjen, skriv inn dataene som vises nedenfor og klikk OK.


Trinn 11

Vellgir 60px-sirkelen og dupliser den (Command + C> Command + F). Velg denne kopien, flytt den til venstre og gå til Utseendepanelet. Fokuser på strekkene og erstatt eksisterende farger med fargene vist nedenfor. Rediger også Inner Glow-effekten som vist i bildet nedenfor.


Trinn 12

Vellgir 60px-sirkelen, lag en ny kopi (Command + C> Command + F) og flytt den til høyre. Igjen, velg det og erstatt eksisterende strekkegenskaper med egenskapene som er vist nedenfor.


Trinn 13

Til slutt velger du Type Tool (T) og legger til teksten. Velg din egen skrift eller bruk Arcade fonten med en størrelse på 25pt.


Konklusjon

Nå er arbeidet ditt gjort. Slik ser det ut. Ha det gøy med de forskjellige farger og former for å se hva du kan komme med.