So erstellen Sie Web Themes in Adobe Illustrator

Erstellen Sie eine Web Thema in Adobe Illustrator. 

CREATE THEMEN

Web Themen, die auch als Templates bekannt, können Sie erstellen eine mehrseitige Website mit einem einheitlichen Look and Feel der gesamten Website. Viele Designer schaffen die zugrunde liegenden Themen - die Grafik und das grundsätzliche Layout - in einem Grafikprogramm wie Adobe Illustrator. Obwohl Web-Browsern nicht unterstützt die Adobe Illustrator AI-Grafik-Format direkt, können Sie die Illustrator Slice-Werkzeug verwenden, um ein Illustrator-Zeichenfläche in eine Web-Seite drehen, dann verwenden Sie die Web-Seite als Web-Thema.

Was Sie benötigen

Adobe Illustrator CS2 oder höher

Öffnen Sie Illustrator und starten Sie eine neue Zeichenfläche: Klicken Sie auf das Menü "Datei" und wählen Sie "Neu", um das Dialogfeld Neues Dokument öffnen.

Klicken Sie auf "Neues Dokument Profil" Drop-Down-Menü, und wählen Sie "Web". Das Dialogfeld ändert damit Sie ein neues Dokument in Pixel gemessen definieren. Illustrator kommt mit drei voreingestellten Webseite Größen: 640 x 480, 800 x 600 und 1024 x 768 Pixel. Sie können wählen, eine von diesen oder eine benutzerdefinierte Größe erstellen, indem Sie die Werte in den Feldern Breite und Höhe.

Legen Sie die gewünschten Einstellungen in Größe "Neues Dokument", und klicken Sie auf "OK".

Erstellen Sie das Kunstwerk für Ihre Web-Design.

Eine typische Web-Design könnte von einer Fahne über der Spitze bestehen, mit Menüs Spanning entweder die oben auf der Seite direkt unter dem Banner, oder Sie können Ihre Menüpunkte auf der linken Seite der Seite zu positionieren, in einer Seitenleiste. Sie können die gesamte Seite in Illustrator entwerfen, die Schaffung einer Kopfzeile, eine Fußzeile, eine Sidebar und Menüpunkte - alles, was Sie wollen.

Wählen Sie den "Slice-Werkzeug" (das Messer-Symbol), in der Werkzeuge-Palette.

Halten Sie die Maustaste gedrückt, und ziehen Sie über den Abschnitt Ihrer Webseite, wo Sie ein Slice erstellen möchten. Zum Beispiel können Sie das Banner Ihre erste Scheibe.

Jede Scheibe erstellen Sie wird zu einem gesonderten Abschnitt der Seite. Illustrator erstellt eine HTML-Tabelle und legt jede Scheibe in einer Tabellenzelle. Sie können zum Beispiel eine Scheibe für den Header, der Sidebar und Footer. Sie können auch Scheiben für jede Ihrer Menüpunkte. Wenn Sie verdeckten die Zeichenfläche ziehen, um eine HTML-Seite, wird Illustrator können Sie URLs zuweisen, um Ihren Scheiben, um sie in aktive Links.

Schneiden Sie Ihre Zeichenfläche nach Wunsch.

Klicken Sie auf das Menü "Datei" und wählen Sie "Save for Web Dadurch wird das Save for Web ialog Box. Von hier aus können Sie umfangreiche Änderungen und Anpassungen an Ihr Layout, eine solche Änderung Objekt Farben machen oder definieren Sie die Grafik-Format für jedes Objekt in Scheiben geschnitten.

Um eine Scheibe in einen Link um, doppelklicken Sie darauf. Dies zeigt die Slice-Optionen im Dialogfeld. Geben Sie den Link in das URL-Feld.

Nehmen Sie die gewünschten Änderungen an Ihren Scheiben, klicken Sie dann auf "Speichern". Es öffnet sich das Dialogfeld Speichern optimiert.

Klicken Sie auf "Format" Drop-Down-Menü, und wählen Sie "HTML und Bilder", klicken Sie dann auf "Speichern".

Benennen und speichern Sie die Datei. Sie können jetzt den HTML in Ihren HTML-Editor, und verwenden Sie es als ein Thema für Ihre Web-Seiten.

Tipps und Warnungen

Illustrator erstellt Grafiken von jedem Ihrer Scheiben, und speichert sie in einem Ordner namens "Bilder". Wenn Sie Ihre HTML-Seiten hochladen, um einen Web-Server, stellen Sie sicher, dass Sie auch diesen Ordner hochladen. Andernfalls wird die Seite nicht richtig angezeigt.