So erstellen Sie eine einfache Zwei-Staaten-Knopf in Fireworks

Eine Zwei-Staaten-Taste ist die Standard-Feuerwerk-Taste. Sie erstellen die Grafiken und Text für Status 1,

das ist, was der Betrachter sieht, wenn die Seite zunächst lädt. Dann ändern Sie die gleichen Grafiken für State 2, das ist, was der Benutzer sieht, wenn Sie den Mauszeiger über die Schaltfläche schweben. Die verschiedenen Grafiken sind ein untrügliches Zeichen, dass etwas passieren wird, wenn die Schaltfläche geklickt wird.

Bevor Sie eine beliebige Taste in Fireworks erstellen können, herauszufinden, welche Größe es zu machen. Wenn Sie sich entscheiden, eine Website zu erstellen, haben Sie irgendeine Art von Planung. Unabhängig davon, welche Methode Sie verwenden, wissen Sie, wie viel Fläche für die Navigation delegiert.

Wenn Sie nur ein paar Links haben, können Sie eine horizontale Navigationsmenü. Wenn Sie viele Links haben, obwohl, müssen Sie ein vertikales Menü. Nachdem Sie mit treffen und ein Mock-up für Ihre Kunden erstellen, sollten Sie den Titel für jede Taste kennen. Ihre Taste sollte als der längste Titel etwas größer sein. Mit allem, was herausgefunden, sind Sie bereit, eine Zwei-Staaten-Taste zu erstellen, wie folgt:

1

Wählen Sie Edit-Insert-Schaltfläche Neu.

Der Button-Editor angezeigt wird, mit (leider) nur Richtlinien, in denen die Schaltfläche Grafik zu setzen. Ihre Mission, sollten Sie es akzeptieren, entscheiden, wird der Button-Symbol mit einer Form und Text zu füllen.

2

Wählen Sie Ihre Zeichnung Werkzeug der Wahl, und erstellen Sie eine Form auf dem Dokument.

Die logische Wahl ist das Rechteck-Werkzeug. Wenn Sie einen ovalen Knopf erstellen, können Sie das Rechteck-Werkzeug auswählen und dann den Rundheitsparameter im Eigenschafteninspektor verwenden, um die Ecken des Rechtecks ​​abzurunden.

3

Im Eigenschafteninspektor, geben Sie die Breite und Höhe des Button und alle anderen Parameter, wie zB Strichfarbe und Farbe zu füllen.

Die Abbildung zeigt eine Schaltfläche im Bau.

4

Zentrieren Sie die Taste.

Um die mittlere Taste, ziehen Sie den Knopf in Richtung der Mitte des Dokuments, bis Sie eine vertikale und horizontale Fadenkreuz zu sehen erscheinen in der Mitte der Grafik.

5

Wählen Sie das Textwerkzeug aus. Im Eigenschafteninspektor legen Sie die Parameter für die Schaltfläche Text.

Verdana und Arial sind beide eine gute Wahl für die Schriftart. Wählen Sie eine Farbe, die mit Ihrem Design harmonisch ist. Die Schriftgröße ist abhängig von der Größe der Taste.

6

Geben Sie den gewünschten Text auf der Schaltfläche. Markieren Sie den Text und die Schaltfläche Grafik und dann Window-Align wählen.

Das Bedienfeld Ausrichten erscheint.

7

Richten Sie den Text auf die Schaltfläche, indem die gewünschten Symbole klicken.

In den meisten Fällen werden Sie den Text in die Mitte des Knopfes ausgerichtet werden sollen, die Sie auch, indem Sie den Text mit dem Zeiger-Werkzeug erreichen kann und es in Richtung der Mitte des Dokuments bis zu einer vertikalen und horizontalen Fadenkreuz ziehen scheinen. Allerdings können Sie den Text nach links, rechts, oben oder unten in der Form ausgerichtet werden soll. Um dieses Ergebnis zu erzielen, verwenden Sie das Bedienfeld Ausrichten.

8

Wählen Sie Alle Select-Wählen.

Wenn Sie wie wir und wie Tastenkombinationen sind, drücken Sie Strg + A (Windows) oder Apfel + A (Mac) statt. alles Auswahl macht es einfach, die Grafiken und Text in einen anderen Staat zu kopieren.

9

Wählen Sie Fenster-Staaten.

Die Staaten Platte öffnet sich in das Panel Docker.

10

rechts, klicken Sie auf (Windows) bzw. bei gedrückter Ctrl-Taste (Mac) Zustand 1 das Kontextmenü anzuzeigen, und dann an die Staaten wählen Kopieren.

Die kopieren Staaten Dialogfeld öffnet sich. In der Standardeinstellung ist Alle Staaten ausgewählt.

11

Wählen Sie den nächsten Zustand Radio-Button und dann auf OK klicken.

Sie haben eine Kopie der Form und Text in State 2, die Grafik ist, die Benutzer sehen, wenn sie ihre Maus über die Schaltfläche Pause.

12

Wählen Sie den Zustand 2 und dann zu ändern oder ändern Sie die Grafik Sie von State 1 kopiert.

Natürlich könnte man mit einer anderen Form zu gehen, aber das ist für einen herkömmlichen Navigationsmenü-Taste nicht praktikabel. Sie ändern die Schaltfläche durch seine Farbe ändern und / oder den Text. Für eine herkömmliche Website, ändern die Farbe des Textes.

13

Klicken Sie auf die Schaltfläche Zurück zum Hauptfenster zurückzukehren.

Die Schaltfläche wird zu Ihrem Design hinzugefügt.

Ähnliche

Menü