Du kan lage din egen web ikoner for hvilken som helst nettside ved hjelp av Adobe Illustrator . Bruke Pathfinder å kombinere to objekter kan du lage figurer mer interessant for øyet enn en vanlig sirkel eller rektangel . Denne opplæringen bruker et rektangel og en sirkel , men du kan bruke de samme trinnene med ulike former for å lage ditt eget ikon . Når du gjør flere ikoner for samme side, bruker samme form, eller samme farge for å holde noen samhold til siden . Instruksjoner
en

Åpne Adobe Illustrator , og lage en ny web- dokument . Størrelse dokumentet til størrelsen på ikoner, for eksempel 100 av 100 piksler.
2

Velg " Avrundet rektangel Tool" fra verktøykassen . Dra verktøyet over dokumentet , og skaper et rektangel som er i flukt med toppen og høyre side av dokumentvinduet , og ca 15 piksler i dokumentet grenser på bunnen og venstre. Dette er for å gjøre plass til ikonet skygge .
3

Dobbeltklikk på fargevelgeren, og velg en farge for ikonet ditt .
4

Velg " Ellipse Tool " for å lage en sirkel som dekker nedre venstre hjørne av rektangelet. For å gjøre dette , plasserer verktøyet i midten av rektangelet . Hold nede "Shift "-tasten mens du drar verktøyet diagonalt forbi nederst i høyre hjørne av rektangelet til "Center " guide av Ellipse er på hjørnet av rektangelet.
5

Klikk på " Pathfinder "panel . Hvis det ikke er synlig , klikk på " Window "-menyen , og velg " Pathfinder ". Trykk " Ctrl -A " for å velge begge stedene. Klikk på " Minus Front" -knappen i Pathfinder -panelet . Sirkelen forsvinner , og etterlater en sirkel - formet " bite" i rektangelet .
6

Klikk på " Effect "-menyen , velg " stilisere " og klikk " Drop Shadow ". Sett Opacity på " 75 ", X Offset på "-3 px, " Y Offset på " 7 px " og uskarphet ved 5 " px ". Klikk på " Preview "-boksen for å sikre skyggen faller ikke utenfor dokumentet grensen. Du kan justere skygge , eller redusere størrelsen på boksen hvis den gjør det .
7

Klikk på "Type Tool" i verktøykassa og dra markøren over rektangelet for å opprette en tekstboks . Skriv inn teksten du vil bruke for ikonet. Trykk "Ctrl -A " for å markere all teksten . Endre skrifttype, skriftstørrelse og farge etter ønske fra Valg bar . Senter teksten ved å klikke på " Center" punkt -knappen. Alternativt kan du plassere et bilde på ikonet fremfor å bruke tekst .
8

Klikk på "File "-menyen , og velg "Lagre for Web og enheter . " Endre formatet til " PNG - 24" og kontroller at " Transparency " er krysset av for å holde bakgrunnen transparent, deretter " Lagre".
9

Slett teksten eller bildet på ikonet og bruke bakgrunnen for å opprette flere ikoner.