So erstellen Sie ein animiertes GIF in Fireworks

Inhaltsverzeichnis:

So erstellen Sie ein animiertes GIF in Fireworks
So erstellen Sie ein animiertes GIF in Fireworks
Anonim

Was man wissen sollte

  • Erstelle eine Illustration und dupliziere sie. Nehmen Sie Änderungen an einem vor, wandeln Sie beide in Symbole um, erstellen Sie einen zweiten Zustand. Vorschau der Animation.
  • Ändern Sie die Dauer beider Zustände, speichern Sie die Datei als animiertes-g.webp" />

In diesem Lernprogramm erfahren Sie, wie Sie mit Fireworks CS6 ein animiertes-g.webp

Wie erstelle ich ein animiertes Truthahn-g.webp" />

Es ist wichtig zu beachten, dass Adobe Fireworks CC nicht mehr als Teil der Creative Cloud anbietet. Wenn Sie nach Fireworks suchen, finden Sie es im Abschnitt „Zusätzliche Apps suchen“der Creative Cloud. Wenn Adobe ankündigt, Anwendungen nicht mehr zu unterstützen oder zu aktualisieren, können Sie davon ausgehen, dass es nur eine Frage der Zeit ist, bis die Anwendung verschwindet.

    Neues Dokument erstellen

    Erstellen Sie zunächst ein neues Dokument, indem Sie Datei > Neu auswählen. Stellen Sie die Breite und Höhe auf 400 x 400 Pixel und die Auflösung auf 72 Pixel pro Zoll ein. Wählen Sie Weiß als Leinwandfarbe und klicken Sie auf OK.

    Wählen Sie als Nächstes Datei > Speichern, benennen Sie die Datei turkey mit einer png-Erweiterung, wählen Sie den Speicherort aus und klicken Sie auf Speichern.

    Image
    Image

    Zeichne einen Kreis

    Klicken Sie im Bedienfeld „Werkzeuge“auf das Feld „Strichfarbe“und wählen Sie „Schwarz“. Wählen Sie dann das Feld „Füllfarbe“und wählen Sie ein braunes Farbfeld aus oder geben Sie in das Feld „Wert der Hexadezimalzahl“8C4600 ein.

    Stellen Sie im Bedienfeld Eigenschaften eine Strichstärke von 2 Pixel ein. Wählen Sie dann das Ellipsen-Werkzeug im Werkzeugbedienfeld, das Sie finden, indem Sie auf den kleinen Pfeil neben dem Rechteck-Werkzeug oder anderen sichtbaren Formwerkzeugen klicken. Klicken und ziehen Sie bei gedrückter Umsch alttaste, um einen großen Kreis zu erstellen. (Die Verwendung der Verschiebung stellt sicher, dass der Kreis perfekt rund ist.)

    Image
    Image

    Zeichne noch einen Kreis

    H alten Sie erneut die Umsch alttaste gedrückt, während Sie einen weiteren Kreis zeichnen, mit der Absicht, dass dieser Kreis kleiner als der letzte ist.

    Klicken Sie mit dem Zeigerwerkzeug auf den kleinen Kreis und ziehen Sie ihn an die gewünschte Stelle. Sie soll den oberen Teil des großen Kreises wie abgebildet überlappen.

    Image
    Image

    Zeichne ein abgerundetes Rechteck

    Ziehen Sie mit dem Abgerundetes-Rechteck-Werkzeug ein Rechteck. Verschieben Sie es mit dem Zeigerwerkzeug an die richtige Stelle. Sie soll zentriert sein und den unteren Rand des kleinen Kreises leicht überlappen.

    Image
    Image

    Pfade kombinieren

    H alten Sie die Umsch alttaste gedrückt, während Sie auf den kleinen Kreis und dann auf das abgerundete Rechteck klicken. Dadurch werden beide Formen ausgewählt. Wählen Sie dann Ändern, Pfade kombinieren > Vereinigung.

    Image
    Image

    Farbe ändern

    Klicken Sie im Bedienfeld „Werkzeuge“auf das Feld „Füllung“und wählen Sie ein Crememuster aus oder geben Sie FFCC99 in das Feld „Hex-Wert“ein und drücken Sie dann die Eingabetaste.

    Image
    Image

    Machen Sie die Augen

    Du könntest zwei kleine Kreise zeichnen, um die Augen zu machen, aber verwende dafür stattdessen das Textwerkzeug. Klicken Sie im Werkzeugbedienfeld auf das Textwerkzeug und dann auf die Leinwand. Wählen Sie im Eigenschafteninspektor Arial Regular als Schriftart, stellen Sie die Größe 72 ein und ändern Sie die Farbe in Schwarz. H alten Sie die "Bild"- oder Optionstaste gedrückt, während Sie die Taste mit der Zahl 8 drücken, wodurch ein Aufzählungszeichen entsteht. Drücken Sie dann die Leertaste, bevor Sie einen weiteren Aufzählungspunkt erstellen. alt="

    Image
    Image

    Schnabel machen

    Klicken Sie im Werkzeugbedienfeld auf das Polygonformwerkzeug. Wählen Sie im Bedienfeld „Eigenschaften“ein orangefarbenes Farbfeld für die Füllung oder geben Sie FF9933 in das Feld „Hex-Wert“ein. Machen Sie auch im Bedienfeld Eigenschaften den Strich schwarz mit einer Breite von 1.

    Wählen Sie als Nächstes Fenster > Eigenschaften der automatischen Form Klicken Sie auf die Polygonform und geben Sie an, dass Sie sowohl die Punkte als auch die Seiten haben möchten 3 und der Radius 180 Grad. Um das Dreieck kleiner zu machen, geben Sie 20 in das Wertfeld „Außenradius“ein. Die Zahl dafür hängt davon ab, wie groß das Dreieck zu Beginn war. Drücken Sie dann die Eingabetaste.

    Klicke mit dem Zeigerwerkzeug auf das Dreieck und ziehe es an die Stelle, an der es deiner Meinung nach für den Schnabel sitzen sollte.

    Image
    Image

    Schlauchtuch machen

    Das rote Ding, das am Schnabel eines Truthahns hängt, wird Snood genannt. Um einen zu erstellen, verwenden Sie das Zeichenstift-Werkzeug.

    Klicken Sie nach Auswahl des Zeichenstift-Werkzeugs im Bedienfeld „Werkzeuge“auf das Feld „Fläche“und wählen Sie ein rotes Farbfeld aus oder geben Sie FF0000 in das Feld „Hex-Wert“ein und drücken Sie die Eingabetaste.

    Klicken Sie mit dem Stiftwerkzeug, um Punkte zu erstellen, die einen Pfad bilden, und klicken und ziehen Sie manchmal, um einen abgerundeten Pfad zu erstellen. Wenn der letzte Punkt mit dem ersten verbunden ist, hast du eine Form gebildet, die wie ein Truthahn-Schlauch aussieht.

    Image
    Image

    Machen Sie die Beine

    Du kannst die Füllfarbe auf das gleiche Orange wie den Schnabel einstellen, indem du auf das Füllfeld und dann auf den Schnabel klickst. Machen Sie bei ausgewähltem Stiftwerkzeug die Strichfarbe schwarz und stellen Sie die Strichstärke im Eigenschaftenbedienfeld auf 2 ein.

    Verwenden Sie als Nächstes das Zeichenstift-Werkzeug, um Punkte zu erstellen, die eine Form bilden, die einem Truthahnbein ähnelt. Wählen Sie bei ausgewählter Form Edit > Duplicate Wählen Sie dann Modify > Transform > Horizontal spiegeln Positionieren Sie die Beine mit dem Zeigerwerkzeug dort, wo sie am besten aussehen.

    Image
    Image

    Größe reduzieren

    Auswählen Auswählen > Alle auswählen. Klicken Sie dann im Werkzeugbedienfeld auf das Skalierungswerkzeug. Es erscheint ein Begrenzungsrahmen mit Ziehpunkten, die nach innen oder außen verschoben werden können. Klicken Sie auf einen Eckgriff und verschieben Sie ihn nach innen, wodurch das Ganze kleiner wird, und drücken Sie dann die Eingabetaste.

    Während alle Ihre Formen noch ausgewählt sind, verwenden Sie das Zeigerwerkzeug, um den Truthahn an die richtige Stelle zu verschieben. Sie möchten, dass es tief auf der Leinwand zentriert ist.

    Image
    Image

    Machen Sie die Schwanzfedern

    Klicken und ziehen Sie mit dem Ellipsen-Werkzeug, um ein langes Oval zu bilden. Wählen Sie dann Bearbeiten > Duplizieren. Sie werden das Oval immer wieder duplizieren, bis Sie insgesamt fünf Ovale haben.

    Image
    Image

    Farbe ändern

    Wenn eines der Ovale ausgewählt ist, klicken Sie auf das Füllfeld und wählen Sie eine andere Farbe aus. Mache dies mit drei weiteren Ovalen und wähle für jedes eine andere Farbe.

    Image
    Image

    Ovale verschieben

    Klicken und ziehen Sie mit dem Zeigerwerkzeug über die fünf Ovale, um sie alle auszuwählen. Wählen Sie dann Ändern > Anordnen > Nach hinten senden. Dies führt dazu, dass die Schwanzfedern hinter den Truthahn fallen, wenn du sie an ihren Platz bewegst.

    Klicke von den Ovalen weg, um sie abzuwählen, dann klicke jeweils auf ein Oval und ziehe sie separat dorthin, wo sie nebeneinander und teilweise hinter dem Truthahn sitzen.

    Die Verwendung von Smart Guides kann helfen, die gegenüberliegenden Ovale gleichmäßig zu positionieren. Wenn Sie die Smart Guides bei der Arbeit nicht sehen, wählen Sie View > Smart Guides > Show Smart Guides.

    Image
    Image

    Ovale drehen

    Sie sollten die Ovale drehen und neu positionieren. Wählen Sie dazu eine aus und wählen Sie > transformieren > frei transformieren Klicken und ziehen Sie dann Ihren Cursor direkt außerhalb des Begrenzungsrahmens, um das Oval leicht zu drehen. Positionieren Sie das Oval mit dem Zeigerwerkzeug dort, wo es Ihrer Meinung nach am besten aussieht.

    Drehe die restlichen Ovale auf die gleiche Weise und positioniere sie an Ort und Stelle; gleichmäßig verteilen.

    Image
    Image

    Speichern und Speichern unter

    Wenn Sie sich Ihr Bild ansehen, sehen Sie, dass der Truthahn zu weit unten auf der Leinwand steht. Wählen Sie also Select > Select All und verwenden Sie dann das Zeigerwerkzeug, um den Truthahn zu platzieren in der Mitte der Leinwand. Wenn Sie mit dem Aussehen zufrieden sind, wählen Sie Datei > Speichern.

    Klicken Sie als Nächstes auf eine Schwanzfeder, um sie auszuwählen, dann auf das Füllfeld und wählen Sie eine andere Farbe aus. Tun Sie dies für jede Schwanzfeder und wählen Sie dann File > Save As. Benennen Sie die Datei turkey2 in eine PNG-Erweiterung um und klicken Sie auf Speichern.

    Image
    Image

    In Symbol umwandeln

    Choose File > Open, navigieren Sie zu Ihrer turkey.png-Datei und klicken Sie auf Open. Klicken Sie oben auf die Registerkarte turkey-p.webp" />Select > Select All Sie wählen dann Modify > Convert > Convert to Symbol Nennen Sie es Symbol 1, wählen Sie Grafik als Typ und klicken Sie dann auf OK.

    Klicken Sie auf die Registerkarte turkey2-p.webp

    Image
    Image

    Neuen Staat erstellen

    Klicken Sie zurück auf den turkey.png-Tab. Wenn Ihr Status-Bedienfeld nicht sichtbar ist, können Sie Window > States wählen. Klicken Sie unten im Bedienfeld „Status“auf die Sch altfläche „Neue doppelte Status“.

    Wenn Sie auf den ersten Staat klicken, um ihn auszuwählen, sehen Sie, dass er ein Symbol enthält. Wenn Sie auf den zweiten Staat klicken, sehen Sie, dass er leer ist. Um diesem leeren Zustand ein Symbol hinzuzufügen, wählen Sie Datei > Importieren >, navigieren Sie zu Ihrer Datei turkey2.png, klicken Sie auf Öffnen und dann erneut auf Öffnen. Klicken Sie dann auf die obere rechte Ecke der Leinwand, um die Datei an der richtigen Position zu platzieren. Wenn Sie jetzt zwischen dem ersten und dem zweiten Status klicken, sehen Sie, dass beide Bilder enth alten. Sie können auch unten im Fenster auf die Sch altfläche Wiedergabe/Stopp drücken, um eine Vorschau der Animation anzuzeigen.

    Wenn dir die Geschwindigkeit der Animation nicht gefällt, kannst du auf die Zahlen rechts neben jedem Zustand doppelklicken, um Anpassungen vorzunehmen. Je höher die Zahl, desto länger die Dauer.

    Image
    Image

    Animiertes-g.webp" />

    Wählen Sie zum Schluss File > Save As, benennen Sie die Datei um, wählen Sie Animated-g.webp" />.

    Um das Animations-g.webp

    Datei > Öffnen oder Datei öffnen. Navigieren Sie zu Ihrer gespeicherten animierten GIF-Datei, wählen Sie sie aus und klicken Sie darauf Öffnen Sie und genießen Sie die Früchte Ihrer Arbeit!

    Image
    Image

Empfohlen: