Wie Erstellen und Testen Animationen in Fireworks CS5

Erstellen von Bildern ist ein einfacher Prozess in Adobe Fireworks Creative Suite 5. Bilder für Animationen erstellen auch einfach, aber etwas anders, dass die Bilder aus mehreren Staaten erstellt werden, die einer nach dem anderen spielen die Illusion von Bewegung zu erzeugen.

Erstellen Sie eine Animation

Um ein Bild für die Animation zu erstellen, gehen Sie folgendermaßen vor:

  1. Erstellen oder öffnen Sie das Objekt, das Sie animieren möchten.

    Für dieses Beispiel einen Kreis mit dem Ellipse-Werkzeug erstellen.

  2. Mit dem Zeiger-Werkzeug, wählen Sie den Kreis.

  3. Wählen Sie Fenster-Staaten.

    Die Staaten-Display angezeigt wird, ein Zustand auflistet.

    bild0.jpg
  4. Aus dem Panel-Menü in der oberen rechten Ecke, wählen Sie Status duplizieren.

    Der Status duplizieren Dialogfeld erscheint.

  5. Verwenden Sie die Anzahl Schieber drei neue Staaten hinzuzufügen.

  6. Geben Sie im Abschnitt Neue Staaten, wählen Sie die After Current State Radio-Button und dann auf OK klicken.

    Da alle Staaten gleich sind, sehen Sie keine Änderung. Die Objekte werden auf aufeinander positioniert.

    image1.jpg

Verwenden Zwiebelschalen einen guten Fluss zu bekommen

Onion Skinning kann eine große Hilfe sein, wenn Sie versuchen, einen guten Fluss für eine Animation zu erstellen. Onion Skinning gibt Ihnen die Möglichkeit, den ausgewählten Zustand aber Ansicht zu bearbeiten (in einem verdunkelten Ansicht) die Zustände, die vor und nach dem ausgewählten Zustand kommen.

image2.jpg

Um Zwiebelschichten in einer Animation verwenden, gehen Sie folgendermaßen vor:

  1. Wählen Sie den Zustand 2 Zeile in der Tafel Staaten.

  2. Klicken Sie auf die Schaltfläche Skinning Zwiebel in der linken unteren Ecke des Fensters.

    Eine Dropdown-Liste angezeigt wird.

  3. Wählen Sie Anzeigen Alle Staaten einen Zustand zu zeigen, vor und nach dem ausgewählten Zustand.

Machen Sie die Animation bewegen

sicherlich die eigentliche Animation zu schaffen, ist kein Hexenwerk, aber Sie müssen die Aufmerksamkeit auf den Zustand, die vor Ihrem Umzug wählen zu zahlen.

Um Ihre Animation in Bewegung zu setzen, gehen Sie folgendermaßen vor:

  1. Wählen Sie den Zustand 2 in den Staaten Panel den Zustand 2-Kreis zu sehen.

  2. Mit dem Zeigerwerkzeug, ziehen Sie den Kreis leicht nach oben und nach rechts.

  3. Wählen State 3 den Zustand 3 Kreis zu sehen.

  4. Ziehen Sie den Kreis unten und nach rechts des Staates 2 Kreises.

  5. Wählen Sie den Zustand 4 den Zustand 4 Kreis zu sehen.

  6. Ziehen Sie den Kreis oben und nach rechts des Staates 3 Kreis.

    in einer primitiven Weise - - Sie sollten einen Fluss sehen, dass für einen hüpfenden Ball.

    image3.jpg

Testen Sie die Animation

Sie können eine Animation testen direkt in Fireworks artboard oder im Internet.

Test in Fireworks

Fireworks bietet verschiedene Steuerelemente für die Wiedergabe auf der rechten Seite des artboard Fenster. Um diese Steuerelemente verwenden, um eine Animation in Fireworks zu testen, gehen Sie folgendermaßen vor:

  1. Klicken Sie auf die Play-Taste, um die Animation zu starten.

    Beachten Sie, dass die Play-Taste, Änderungen an der Stop-Taste.

  2. Nachdem die Wiedergabe der Animation, klicken Sie auf die Stopp-Taste um die Animation zu stoppen.

Test auf dem Netz

Die Vorschau im Browser-Funktion bietet Ihnen eine genauere Vorstellung davon, wie die Animation für den Betrachter erscheint. Dieses Verfahren ist so einfach, dass keine Schritte notwendig: Wählen Sie Datei-Vorschau im Browser und wählen Sie den Browser, in dem Sie die Animation in der Vorschau anzeigen möchten.

Wenn die Animation nicht in Ihrem Browser funktioniert, stellen Sie sicher, dass Sie GIF als Exportdateiformat im Bedienfeld Optimieren in Fireworks ausgewählt haben.

Menü