Du kan lave din egen web ikoner for ethvert websted ved hjælp af Adobe Illustrator. Brug af Pathfinder at kombinere to objekter kan du oprette figurer mere interessante for øjet end en almindelig cirkel eller rektangel. Denne tutorial bruger en rektangel og cirkel , men du kan bruge de samme trin med forskellige former for at oprette din egen ikon. Når du foretager flere ikoner til den samme side , skal du bruge den samme form , eller den samme farve for at holde nogle samhørigheden til siden. Instruktioner
1
Åbn Adobe Illustrator , og skabe et nyt Web dokument . Size dokumentet til størrelsen på dine ikoner , såsom 100 med 100 pixels.
2
Vælg " Afrundet rektangel Tool " fra værktøjskassen. Træk værktøjet hen over dokumentet , hvilket skaber et rektangel, der flugter med den øverste og højre i dokumentvinduet , og cirka 15 pixels i dokumentet grænser på bunden og venstre. Dette er for at gøre plads til ikonets skygge.
3
Dobbeltklik på farvevælgeren , og vælg en farve til dit ikon .
4
Vælg " Ellipse Tool " for at oprette en cirkel , der vil dække det nederste venstre hjørne af rektanglet . For at gøre dette , skal du placere værktøjet i midten af rektanglet . Hold "Shift "-tasten , mens du trækker værktøjet diagonalt forbi det nederste højre hjørne af rektanglet , indtil "Center " vejledning af Ellipse ligger på hjørnet af rektanglet .
5.
Klik på " Pathfinder "panel . Hvis det ikke er synligt , skal du klikke på " Window" menu og vælge " Pathfinder ". Tryk på " Ctrl -A " for at vælge begge objekter . Klik på " Minus Front" -knappen i panelet Kurvefinder . Cirklen forsvinder , efterlader en cirkel -formet " bid " i rektanglet.
6
Klik på "Effekt "-menuen , vælg " Effekter " og klik " Drop Shadow ". Sæt Opacity til " 75 " X Offset på "-3 px , " Y Offset på " 7 px " og slør ved 5 " px ". Klik på "Preview "-boksen for at sikre skyggen ikke falder uden for dokumentet grænsen. Du kan justere skyggen eller formindske størrelsen af kassen , hvis den gør.
7.
Klik på " Type Tool " i værktøjskassen og træk markøren hen over rektanglet for at oprette en tekstboks. Skriv den tekst, du ønsker for ikonet. Tryk på " Ctrl -A " for at fremhæve hele teksten . Ændre skrifttype, skriftstørrelse og farve som ønsket fra Indstillinger baren. Centrere teksten ved at klikke på "Center " stk knappen. Alternativt kan du placere et billede på ikonet frem for at bruge tekst.
8
Klik på " File" menuen og vælge "Gem til web og enheder . " Ændre formatet til " PNG -24 ", og sørg for, at " Transparency" er markeret til at holde baggrunden gennemsigtig , og klik derefter på "Gem".
9
Slet tekst eller billede i ikonet og bruge baggrunden til at skabe yderligere ikoner .