Share
I den følgende opplæringen lærer du hvordan du lager et enkelt sett med brytere. Først bruker vi rektangulærverktøyet sammen med de avrundede hjørner og dropshadow-effektene for å lage figurer bak knappen. For knappen vil vi bruke et maske, noen Pathfinder-alternativer og to enkle slag.
Lag et 600 x 300 px RGB-dokument. Først aktiverer gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 1px. Gå til Rediger> Innstillinger> Veiledninger> Rutenett, skriv inn 1 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.
Velg rektangulærverktøyet (M) og opprett en form for 60 til 30 px. Fyll den med den lineære gradienten som vises nedenfor og legg til et 1pt slag. Sett fargen på R = 88 G = 89 B = 91 og juster den på utsiden.
Velg rektangelet som ble opprettet i forrige trinn, og fokus på Utseendepanelet (Vindu> Utseende). Legg til et nytt slag for figuren din ved hjelp av knappen Legg til ny strekk. Det er det lille, firkantede ikonet fra bunnen av Utseendepanelet. Velg denne nye streken fra Utseendepanelet. Still farge til R = 35 G = 31 B = 32, juster den innvendig, senk dens opasitet til 30% og endre blandingsmodus til Overlay. Pass på at denne nye streken fortsatt er valgt, og klikk på Duplicate Selected Item-knappen. Det er det lille, filikonet fra bunnen av Utseendepanelet. Selvfølgelig har dette lagt til en kopi av det valgte slaget. Velg den og senk vekten til 1pt.
Velg på nytt form, pass på at ingen fylling eller strekk er valgt (i Utseendepanelet) og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 14px radius og klikk OK. Fokuser på Utseendepanelet og sørg for at de avrundede hjørner er øverst på Utseendepanelet.
Velg Rektangulærverktøyet (M), opprett en form for 33 x 2 px og legg den som vist på bildet nedenfor. Fyll den med den lineære gradienten som vises nedenfor og legg til et 1pt slag. Still fargen på R = 230 G = 231 B = 232 og juster den på utsiden. Velg dette rektangelet, kontroller at ingen fylling eller strekk er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 1px og klikk OK.
Velg Ellipse Tool (L) og opprett en 28px sirkel. Fyll den med den radiale gradienten som vises nedenfor, plasser den som vist i det følgende bildet og gå til Objekt> Utvid. Kontroller Gradient Mesh-knappen fra Utvid-menyen, og klikk OK. Flytt til Lagpanelet, og du vil finne en gruppe med maske en utklippsbane. Slett klippen, og ungroup nettverket (Shift + Command + G).
Velg nettverket som ble opprettet i forrige trinn, og åpne Transformpanelet. Kontroller at "Begrens bredde og høydeforhold" -knappen er merket, og skriv deretter inn 28 i breddeboksen. Fortsett med maskeverktøyet (U) og legg til de fire maskepunktene som er markert i det andre bildet.
Velg nettverket som er redigert i forrige trinn. Velg direkte markeringsverktøyet (A), velg maskepunktene en etter en, og legg til fargene som vises i følgende bilde.
Velg Ellipse Tool (L), lag en 8px sirkel, fyll den med svart og legg den som vist i det første bildet. Åpne transparentpanelet (Vindu> Transparent). Velg denne svarte sirkelen sammen med masken, åpne flytmenyen til gjennomsiktighetspanelet, klikk på Make Opacity Mask, og fjern deretter merket i Klippboksen. Til slutt skal nettverket ditt se ut i det tredje bildet.
Velg Ellipse Tool (L), lag en 28px sirkel, fyll den med en tilfeldig farge og plasser den som vist i det første bildet. Velg denne nye sirkelen og gå til Objekt> Sti> Offset-vei. Skriv inn en -10px Offset og klikk OK. Velg begge sirkler, åpne Pathfinder-panelet og klikk på Minus Front-knappen. Velg den resulterende formen, fjern fargen fra fyllingen og legg til 1pt slag. Still fargen på R = 45 G = 45 B = 45 og juster den på utsiden. Legg til et nytt slag for denne formen, gjør den hvit og juster den innvendig.
Til slutt kan du lure knappene dine på nytt. I de følgende bildene kan du finne to forskjellige sett med farger som du kan bruke til knappen.
Nå er arbeidet ditt gjort. Slik ser det ut. Jeg håper du har hatt glede av denne tut.
Accentsconagua