Adobe Illustrator ist ein Vektor graphical Programm, das Sie Vektorgrafiken und Formen mit einer Vielzahl von Werkzeugen und Grafik -Filter erstellen können. Verwenden Illustrator , um das Aussehen und das Aussehen Ihrer Website zu gestalten , und exportieren Sie dann die Bilder von Illustrator zu einer Webseite Bauprogramm . Things You
Adobe Illustrator
brauchen anzeigen Weitere Anweisungen
1
Erstellen eines neuen Dokuments in Adobe Illustrator . Stellen Sie die Breite auf 960 Pixel und den "Color Mode" auf " RGB". Geben Sie Ihrem Dokument einen Namen und klicken Sie auf " OK".
2
Verwenden Sie das Rechteck-Werkzeug , um eine grundlegende Layout zu erstellen. Zeichnen graue Rechtecke innerhalb der schwarz " Zeichenfläche " border um Grafik-und Textelemente , die Sie in Ihre Webseite einbauen entsprechen . Passen Sie Ihr Layout , bis Sie zufrieden sind, und speichern Sie Ihre Arbeit .
3
erstellen Hilfslinien um Ihre grauen Kästen . Um eine Hilfslinie zu erstellen , auf die horizontale oder vertikale Lineal an den Rändern des Bildschirms klicken und ziehen Sie mit der Maus auf die Arbeitsfläche . Lassen Sie die Maustaste , um die Führung gesetzt . Sie können neu einstellen Führungen durch Klicken und Ziehen mit der Maus
4
Löschen Sie Ihre grauen Kästen ; . Werden Sie mit einem leeren Arbeitsbereich von mehreren Führungen skizziert gelassen werden
5 .
erstellen Sie die grafische Elemente Ihrer Web-Seite , wie Logos, Symbole und Text Mock- ups mit dem Adobe Illustrator Werkzeugpalette . Verwenden Sie die Hilfslinien , wenn Sie Ihre grafische Elemente auf der Webseite. Sobald Sie fertig sind die Schaffung der visuellen Erscheinungsbild Ihrer Website , speichern Sie Ihre Arbeit .
6
Wählen Sie " Guides " aus dem Menü "Ansicht" und klicken Sie auf "Clear Guides ", um alle Führungen auf Ihrem löschen Bildschirm . Sie müssen neue Führer zu erstellen , einzelne Elemente Ihrer Mock-up für die Verwendung im Web zu speichern.
7
Wählen Sie einen Abschnitt Ihrer Website Mock-up , wie der Navigation oder der Grafik Symbolen, und ziehen Sie eine neue Reihe von Führungen um diesen Abschnitt , so dass jedes einzelne Element des Abschnitts in einer Kiste eingeschlossen ist .
8
Wählen Sie " Slice" aus dem Menü "Objekt" und klicken Sie auf " erstellen von Guides . " Zahlen werden in den Boxen Sie erstellt erscheinen ; diese Boxen sind grafische "Scheiben" , die als einzelne Bilder für den Einsatz in einer Web-Seite gespeichert werden können. Wählen Sie " Für Web und Geräte speichern " aus dem Menü "Datei" , um einen neuen Dialog zu öffnen.
9
Klicken Sie auf das " Slice-Auswahl- Werkzeug " in der " Für Web und Geräte speichern " Fenster . Wählen Sie die Scheiben Sie wollen , indem Sie auf sie im Viewer-Fenster exportieren. Stellen Sie die " Bild " auf " JPEG " und klicken Sie auf " Speichern", um Ihre Scheiben als einzelne Bilder zu speichern.
10
Wiederholen Sie die Schritte 6 bis 9 , um einzelne Bilder von all den grafischen Elementen des Web erstellen Seite . Sobald Sie die grafischen Elemente gespeichert , importieren Sie sie in eine Web-Seite Design-Programm wie Adobe Dreamweaver .