Met papier en potlood 1 tot ideeën te ontwerpen en plannen van de web -knoppen . Neem de tijd om te begrijpen wat de knoppen zal moeten worden gebruikt voor en als alternatieve knoppen zullen moeten worden gemaakt voor het een rollover . Pick lettertypes , kleuren en texturen die werkt met het ontwerp van de site .

Open Adobe Illustrator 2 en maak een nieuw document . Stel de meeteenheid aan pixels . De omvang is afhankelijk van de behoeften en beperkingen van de website design . Stel de kleur in op RGB- kleur om kleurnauwkeurigheid garanderen .
3

Maak de tekst voor de knoppen met zwarte letters en een witte achtergrond . Pas het lettertype, de lengte, het gewicht en de afstand tot de tekst is esthetisch en duidelijk te lezen . Het ontwerpen van de tekst in zwart en wit zorgt voor typografische duidelijkheid .
4

kleur toe aan de knoop van het Web design. Voor een bestaande site , selecteer de juiste gedurfde en opvallende kleuren uit bestaande kleurenschema van de site . Als de toetsen zijn niet voor een bestaande site , selecteer een populaire kleurenschema of een nieuwe maken . Subtiele variaties van kleur zal visueel interessant te maken .
5

Maak een kenmerkende vorm van de knoppen , zodat website navigatie is eenvoudig en ongecompliceerd . Afronding een, twee of vier hoeken van een rechthoek is een populaire methode van het creëren van web knoppen .
6

Maak afwisselende kleuren en design elementen voor rollover knoppen . Een rollover knop is twee afbeeldingen die uitwisseling wanneer de gebruiker zijn cursor plaatst op de knop . Rollovers worden vaak gebruikt om aanwijzing van een actieve pagina of een koppeling in een Web design . Eenvoudige rollovers , zoals de tekst van kleur verandert , effectief zijn .
7

Voeg textuur aan de knoppen . Textuur is een populaire methode van het toevoegen van visuele belang om een ​​website . Maak een aangepaste structuur met behulp van een scanner of digitale camera .
8

Voeg slagschaduwen , dwars uitbroeden , hellingen en andere finishing touch aan de knopen van het Web .
9

maken een nieuwe laag voor elke nieuwe knop aan de exporterende proces te vereenvoudigen . Naam lagen om soortgelijke elementen te onderscheiden .
10

Exporteer de knoppen door te klikken op " File ", "Exporteren " en opslaan naar map Afbeeldingen van de website . Save knoppen die transparantie gebruiken als Portable Network Graphics , of . Png . Save knoppen met grote hoeveelheden gedetailleerd . Jpeg en alle anderen als . Gif .
11

Voeg de knoppen op uw website via het uploaden en codering . Testen om ervoor te zorgen dat de koppelingen werken vóór de lancering van de site in het openbaar .