Share
Har du noen gang lurt på hvordan du lager en glanset webknapp? I denne Quick Tip lærer du hvordan du lager en enkel knapp med forsinket tekst, på bare 11 enkle trinn. Det beste er at når du har laget den første, kan du lage et helt sett på kort tid!
Bruk Typeverktøyet (T) og velg en skrift som du vil. Jeg har brukt Qlassik Bold, som kan lastes ned gratis her.
Velg teksten og sett fyllingen til "Ingen".
I utseendepaletten klikker du på Flytt-menyen og går til Legg til ny fylling.
Teksten din vil bli fylt med en svart fyll, denne fyllingen er mer robust enn standardfyllingen. Hvis du legger til en ny utfylling på denne måten, kan du legge til gradienter i teksten din og få den til å beholde karakterredigeringsegenskapene.
Velg en gradient fra fargepaletten for å bruke den til teksten.
Dra gradienten vertikalt med Gradient Tool (G).
For å legge til en indre glød, gå til Effekt> Stylize> Inner Glow. Velg Multiply for Mode og velg en brun farge slik at skyggen smelter sømløst med den gule. Skriv inn en Opacity and Blur etter eget valg.
Bruk rundetekstverktøyet med avrundet hjørne til å tegne et rektangel som vist nedenfor. Ved å holde opp- eller nedpilen mens du trekker rektangelet, kan du styre radiusen til hjørnene.
Bruk en gradient til knappen. Legg merke til at min knapp har en abrupt fargeendring for å simulere et høydepunkt. Du kan gjøre dette ved å plassere to fargesteder i nærheten av hverandre i lutningsskyven.
Gi knappen din en dråpeskygge ved å gå til Effekt> Stylize> Drop Shadow.
Påfør en 1pt white stroke på knappen.
Plasser teksten på knappen på knappen, og det er det, knappen er fullført!
Accentsconagua