Adobe Illustrator er en vektor grafik illustration program, der tillader dig at oprette vektor billeder og figurer med en række værktøjer og grafiske filtre. Brug Illustrator til at designe udseendet og udseendet af din hjemmeside, og derefter eksportere billederne fra Illustrator til en webside byggeprogram . Ting du skal
Adobe Illustrator
Vis Flere Instruktioner
1
Opret et nyt dokument i Adobe Illustrator. Indstil bredden til 960 pixels og sæt "Color Mode" til "RGB ". Giv dit dokument et navn, og klik "OK".
2
Brug rektangel værktøj til at skabe en grundlæggende layout. Tegn grå rektangler inde i sorte " tegnebrættet " grænsen for at svare til grafiske og tekstuelle elementer, du vil medtage i din webside. Juster dit layout , indtil du er tilfreds, og gemme dit arbejde .
3
Opret retningslinier omkring dine grå bokse . Sådan opretter du en guide linje , klik på den vandrette eller lodrette linealer i kanterne af skærmen , og træk musen på arbejdsområdet. Slip musen for at indstille guiden. Du kan re-justere guider ved at klikke og trække dem med musen
4
Slet dine grå bokse , . Vil du stå tilbage med en tom arbejdsplads skitseret af flere guider
5. .
Opret grafiske elementer på din webside , såsom logoer, ikoner og tekst mock -ups ved hjælp af Adobe Illustrator værktøjskassen. Brug guiden linjer, når du placerer dine grafiske elementer på websiden . Når du er færdig med at oprette det visuelle udseende af din hjemmeside , skal du gemme dit arbejde.
6
Vælg " Guides " fra menuen "Vis" og klik på " Ryd Guides " for at slette alle vejledninger på din skærm . Du bliver nødt til at skabe nye vejledninger for at spare de enkelte elementer i din mock -up til brug på nettet.
7
Vælg en sektion af din hjemmeside mock -up , som navigationsmenuen eller grafiske ikoner og trække et nyt sæt vejledninger omkring dette afsnit , således at hvert enkelt element i afsnittet er indkapslet i en kasse.
8
Vælg " Slice " fra " Object " menuen og klik på " Opret fra hjælpelinjer. " Tal vises i boksene , du har oprettet , disse bokse er grafiske " skiver " , der kan gemmes som individuelle billeder til brug i en webside. Vælg "Gem til web og enheder " fra menuen "Filer" for at åbne et nyt dialogvindue .
9
Klik på " Slice Select Tool " i " Gem til web og enheder " vindue . Vælg de udsnit, du ønsker at eksportere , ved at klikke på dem i fremviseren vinduet. Indstil "Image Type" til " JPEG" og klik på " Gem" for at gemme dine skiver som individuelle billeder.
10
Gentag trin 6 til 9 for at skabe individuelle billeder af alle de grafiske elementer i din web side . Når du har de grafiske gemte elementer importere dem ind i en web -side design program som Adobe Dreamweaver.