Hvordan lage Web temaer i Adobe Illustrator

Web temaer, også kjent som maler, kan du lage et flersidig nettside med et konsekvent utseende i hele området. Mange designere lage de underliggende temaer - grafikk og grunnleggende layout - i et grafikkprogram, for eksempel Adobe Illustrator. Selv om nettlesere støtter ikke Adobe Illustrator AI grafikk format direkte, kan du bruke Illustrator er Slice Tool til å snu en Illustrator artboard inn en webside, og deretter bruke websiden som en Web tema.

Bruksanvisning

1 Åpen Illustrator og starte en ny artboard: Klikk på "File" -menyen, og velg "New" for å åpne dialogboksen Nytt dokument.

2 Klikk på "Nytt dokument Profil" drop-down menyen og velg "Web". Dialogboksen endringene slik at du kan definere et nytt dokument målt i piksler. Illustrator kommer med tre forhåndsinnstilte webside størrelser: 640 x 480, 800 x 600 og 1024 x 768. Du kan velge en av disse eller opprette en egendefinert størrelse ved å endre verdiene i Bredde- og Høyde-feltene.

3 Angi ønsket størrelse innstillingene i "Nytt dokument" og klikk "OK."

4 Lag skisser for nett tema.

En typisk web-side design kan bestå av et banner bilde øverst, med menyer som spenner enten øverst på siden rett under banneret, eller du kan plassere dine menyelementer ned til venstre på siden, i en sidelinje. Du kan designe hele siden i Illustrator, lage en header, bunntekst, et sidepanel og menyelementer - alt du vil.

5 Velg "Slice Tool" (kniven ikonet), i verktøypanelet.

6 Hold museknappen, og dra over den delen av websiden der du vil opprette en skive. For eksempel kan du lage banneret ditt første skive.

Hver skive du oppretter blir en egen seksjon på siden. Illustrator oppretter en HTML-tabell, og legger hver skive i en tabellcelle. Du kan for eksempel lage en skive for overskriften, sidelinjen og bunntekst. Du kan også lage skiver for hver av menyelementene. Når du covert artboard til en HTML-side, vil Illustrator kan du tildele URLer til skiver, gjøre dem til aktive lenker.

7 Skjær opp artboard som ønsket.

8 Klikk på "File" -menyen, og velg "Lagre for Web og enheter." Dette åpner Lagre for Web og enheter dialogboksen. Herfra kan du gjøre omfattende endringer og justeringer i oppsettet ditt, for eksempel endre objekt farger eller definere grafikkformat for hver skiver objekt.

Slik slår en skive i en kobling, dobbeltklikker du den. Dette viser for stykke dialogboksen Alternativer. Skriv inn koblingen i URL-feltet.

9 Gjør de ønskede endringer i skiver, deretter "Lagre". Dette åpner Lagre optimalisert som dialogboksen.

10 Klikk på "Format" drop-down menyen og velg "HTML og bilder", deretter "Lagre".

11 Navn og lagre filen. Nå kan du åpne HTML i HTML-editor, og bruke det som et tema for websidene.

Hint

• Illustrator skaper grafikk fra hver av skiver, og lagrer dem i en mappe som heter "bilder". Når du laster opp HTML-sider til en webserver, må du også laste opp denne mappen. Ellers vil siden ikke vises riktig.