Share
I den følgende opplæringen lærer du hvordan du lager et enkelt glidebryter. Først bruker vi rektangulærverktøyet og avrundede hjørner-effektene til å lage basisformer. Deretter skal du opprette høydepunktsformer ved å bruke noen Offset- og Pathfinder-alternativer. Til slutt, for fargene bruker vi flere lineære og radiale gradienter, noen enkle effekter sammen med grunnleggende blandingsteknikker.
Opprett et 600 x 600 px RGB-dokument. 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.
Velg rektangulærverktøyet (M) og opprett en form for 15 til 460 px. Fyll den med den lineære gradienten som vises nedenfor, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 3px, klikk OK og gå til Objekt> Utvid utseende. De hvite tallene fra gradientbildet står for plasseringsprosent.
Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt, og kontroller at Tastaturøkningen er satt til 1px. Tilbakestill formen som ble opprettet i forrige trinn, og gå til Objekt> Sti> Offset-vei. Velg den resulterende formen og lag en kopi foran (Kommando + C> Kommando + F). Velg den og trykk på høyre pil en gang (for å flytte den 1px til høyre). Velg disse to nye figurene, åpne Pathfinder-panelet (Vindu> Pathfinder) og klikk på Minus Front-knappen. Fyll den resulterende formen med hvit.
Vellgjør det runde rektangel som er opprettet i det andre trinnet, og fokus på Utseendepanelet. Først legger du til et 1pt slag. Sett fargen på R = 160 G = 160 B = 160 og juster den innvendig. Deretter må du kontrollere at ingen fylling eller strekk er valgt (i Utseendepanelet) og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i følgende bilde, klikk OK, og gå deretter til Effekt> Stylize> Drop Shadow. Igjen, skriv inn dataene som vises i det følgende bildet og klikk OK.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M), opprett en form av 15 til 20 px, og legg den som vist på bildet nedenfor. Fyll den med den lineære gradienten som vises nedenfor, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 3px, klikk OK og gå til Objekt> Utvid utseende. Husk at det hvite tallet fra gradientbildet står for plasseringsprosent.
Deaktiver Snap to Grid (Vis> Snap to Grid), velg formen som ble opprettet i forrige trinn, og gå til Objekt> Path> Offset Path. Velg den resulterende formen, lag en kopi foran (Command + C> Command + F) og flytt den 1px til høyre. Velg disse to nye figurene og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 205 G = 205 B = 205.
Velg det runde rektangel som er opprettet i femte trinn, og legg til et 1pt slag. Sett fargen på R = 110 G = 110 B = 110 og juster den inn på innsiden.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M), opprett et 5px-firkant, fyll det med R = 88 G = 88 B = 88 og legg det som vist i det første bildet. Bytt til Direct Selection Tool (A), fokus på denne kvadraten, velg toppankerpunktene og gå til Objekt> Sti> Gjennomsnitt.
Sjekk Både-knappen og klikk OK. Dette bør gjøre kvadratet ditt til en trekant. Velg den og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 1px, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK. Velg denne trekanten sammen med figurene som er opprettet og redigert i de tre siste trinnene, og grupper dem (Command + G).
Velg gruppen som ble opprettet i forrige trinn, og dupliser den (Command + C> Command + F). Velg denne nye gruppen, dra den ned, plasser den som vist i det andre bildet, og gå til Objekt> Transform> Reflekter. Kontroller Horisontal-knappen og klikk OK. Velg begge grupper og send dem tilbake (Shift + Command + Left Square Bracket).
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 rektangulærverktøyet (M), opprett en form av 13 x 100 px, og legg den som vist i bildet nedenfor. Fyll den med den lineære gradienten som vises nedenfor, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 2px, klikk OK og gå til Objekt> Utvid utseende.
Tilbakestill formen som ble opprettet i forrige trinn, og gå til Objekt> Sti> Offset-vei. Velg den resulterende formen, lag en kopi foran (Command + C> Command + F) og flytt den 1px til høyre. Velg disse to nye figurene og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 101 G = 232 B = 255.
Vellgjør det runde rektangel laget i trinn # 10, fokus på Utseendepanelet og legg til et nytt fyll med knappen Legg til ny fylling. Det er det lille, hvite firkantikonet fra bunnen av Utseendepanelet. Velg den, endre den blander til Overlegg og fyll den med den radiale gradienten som vises nedenfor. Den gule nullen fra gradientbildet står for opacitetsprosent. Pass på at det blårundede rektangelet ditt fortsatt er valgt, og legg til 1pt slag. Sett fargen på R = 19 G = 138 B = 160 og juster den innvendig.
Velg rektangelverktøyet (M) og opprett tre, 5 til 1px-former. Fyll dem med R = 19 G = 137 B = 159 og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og du er ferdig.
Nå er arbeidet ditt gjort. Slik ser det ut.
Accentsconagua