In diesem Lernprogramm lernen Sie, wie Sie mit Fireworks CS6 eine animierte GIF eines Truthahns mit Schwanzfedern erstellen, die ihre Farbe ändern. Zunächst müssen Sie eine Illustration erstellen und duplizieren. Anschließend nehmen Sie Änderungen an einer Illustration vor, konvertieren beide in Symbole, erstellen einen zweiten Status und zeigen eine Vorschau der Animation an. Schließlich ändern Sie die Dauer beider Zustände, speichern die Datei als animierte GIF-Datei und zeigen sie in Ihrem Browser an.
Animierte GIF der Türkei in Feuerwerk
Obwohl Fireworks CS6 in diesem Lernprogramm verwendet wird, sollten Sie die neuesten Versionen von Fireworks oder sogar Photoshop mitverfolgen können.
Beachten Sie, dass Adobe Fireworks CC nicht mehr als Teil der Creative Cloud anbietet. Wenn Sie nach Fireworks suchen, finden Sie diese im Abschnitt Weitere Apps suchen der Creative Cloud. Wenn Adobe ankündigt, dass Anwendungen nicht mehr unterstützt oder aktualisiert werden, können Sie davon ausgehen, dass es nur eine Frage der Zeit ist, bis die Anwendung verschwindet.
02 von 20Erstellen Sie ein neues Dokument
Zuerst legen Sie ein neues Dokument an, indem Sie wählen Datei> Neu. 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ß für die Leinwandfarbe und OK klicken.
Als nächstes wählen Sie Datei> SpeichernBenennen Sie die Datei Truthahn Wählen Sie mit einer PNG-Erweiterung aus, wo Sie sie speichern möchten Klicken Sie auf Speichern.
03 von 20Zeichne einen Kreis
Klicken Sie im Bedienfeld Werkzeuge auf das Feld Strichfarbe, wählen Sie Schwarz und dann das Feld Füllfarbe aus, und wählen Sie ein braunes Farbfeld aus oder geben Sie in das Feld für die Hex-Nummer # 8C4600 ein.
Nehmen Sie im Eigenschaftenbedienfeld die Strichbreite um 2 Pixel vor. Wählen Sie dann das Werkzeug Ellipse im Bedienfeld Werkzeuge aus. Klicken Sie dazu auf den kleinen Pfeil neben dem Werkzeug Rechteck oder anderen sichtbaren Formwerkzeugen. Halten Sie die Umschalttaste gedrückt, und klicken Sie, um einen großen Kreis zu erstellen. (Durch die Verschiebung wird sichergestellt, dass der Kreis perfekt rund ist.)
04 von 20Zeichne einen anderen Kreis
Halten Sie die Umschalttaste erneut gedrückt, während Sie einen anderen 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 möchten, dass sich der obere Kreis wie gezeigt überlappt.
05 von 20Zeichnen Sie ein abgerundetes Rechteck
Zeichnen Sie mit dem Werkzeug "Abgerundetes Rechteck" ein Rechteck. Verschieben Sie es mit dem Zeigerwerkzeug an seinen Platz. Sie möchten, dass er zentriert ist und den unteren Rand des kleinen Kreises leicht überlappt.
06 von 20Pfade kombinieren
Halten Sie die Umschalttaste gedrückt, während Sie auf den kleinen Kreis und dann auf das abgerundete Rechteck klicken. Dadurch werden beide Formen ausgewählt. Dann wähle Pfade kombinieren> Vereinigen.
07 von 20Farbe ändern
Klicken Sie im Bedienfeld Werkzeuge auf das Feld Füllen und wählen Sie ein Creme-Farbfeld aus oder geben Sie # FFCC99 in das Feld Hex ein, und drücken Sie die Eingabetaste.
08 von 20Machen Sie die Augen
Sie können zwei kleine Kreise zeichnen, um die Augen zu zeichnen, aber verwenden Sie stattdessen das Textwerkzeug. Klicken Sie im Bedienfeld Werkzeuge auf das Textwerkzeug und dann auf die Leinwand. Wählen Sie im Eigenschafteninspektor Arial Regular als Schriftart, legen Sie die Größe 72 fest und ändern Sie die Farbe in Schwarz. Halten Sie die Alt-Taste oder die Options-Taste gedrückt, während Sie die Taste gedrückt halten und die Zahl 8 drücken. Drücken Sie dann die Leertaste, bevor Sie eine weitere Kugel erstellen.
09 von 20Mach den Schnabel
Klicken Sie im Bedienfeld Werkzeuge auf das Formwerkzeug Polygon. Wählen Sie im Eigenschaftenfenster ein orangefarbenes Farbfeld für die Füllung aus, oder geben Sie im Feld Hex-Wert # FF9933 ein. Machen Sie im Eigenschaftenfenster den Strich schwarz mit einer Breite von 1.
Als nächstes wählen Sie Fenster> Eigenschaften für automatische Form. Klicken Sie auf die Polygonform und geben Sie an, dass sowohl die Punkte als auch die Seiten 3 und der Radius 180 Grad betragen sollen. Um das Dreieck zu verkleinern, geben Sie 20 in das Feld für den äußeren Radius ein. Die Anzahl dafür hängt davon ab, wie groß das Dreieck war. Drücken Sie dann die Eingabetaste.
Klicken Sie mit dem Zeigerwerkzeug auf das Dreieck und ziehen Sie es an die Stelle, an der es sich für den Schnabel halten sollte.
10 von 20Machen Sie das Snood
Das rote Ding, das an einem Truthahnschnabel hängt, wird Snood genannt. Um eines zu erstellen, verwenden Sie das Stiftwerkzeug.
Klicken Sie nach Auswahl des Stiftwerkzeugs im Bedienfeld Werkzeuge auf das Feld Füllen, wählen Sie ein rotes Farbfeld aus, oder geben Sie # FF0000 in das Feld Hex ein, und drücken Sie die Eingabetaste.
Klicken Sie mit dem Zeichenstift-Werkzeug auf, 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, haben Sie eine Form gebildet, die wie ein Truthahn-Snood aussieht.
11 von 20Machen Sie die Beine
Sie können die Füllfarbe auf das gleiche Orange wie der Schnabel setzen, indem Sie auf das Füllfeld und dann auf den Schnabel klicken. Wenn das Stiftwerkzeug ausgewählt ist, machen Sie die Strichfarbe schwarz und setzen Sie die Strichbreite im Eigenschaftenfenster auf 2.
Als Nächstes erstellen Sie mit dem Zeichenstift Punkte, die eine Form bilden, die einem Bein eines Truthahns ähnelt. Wenn die Form ausgewählt ist, wählen Sie Bearbeiten> Duplizieren. Dann wähle Ändern> Transformieren> Horizontal spiegeln. Positionieren Sie die Beine mit dem Zeigerwerkzeug dort, wo sie am besten aussehen.
12 von 20Größe reduzieren
Wählen Wählen Sie> Alle auswählen.Klicken Sie dann im Werkzeugfenster auf das Skalierungswerkzeug. Ein Begrenzungsrahmen wird mit Ziehpunkten angezeigt, die nach innen oder außen verschoben werden können. Klicken Sie auf einen Eckgriff und bewegen Sie ihn nach innen, um das Ganze zu verkleinern, und drücken Sie dann die Eingabetaste.
Wenn alle Ihre Formen noch ausgewählt sind, verwenden Sie das Zeigerwerkzeug, um den Truthahn in Position zu bringen. Sie möchten, dass er auf der Leinwand zentriert ist.
13 von 20Machen Sie die Schwanzfedern
Klicken und ziehen Sie mit dem Ellipse-Werkzeug, um ein langes Oval zu bilden. Dann wähle Bearbeiten> Duplizieren. Sie werden das Oval immer wieder duplizieren, bis Sie insgesamt fünf Ovale haben.
14 von 20Ändern Sie die Farbe
Klicken Sie bei einer der ausgewählten Ovalen auf das Feld "Ausfüllen" und wählen Sie eine andere Farbe aus. Tun Sie dies mit drei weiteren Ovalen und wählen Sie für jedes eine andere Farbe.
15 von 20Ovale verschieben
Klicken Sie mit dem Zeigerwerkzeug auf die fünf Ovale und ziehen Sie sie, um sie alle auszuwählen. Dann wähle Ändern> Anordnen> In den Hintergrund senden. Dies führt dazu, dass die Schwanzfedern hinter den Truthahn fallen, wenn Sie sie in Position bringen.
Klicken Sie von den Ovalen weg, um die Auswahl aufzuheben, und klicken Sie dann auf ein Oval, und ziehen Sie sie einzeln dahin, wo sie nebeneinander und teilweise hinter dem Truthahn sitzen.
Die Verwendung von intelligenten Hilfslinien kann helfen, die gegenüberliegenden Ovale gleichmäßig zu positionieren. Wenn Sie die Smart Guides nicht bei der Arbeit sehen, wählen Sie Ansicht> Smart Guides> Smart Guides anzeigen.
16 von 20Ovale drehen
Sie möchten die Ovale drehen und neu positionieren. Markieren Sie dazu eine und wählen Sie Ändern> Transformieren> Freie Transformation. Klicken Sie dann mit der Maus und ziehen Sie den Cursor etwas außerhalb des Begrenzungsrahmens, um das Oval leicht zu drehen. Positionieren Sie das Oval mit dem Zeigerwerkzeug an der Stelle, an der es Ihrer Meinung nach am besten aussieht.
Drehen Sie die restlichen Ovale auf dieselbe Weise und positionieren Sie sie. sie gleichmäßig verteilen.
17 von 20Speichern und Speichern unter
Wenn Sie Ihr Bild betrachten, werden Sie feststellen, dass der Truthahn auf der Leinwand zu niedrig ist. Wählen Sie also Wählen Sie> Alle auswählenVerwenden Sie dann das Zeigerwerkzeug, um den Truthahn in der Mitte der Leinwand zu platzieren. Wenn Sie mit dem Aussehen zufrieden sind, wählen Sie Datei> Speichern.
Klicken Sie anschließend auf eine Schwanzfeder, um sie auszuwählen, klicken Sie dann auf das Füllfeld und wählen Sie eine andere Farbe. Tun Sie dies für jede Schwanzfeder, und wählen Sie dann Datei> Speichern unter. Benennt die Datei um, türkei2 mit einer PNG-Erweiterung und klicken Sie auf Speichern.
18 von 20In Symbol konvertieren
Wählen Datei> Öffnen, navigieren Sie zu Ihrer Datei turkey.png und klicken Sie auf Öffnen. Klicken Sie oben auf die Registerkarte turkey.png und wählen Sie Wählen Sie> Alle auswählen. Sie wählen dann Ändern> Konvertieren> In Symbol konvertieren. Nennen Sie es als Symbol 1, wählen Sie als Typ "Grafik" und klicken Sie auf "OK".
Klicken Sie auf die Registerkarte turkey2.png und tun Sie dasselbe, nur Sie nennen dieses Symbol 2.
19 von 20Erstellen Sie einen neuen Zustand
Klicken Sie wieder auf die Registerkarte turkey.png. Wenn Ihr Statusfeld nicht sichtbar ist, können Sie wählen Fenster> Zustände. Klicken Sie am unteren Rand des Statusfensters auf die Schaltfläche New Duplicate States.
Wenn Sie auf den ersten Status klicken, um ihn auszuwählen, sehen Sie, dass er ein Symbol enthält. Wenn Sie auf den zweiten Status klicken, sehen Sie, dass er leer ist. Um diesem leeren Zustand ein Symbol hinzuzufügen, wählen Sie Datei> Importieren> navigieren Klicken Sie in Ihrer Datei turkey2.png auf Öffnen und dann erneut auf Öffnen. Klicken Sie dann auf die obere rechte Ecke der Leinwand, um die Datei an der richtigen Stelle zu platzieren. Wenn Sie jetzt zwischen dem ersten und dem zweiten Status klicken, sehen Sie, dass beide Bilder enthalten. Sie können auch die Play / Stop-Taste am unteren Rand des Fensters drücken, um eine Vorschau der Animation anzuzeigen.
Wenn Sie die Geschwindigkeit der Animation nicht mögen, können Sie auf die Zahlen rechts neben jedem Status doppelklicken, um Anpassungen vorzunehmen. Je höher die Zahl, desto länger dauert die Dauer.
20 von 20Animiertes GIF speichern
Zum Schluss wählen Sie Datei> Speichern unter, benennen Sie die Datei um, wählen Sie Animated GIF (* .gif) und klicken Sie dann auf Speichern.
Um die Animation GIF in Ihrem Browser zu öffnen und abzuspielen, starten Sie Ihren Browser und wählen Sie Datei> Datei öffnen oder öffnen. Navigieren Sie zu Ihrer gespeicherten Animated GIF-Datei, wählen Sie sie aus, klicken Sie auf Öffnen und genießen Sie die Früchte Ihrer Arbeit!
Aktualisiert von Tom Green
