Adobe Illustrator är ett vektorgrafik illustration program som låter dig skapa vektor bilder och former med olika verktyg och grafiska filter . Använd Illustrator för att designa utseendet och utseendet på din webbplats , och sedan exportera bilderna från Illustrator till en webbsida byggnadsprogram . Saker du behöver
Adobe Illustrator
Visa fler instruktioner
1
Skapa ett nytt dokument i Adobe Illustrator . Ställ in bredden till 960 bildpunkter och ställ in " Färgläge " till " RGB ". Ge dokumentet ett namn och klicka på " OK . "
2
Använd rektangel verktyget för att skapa en grundläggande layouten . Rita grå rektanglar inuti svarta " ritytan " gränsen för att motsvara grafiska och textuella element som du vill inkludera i din webbsida . Justera layouten tills du är nöjd , och spara ditt arbete .
3
Skapa stödlinjer runt dina gråa rutor . För att skapa en guide linje , klicka på den horisontella eller vertikala linjaler vid kanterna av skärmen och dra musen på arbetsytan . Släpp musen för att ställa in guiden . Du kan justera stödlinjer genom att klicka och dra dem med musen
4
bort dina grå rutor , . Kommer du att vara kvar med en tom arbetsyta beskrivs av flera guider
5 .
Skapa de grafiska elementen i din webbsida , t.ex. logotyper , ikoner och text mock -ups med hjälp av Adobe Illustrator verktygspaletten . Använd stödlinjer när du placerar din grafiska element på webbsidan . När du är klar med att skapa det visuella utseendet på din webbplats , spara ditt arbete .
6
Välj " Guider " från menyn "Visa" och klicka på " Radera stödlinjer " för att radera alla stödlinjer på din skärmen. Du kommer att behöva skapa nya guider för att rädda enskilda delar av din mock - up för användning på webben .
7
Välj ett avsnitt av din webbplats mock - up , t.ex. navigeringsmenyn eller grafiken ikoner , och dra en ny uppsättning guider kring detta avsnitt så att varje enskilt element i sektionen är inkapslad i en låda .
8
Välj " Slice " från menyn "Objekt" och klicka på " Skapa från stödlinjer . " Siffror kommer att visas i de rutor som du skapat , dessa lådor är grafiska " skivor " som kan sparas som enskilda bilder för användning i en webbsida . Välj " Spara för webben och enheter " från " Arkiv " -menyn för att öppna ett nytt dialogfönster .
9
Klicka på " Slice Select Tool " i " Spara för webben och enheter " fönster . Markera de skivor du vill exportera genom att klicka på dem i visningsfönstret . Ställ in " Bildtyp " till " JPEG " och klicka på " Spara " för att spara dina skivor som enskilda bilder .
10
Upprepa steg 6 till 9 för att skapa individuella bilder av alla grafiska element i din webb sidan. När du har de grafiska sparade element , importera dem till en webbsida design program som Adobe Dreamweaver .
