Du kan göra din egen Web ikoner för en webbplats med hjälp av Adobe Illustrator . Använda Pathfinder att kombinera två objekt kan du skapa former mer intressant för ögat än en vanlig cirkel eller rektangel . Denna handledning använder en rektangel och cirkel , men du kan använda samma steg med olika former för att skapa din egen ikon . Vid flera ikoner för samma sida , använd samma form , eller samma färg för att hålla några sammanhållning till sidan . Instruktioner
1
Öppna Adobe Illustrator och skapa en ny webb dokument . Storlek dokumentet till storleken på dina ikoner , t.ex. 100 av 100 pixlar .
2
Välj " Rundad rektangel Tool " från verktygslådan . Dra verktyget över dokumentet , skapar en rektangel som är i jämnhöjd med de bästa och höger i dokumentfönstret , och cirka 15 pixlar inom dokumentet gränsar till botten och vänster . Detta för att göra plats för ikonen skugga .
3
Dubbelklicka på färgväljaren och välj en färg för din ikon .
4
Välj " Ellipse Tool " för att skapa en cirkel som kommer att täcka det nedre vänstra hörnet av rektangeln . För att göra detta , placera verktyget i mitten av rektangeln . Håll ned " Shift " -tangenten samtidigt som du drar verktyget diagonalt förbi det nedre högra hörnet av rektangeln tills " Center " guide på Ellipse är i hörnet av rektangeln .
5
Klicka på " Pathfinder " panel . Om det inte syns , klicka på " Fönster " -menyn och välj " Pathfinder . " Tryck " Ctrl - A " för att markera båda objekten . Klicka på "Minus Front " -knappen på panelen Banhanteraren . Cirkeln försvinner och lämnar en cirkel - formad " bita " i rektangeln .
6
Klicka på " Effect " -menyn , välj " Stilisera " och klicka på " Skugga ". Ställ in opaciteten på " 75 , " X Offset på " -3 px , " Y Offset på " 7 px " och oskärpa vid 5 " px . " Klicka på " Preview "-rutan för att se skuggan inte faller utanför dokumentets kant . Du kan justera skuggan , eller minska storleken på rutan om den gör .
7
Klicka på " Type Tool " i verktygslådan och dra markören över rektangeln för att skapa en textruta . Skriv den text du vill ha ikonen . Tryck " Ctrl - A " för att markera all text . Ändra teckensnitt , teckenstorlek och färg som önskas i alternativfältet . Centrera texten genom att klicka på " Center " punkt -knappen . Alternativt kan du placera en bild på ikonen istället för att använda text .
8
Klicka på " Arkiv " -menyn och välj " Spara för webben och enheter . " Ändra formatet till " PNG - 24 " och kontrollera att " Öppenhet " är ikryssad för att hålla bakgrunden transparent , klicka sedan på " Spara ".
9
bort texten eller bilden på ikonen och använd bakgrund för att skapa ytterligare ikoner .
