So erstellen Sie Web-Buttons mit Illustrator

Einfache Verläufe können Raffinesse, um Grafiken und Text hinzufügen.

In Verbindung stehende Artikel

1. Drücken Sie „Strg-N“, das neue Dialogfeld anzuzeigen und klicken Sie dann auf „Web“ aus der Profilsteuerung und „640x480“ von der Größe Kontrolle. Klicken Sie auf „OK“, um das Dokument zu erstellen.

2. Klicken Sie auf das Rechteck oder eine andere Form-Werkzeug aus der Werkzeugleiste. Klicken und ziehen Sie auf der Zeichenfläche zu beginnen, um die Umrisse der Schaltfläche Zeichnen. Beim Ziehen zeigt Illustrator die Abmessungen der Form. Lassen Sie die Maus, wenn die Höhe zwischen 35 und 50 Pixel und die Breite ist, wie Sie es wünschen.

3. Klicken Sie auf das Menü-Symbol in der Kopfzeile der Fill-Steuerung, die auf dem Bedienfeld ist. Das Menüsymbol erscheint als mehrere horizontale Linien in ein Quadrat gestapelt.

4. Klicken Sie auf „Open Swatch Library“ und dann auf das „Web“ Elemente den Web-Panel zu öffnen, der Farben Web-kompatibel. Klicken Sie auf das „Fill“ Feld in der Werkzeugleiste und klicken Sie dann auf ein Farbfeld aus dem Web-Panel auf die Schaltfläche Farbe.

5. Klicken Sie auf „Schlagschatten“ oder einen anderen Effekt aus dem Menü Effekte auf den Button stilisieren Taste ‚T‘ mit dem Werkzeug ausgeführt werden,. Dann in der Schaltfläche klicken Sie den Speicherort des ersten Zeichens des Textes der Schaltfläche festlegen.

6. Klicken Sie auf eine serifenlose Schrift aus der Steuer Font Control Panel, wie „Arial“. Klicken Sie auf eine Größe zwischen 12 und 24 Punkten von der Schriftgröße Kontrolle und dann Text eingeben, der kurz und bündig den Zweck der Schaltfläche beschreibt. Geben Sie beispielsweise „Upload“.

7. Drücken Sie „Strg-A“ den Text und die Form Objekte auszuwählen; Drücken Sie „Strg-G“ zu gruppieren dann diese Objekte. Doppelklicken Sie auf den „Ebene 1“ Artikel in der Ebenen-Palette und geben Sie „Aus“, um das „Aus“ -Zustand des Knopfes zu beschriften.

8. Klicken Sie auf das Menü-Symbol in der Ebenen-Bedienfeld und dann auf die „Duplizieren“ Befehl der Schaltfläche „Aus“ -Zustand zu duplizieren. Benennen Sie die neue Ebene „schweben“, um den Zustand anzuzeigen, die angezeigt wird, wenn die Maus über die Schaltfläche bewegt.

9. Klicken Sie auf ein Farbfeld im Web-Panel oder einen Effekt im Menü Effekte der Schaltfläche „Hover“ -Zustand darzustellen. Zum Beispiel, klicken Sie auf den „Stroke“ Farbfeld-Optionen und dann eine rote Feld in dem Web-Panel klicken Sie auf die Kontur rot der Taste.

10. Erstellen Sie ein anderes Duplikat der „off“ Schicht und geben Sie „on“ für den Namen des Duplikat. Dieses Etikett gibt die geklickt Status der Schaltfläche.

11. Verwenden Sie die Effekte-Befehle oder die Web-Panels Muster in die Schaltfläche erscheint gedrückt zu machen. Zum Beispiel, wenn die „An“ -Zustand den Schlagschatten-Effekt hat, klicken Sie auf „Schlagschatten“ im Panel Aussehen und senken Sie dann die X-Offset und Y-Werte Offset den scheinbaren Abstand zwischen dem Knopf und seinem Schatten schrumpfen. Dies macht die Schaltfläche erscheint gedrückt.

12. Klicken Sie auf das „Zeichenflächen“ Untermenü des Menüs Objekts; dann auf den „Fit to Artwork“ Befehl, um den Fremd Hintergrund von allen drei Tastenzuständen zu entfernen.

13. Klicken Sie auf die Augensymbole aller aber die „off“ Schicht im Bedienfeld Ebenen gerade diese Ebene zu offenbaren. Klicken Sie auf „Save for Web“ aus dem Menü Datei und klicken Sie dann auf Save for Web Schaltfläche „Speichern“ des Dialogfelds. Geben Sie einen Dateinamen wie „Upload-Off.JPEG“ und dann auf „Speichern“, um die „off“ Bild der Taste zu speichern. Speichern Sie die „schweben“ und „auf“ Bilder die gleiche Weise.

Über den Autor

Darrin Koltow schrieb über Computersoftware bis Grafikprogrammen seine lebenslange Leidenschaft wieder geweckt ein Meister Designer und Zeichner zu werden. Er hat jetzt den Erwerb der Ausbildung für eine Position begangen Charaktere, Kreaturen und Umgebungen für Videospiele, Filme und andere Unterhaltungsmedien zu entwerfen.

Bildnachweis

ähnliche Suchen

Weitere Beiträge

Wie löschen Teile eines Bildes in Illustrator