Snelle tip een afgeronde knop voor de glossy webstijl maken

Heb je je ooit afgevraagd hoe je een glossy webknop kunt maken? In deze snelle tip leert u hoe u in slechts 11 eenvoudige stappen een eenvoudige knop met verzonken tekst maakt. Het beste is dat je, zodra je de eerste hebt gemaakt, in een mum van tijd een hele set kunt maken!


Stap 1

Gebruik het gereedschap Tekst (T) en selecteer een lettertype naar wens. Ik heb Qlassik Bold gebruikt, die hier gratis kan worden gedownload.


Stap 2

Selecteer de tekst en stel de vulling in op "Geen".


Stap 3

Klik in het uiterlijkpalet op het Flyout-menu en ga naar Nieuwe vulling toevoegen.


Stap 4

Uw tekst wordt gevuld met een zwarte vulling, deze vulling is robuuster dan de standaardvulling. Door op deze manier een nieuwe vulling toe te voegen, kunt u gradiënten aan uw tekst toevoegen en de eigenschappen voor het bewerken van tekens behouden.


Stap 5

Selecteer een verloop in het palet Stalen om het toe te passen op de tekst.


Stap 6

Sleep het verloop verticaal met het gereedschap Verloop (G).


Stap 7

Om een ​​innerlijke gloed toe te voegen, ga je naar Effect> Stileren> Innerlijke gloed. Selecteer Vermenigvuldig voor modus en kies een bruine kleur, zodat de schaduw naadloos met het geel mengt. Voer een dekking en vervaging naar keuze in.


Stap 8

Gebruik het hulpmiddel Afgeronde hoek rechthoek om een ​​rechthoek te tekenen zoals hieronder wordt weergegeven. Als u de pijl omhoog of omlaag ingedrukt houdt terwijl u de rechthoek tekent, kunt u de straal van de hoeken bepalen.


Stap 9

Pas een verloop toe op de knop. Merk op dat mijn knop een abrupte kleurverandering heeft om een ​​hooglicht te simuleren. U kunt dit doen door twee kleurpunten zeer dicht bij elkaar in de verloopschuif te plaatsen.


Stap 10

Geef je knop een slagschaduw door naar Effect> Stileren> Slagschaduw te gaan.


Stap 11

Pas een witte slag van 1pt toe op de knop.


Final Image Preview

Plaats de tekst boven op de knop, en dat is het, uw knop is voltooid!