Adobe Illustrator är den grafiska designen branschstandard för vektorbaserad illustration . Illustrator är ett effektivt program för att skapa grafik för webben . Illustrator kan göra för alla vanliga bildformat , vilket möjliggör enkel integration av vektorgrafik i webbdesign . Utnyttja andra Adobe-produkter , såsom Image Ready , för att optimera Illustrator-filer ordentligt för webbklara grafik . Saker du behöver Review, en kod kompilator eller webbdesign program
Visa fler instruktioner
1 papper
Användning och penna för att utforma idéer och planera buttons . Ta dig tid att förstå vad knapparna kommer att behöva användas för och om alternativa knapparna kommer att behöva göras för en rollover image . Pick typsnitt, färger och texturer som kommer att arbeta med webbplatsens design .
2
Öppna Adobe Illustrator och skapa ett nytt dokument . Ställ in måttenhet för bildpunkter . Storleken beror på behov och begränsningar webbdesign. Ställ in färgläge till RGB för att garantera färgåtergivning .
3
Skapa texten på knapparna med svarta bokstäver och en vit bakgrund . Justera teckensnitt, höjd , vikt och avstånd tills texten är estetiskt tilltalande och tydligt att läsa . Utforma texten i svart och vitt möjliggör typografisk klarhet .
4
Lägg färg till webben knappen designen . För en befintlig anläggning , väljer lämpligt djärva och slående färger från platsens befintliga färgschema . Om knapparna inte för en befintlig webbplats , välj en populär färgschema eller skapa ett nytt. Subtila variationer av färg kommer att skapa visuella intresse .
5
Skapa en distinkt form för knapparna så att navigering på webbplatsen är enkel och okomplicerad . Avrundning en , är två eller fyra hörnen på en rektangel en populär metod för att skapa Buttons .
6
Skapa alternativa färger och designelement för rollover knappar . En rollover knapp är två bilder som utbyter när användaren placerar sin markör på knappen . Rollovers används ofta för att indikationen en aktiv sida eller länk i en webbdesign . Enkla rollovers , såsom texten ändrar färg , är effektiva .
7
Lägg textur till knapparna . Texture är en populär metod för att lägga till visuella intresse till en webbplats . Gör en egen struktur med hjälp av en skanner eller digitalkamera .
8
Lägg skuggor , korsstreckning , övertoningar och andra sista handen vid buttons .
9
ett nytt lager för varje ny knapp för att förenkla den exporterande process . Namn lager för att skilja liknande element .
10
Exportera knapparna genom att klicka på " File ", " Export " och spara till webbplatsens mappen Bilder . Spara knappar som använder transparens som Portable Network Graphics , eller . Png . Spara knappar med höga mängder av detaljer som . Jpeg och alla andra som . Gif .
11
Lägg knapparna till din webbplats via uppladdning och kodning . Testa att se till att länkar fungerar innan du startar sajt offentligt .
