Quick Tips: Hvordan lage en glanset Web stil Avrundet Button
Dette innlegget er en del av en serie kalt Web og Interface Design Med Vector.Adobe Illustrator rolle i en Web Design WorkflowQuick Tip : Lag Bright Web knapper du bruker 3D Valg i Illustrator

Har du noen gang lurt på hvordan du kan lage en glossy web-knappen? I denne hurtig Tips vil du lære hvordan du kan lage en enkel knapp med innfelt tekst, på bare 11 enkle trinn. Det beste er, når du har gjort det første, kan du lage et helt sett på et blunk!

Trinn 1

Bruk tekstverktøyet (T ) og velg en font til din smak. Jeg har brukt Qlassik Fet, som kan lastes ned gratis her

Trinn 2

Velg teksten og satt fylle til ". None ".

Trinn 3

I Utseende Palette klikk på flyout meny og gå til Add New Fill.

Trinn 4

Din tekst vil bli fylt med en svart fyll, er dette fill mer robust enn standard fyll. Legge til en ny fylle på denne måten vil tillate deg å legge gradienter i teksten og få den bevare særpreget redigere egenskapene.

Trinn 5

Velg en gradient fra fargekartpaletten for å bruke den til teksten.

Trinn 6

Dra gradient vertikalt med Gradient Tool (G).

Trinn 7

For å legge til en indre glød gå til Effekt > Stilisere > Indre glød. Velg Multipliser for Mode og velge en brun farge så skyggen blander sømløst med gult. Skriv inn en Opacity og Blur som du velger.

Trinn 8

Bruke Avrundet Corner rektangelverktøyet tegne et rektangel som vist nedenfor. Holde pil opp eller ned mens du tegner rektangelet lar deg kontrollere radius av hjørnene.

Trinn 9

Bruk en gradient til knappen. Legg merke til at min knappen har en brå fargeendring for å simulere et høydepunkt. Du kan gjøre dette ved å plassere to punkter av farge svært nær hverandre i gradient slider

Trinn 10

Gi knappen en skygge ved å gå til Effekt >.; Stilisere > Drop Shadow.

Trinn 11

Bruk en 1pt hvit strek til knappen.

Final Bilde Forhåndsvisning

Plasser teksten ontop av knappen, og det er det, er din knapp komplett!