So Erstellen Sie Einen Animierten Button

Inhaltsverzeichnis:

So Erstellen Sie Einen Animierten Button
So Erstellen Sie Einen Animierten Button

Video: So Erstellen Sie Einen Animierten Button

Video: So Erstellen Sie Einen Animierten Button
Video: So erstellen Sie coole animierte Erklärvideos 2024, Kann
Anonim

Die Gestaltung von Websites ist sehr wichtig dafür, wie sie letztendlich von den Besuchern wahrgenommen werden. Die Menschen sollten auf den Seiten der Website ein ästhetisches Vergnügen erleben, und diese Seiten sollten für sie bequem und funktional sein. Keine Website ist ohne Navigationsschaltflächen vollständig, und Ihre Website wird gleichzeitig funktional und schön aussehen, wenn Sie diese Schaltflächen animieren.

So erstellen Sie einen animierten Button
So erstellen Sie einen animierten Button

Anweisungen

Schritt 1

Grafische Schaltflächen sind im Gegensatz zu Textschaltflächen auf den Seiten erkennbar und für den Leser leicht zu merken. Verwenden Sie Corel Draw, um animierte Schaltflächen zu erstellen. Erstellen Sie ein neues Dokument und zeichnen Sie ein Leerzeichen, auf dem die Schaltfläche in mehreren Ansichten angezeigt wird, sowohl im gedrückten als auch im nicht gedrückten Zustand.

Schritt 2

Um eine Schaltfläche zu zeichnen, wählen Sie das entsprechende Werkzeug aus der Toolbox aus und zeichnen Sie ein abgerundetes Rechteck. Füllen Sie das Rechteck mit Schwarz, kopieren Sie es und verschieben Sie die Kopie nach links und oben. Füllen Sie das zweite Rechteck mit Weiß.

Schritt 3

Schreiben Sie auf die leere Schaltfläche den Namen und fügen Sie dem Text einen schwarzen Umriss hinzu. Machen Sie den Text weiß. Öffnen Sie nun das Menü Effekte Rollover, indem Sie die Schaltfläche markieren und auf die Option Rollover erstellen klicken. In der Rollover-Statusleiste wird Normal angezeigt.

Schritt 4

Um nun das Bild einer Schaltfläche zu ändern, klicken Sie mit der rechten Maustaste darauf und wählen Sie im Kontextmenü die Option Rollover bearbeiten. Eine neue Internet-Symbolleiste wird geöffnet. Zeichnen Sie zusätzliche Schaltflächenpositionen, die sich dann nacheinander ändern und einen Animationseffekt erzeugen.

Schritt 5

Klicken Sie auf der linken Seite des Internet-Bedienfelds auf die Schaltfläche Over und bearbeiten Sie die Schaltfläche, um den Umriss des Textes zu entfernen. Füllen Sie den Text mit Schwarz, um eine zweite Version davon in der Animation zu erstellen. Drücken Sie nun die Abwärts-Taste und zeichnen Sie die letzte Version der Taste, während sie gedrückt wird.

Schritt 6

Verschieben Sie den Text und das weiße Rechteck nach rechts unten und schieben Sie das schwarze Rechteck nach links nach oben. Klicken Sie nun auf die Schaltfläche Rollover-Bearbeitung beenden.

Schritt 7

Speichern Sie die Schaltfläche zusammen mit dem Code, mit dem Sie das Aussehen von Objekten auf der Webseite ändern können. Auf diese Weise können Sie jede Art von Schaltfläche mit jedem Design zeichnen.

Empfohlen: