Adobe Illustrator er et vektor grafikk illustrasjon program som lar deg lage vektor bilder og figurer med en rekke verktøy og grafiske filtre. Bruk Illustrator å designe utseendet og utseendet på nettstedet ditt, og deretter eksportere bildene fra Illustrator til en nettside byggeprogram . Du trenger
Adobe Illustrator
Vis flere instruksjoner
en

Opprett et nytt dokument i Adobe Illustrator . Sett bredden til 960 piksler og sette " Color Mode " til " RGB ". Gi dokumentet et navn og klikk "OK".
2

Bruk rektangel verktøy for å lage en enkel layout. Tegn grå rektangler inni den svarte " artboard " border å tilsvare grafiske og tekstlige elementene du ønsker å inkludere i din webside. Justere oppsettet til du er fornøyd , og lagre arbeidet ditt.
3

Lag ledelinjer rundt dine grå bokser . Slik oppretter du en guide linje, klikker du på den horisontale eller vertikale linjaler langs kantene av skjermen og dra musen på arbeidsområdet. Slipp musen for å sette guide. Du kan re-justere guider ved å klikke og dra dem med musen
4

Slett grå bokser ; . Du vil sitte igjen med et tomt arbeidsområde skissert av flere guider
fem .

Lag grafiske elementer på websiden din , som for eksempel logoer, ikoner og tekst mock -ups ved hjelp av Adobe Illustrator verktøypaletten . Bruk ledelinjer når du plasserer dine grafiske elementer på nettsiden . Når du er ferdig med å skape det visuelle utseendet på nettstedet ditt, lagre arbeidet ditt.
6

Velg " Guides " fra " View"-menyen og klikk på " Clear Guides " for å slette alle guidene på din skjermen . Du må opprette nye guider for å spare enkelte elementene i din mock -up for bruk på web .
7

Velg en del av ditt nettsted mock -up , slik som navigasjonsmenyen eller den grafiske ikoner , og dra et nytt sett av veiledere rundt denne delen slik at hvert enkelt element i seksjonen er innkapslet i en boks .
8

Velg " Slice " fra " Object "-menyen og klikk på " Opprett fra Guides ". Tall vises i boksene du opprettet , og disse boksene er grafiske "stykker " som kan lagres som individuelle bilder for bruk i en webside. Velg " Save for Web & Devices " fra " File" -menyen for å åpne et nytt dialogvindu .
9

Klikk på " Slice Select Tool" i "Lagre for Web og enheter " vinduet. Velg stykkene du vil eksportere ved å klikke på dem i visningsvinduet . Sett "Image " til "JPEG " og klikk " Lagre" for å lagre skiver som enkeltbilder.
10

Gjenta trinn 6 til 9 for å skape individuelle bilder av alle de grafiske elementene i nettet ditt side . Når du har de grafiske elementene er lagret , importere dem til en nettside design program som Adobe Dreamweaver .