So animieren Sie einen rotierenden 3D-Globus mit Illustrator und Photoshop

Als IT-Experte werde ich oft gefragt, wie man einen rotierenden 3D-Globus mit Illustrator und Photoshop animiert. Hier ist ein kurzer Überblick über die erforderlichen Schritte: 1. Erstellen Sie zunächst ein neues Dokument in Illustrator und zeichnen Sie einen Kreis. 2. Fügen Sie als Nächstes dem Kreis eine Farbverlaufsfüllung hinzu und stellen Sie den Winkel auf 45 Grad ein. 3. Erstellen Sie dann eine neue Ebene in Photoshop und fügen Sie ein Foto eines Globus hinzu. 4. Verwenden Sie schließlich das Puppet Warp-Werkzeug, um den Globus zu animieren. Hier ist ein kurzes Video-Tutorial, das die erforderlichen Schritte zeigt:

Diese Lektion zeigt Ihnen, wie Erstellen oder erstellen Sie eine 3D-Globus-Animation, die sich dreht, dreht oder dreht mit Illustrator und Photoshop. Illustrator und Photoshop sind zwei der besten Grafikprogramme von Adobe. Beide haben einige Gemeinsamkeiten und Unterschiede. Sie fragen sich vielleicht, was der Unterschied ist. Wenn Sie beide verwenden, werden Sie feststellen, dass sie beide in unterschiedlichen Dingen gut sind.

Windows aktualisieren 8.1

So animieren Sie einen rotierenden 3D-Globus mit Illustrator und Photoshop

Illustrator und Photoshop mögen ihre Unterschiede haben, aber sie arbeiten gut zusammen. Beide haben ihre Stärken und Schwächen. Erstellen Sie mit Illustrator und Photoshop einen sich drehenden 3D-Globus. wird die Stärken aller nutzen, um ein wunderbares Kunstwerk zu schaffen. Illustrator wird für den 3D-Teil des Globus und die hinzugefügte Karte verwendet, während Photoshop für den animierten GIF-Teil zuständig ist.

1. Karte zu Symbolen hinzufügen
2. Erstellen Sie eine 3D-Kugel
3. Fügen Sie einer Kugel eine Karte hinzu
4. Machen Sie Fotos aus verschiedenen Winkeln der Welt
5. Bilder in Photoshop animieren
6. Halten

1] Karte zu Symbolen hinzufügen

Ein Schritt beim Erstellen eines Globus erfordert das Hinzufügen einer Weltkarte zur Kugel. Dazu muss die Weltkarte der Symbolpalette hinzugefügt werden. Suchen Sie die Weltkarte und öffnen Sie sie in Illustrator, halten Sie sie gedrückt und ziehen Sie sie in das Bedienfeld „Symbole“. Geben Sie dem Symbol einen Namen, wenn Sie möchten, und klicken Sie zum Schließen auf OK.

2] Erstellen Sie eine 3D-Kugel

Der nächste Schritt besteht darin, eine Kugel zu erstellen, die die Weltkarte enthält. Verwenden Sie das Ellipse-Werkzeug in Illustrator, um einen perfekten Kreis zu erstellen.

3] Fügen Sie der Kugel eine Karte hinzu

Der nächste Schritt besteht darin, der Kugel eine Weltkarte hinzuzufügen.

4] Machen Sie Fotos aus verschiedenen Winkeln der Welt

Der nächste Schritt besteht darin, verschiedene Seiten des Globus zu fotografieren. Dies ist wichtig, da zum Erstellen eines rotierenden animierten GIFs verschiedene Seiten zum Hinzufügen von Photoshop erforderlich sind. Um die Bilder zu erhalten, müssen Sie entscheiden, wie detailliert der sich drehende Globus aussehen soll. Je mehr Details Sie möchten, desto mehr Aufnahmen müssen Sie machen. Je mehr Bilder Sie aufnehmen möchten, desto länger dauert der Vorgang. Dieser Artikel zeigt nicht alle Bilder, sondern sammelt einige davon, um Ihnen eine Vorstellung davon zu geben, wie es gemacht wird.

Bilderfassung

Während Sie sich noch in der 3D-Rotationsoption befinden, sehen Sie einen 3D-Würfel. Sie werden feststellen, dass sich der Globus jedes Mal dreht, wenn Sie ihn drehen, und die andere Seite zeigt. Wenn Sie mehr Bilder wünschen und geduldig sind und Ihre Hand ruhig ist, können Sie den Würfel drehen, auf jeder Seite anhalten, die 3D-Rotationsoption schließen (ok drücken) und zu gehen Datei Dann Export , wählen Sie einen Dateinamen aus, der angibt, welche Seite und in welcher Reihenfolge, wählen Sie PNG als Dateityp und klicken Sie dann auf Halten . Der PNG-Dateityp stellt sicher, dass der Hintergrund nicht gespeichert wird.

Beim Seitentausch im 3D-Fenster ist aufgefallen, dass sich der Wert an der zweiten Rotationsposition ständig verändert. Die anderen Werte haben sich auch geändert, aber das zweite Kästchen von oben steuert die Drehung der Seitenansicht.

Bitte beachten Sie, dass Sie mehr Bilder aufnehmen müssen, wenn Sie einen detaillierteren rotierenden Globus wünschen. Sie können mehr Gesichter genauer erhalten, indem Sie Werte in das zweite Feld von oben eingeben. Stellen Sie den ersten Wert auf 18 Grad ein, und wenn Sie dieses Bild speichern, erhöhen Sie ihn weiter um 18 Grad, bis Sie 360 ​​erreichen. Dies bedeutet, dass Sie insgesamt zwanzig Werte eingeben und exportieren müssen. Zwanzig Bilder zur Verwendung in einem animierten GIF in Photoshop.

Wenn Sie nur ein paar Seiten anzeigen möchten, können Sie auf den Dropdown-Pfeil nach oben klicken. Position . Es erscheint ein Dropdown-Menü mit allen voreingestellten Positionen, klicken Sie auf eine der Positionen und die Kugel dreht sich. Dann drücken Sie jedes Mal ok und gehen dann zu Datei Dann Export , wählen Sie einen Dateinamen aus, der angibt, welche Seite und in welcher Reihenfolge, wählen Sie PNG als Dateityp und klicken Sie dann auf Halten . PNG Der Dateityp stellt sicher, dass der Hintergrund nicht gespeichert wird.

Wenn Sie den Globus aus vier Winkeln aufnehmen, damit er sich genau dreht, machen Sie Fotos Vorderseite Dann Rechts , Dann Zurück Dann links . Geben Sie ihnen Nummern in der Reihenfolge, in der sie in Photoshop auf der Timeline platziert werden sollen. So wird es aussehen Vorderseite 1 Dann Richtig 2 , Dann Zurück 3 Dann Links 4. Gehen Sie in der 3D-Perspektive zu Position und wählen Sie vier aus. Verwenden Sie diese Reihenfolge, um das GIF in Photoshop anzupassen.

5] Bilder in Photoshop animieren

Nachdem Sie nun den Globus erstellt und die Bilder gespeichert haben, ist es an der Zeit, die Animation in Photoshop zu erstellen. Dazu müssen Sie mithilfe der Zeitleiste von Photoshop ein animiertes GIF erstellen, um eine Frame-für-Frame-Videoform zu erstellen. Es ist, als würde man in ein physisches Buch zeichnen und dann durch die Seiten blättern, um die Bilder zu animieren. Diese Photoshop-Timeline funktioniert auf die gleiche Weise, sie verwendet Ebenen und Timing, um einen Bewegungseffekt zu erzeugen. Die Datei wird als GIF gespeichert. Das GIF-Format unterstützt Animationen.

Finden Sie archivierte E-Mails in Outlook

Zeitachse aktivieren

Es ist Zeit, die Bilder in Photoshop zu laden. Öffnen Sie Photoshop und erstellen Sie ein neues Dokument mit den gewünschten Abmessungen. Um ein neues Dokument zu öffnen, wählen Sie Datei und dann Neu oder klicken Sie auf Strg + Í . Das Fenster „Neues Dokumentoptionen“ wird angezeigt. Wählen Sie Optionen aus und klicken Sie darauf Bußgeld sie zu bestätigen. Dann gehst du zu Fenster Dann Grafik Und Grafik Die Benutzeroberfläche wird am unteren Rand des Leinwandbereichs angezeigt. Das erstellte Dokument ist das erste Bild auf der Zeitleiste.

Es ist Zeit, die Bilder in Photoshop zu platzieren. Es ist wichtig, die Bilder in der richtigen Reihenfolge auf der Zeitleiste zu platzieren. Die Reihenfolge, in der sie sich befinden, ist die Reihenfolge, in der sie gespielt werden. Sie können ein Bild in Photoshop laden, indem Sie entweder zu gehen Datei Dann Ort und finden Sie das Bild, klicken Sie darauf und klicken Sie auf 'Platzieren'. Der Befehl „Platzieren“ platziert das Bild auf der Leinwand. Sie können ein Bild auch öffnen, indem Sie zu gehen Datei Dann offen Suchen Sie dann das Bild, wählen Sie es aus und klicken Sie auf „Öffnen“. Diese Methode öffnet das Bild in einem neuen Dokument und Sie müssen es anklicken und in das gewünschte Dokument ziehen.

Das erste Bild nimmt den ersten Platz auf der Timeline ein. Stellen Sie sicher, dass dieses Bild das erste ist, von dem die Animation ausgeht. Das Bild wird auch im Ebenenbedienfeld sichtbar sein. Das zweite Bild kann nun in Photoshop platziert werden, folgen Sie den Anweisungen, um es in Photoshop zu platzieren. Bevor Sie ein Bild platzieren, gehen Sie zur Zeitleiste und klicken Sie auf die Schaltfläche Ausgewählte Ebene duplizieren Symbol. Die ausgewählte Ebene wird mit dem darauf befindlichen Bild und der benannten Ebene dupliziert Rahmen 2 wird im Ebenenbedienfeld platziert. Sie platzieren das neue Bild in Rahmen 2. Gehen Sie für jedes Bild wie folgt vor. Stellen Sie sicher, dass die Bilder die gleiche Größe haben und dass das letzte das vorherige Bild vollständig bedeckt, es sei denn, Sie erstellen einen Spezialeffekt. Nachdem alle Bilder in Photoshop auf der Timeline platziert wurden, beachten Sie, dass sie richtig ausgerichtet sind. Führen Sie einen Testlauf der Animation durch, indem Sie auf die Schaltfläche „Animation abspielen“ klicken, und sehen Sie, wie gut sie ausgerichtet sind. Machen Sie sich an dieser Stelle keine Gedanken über das Timing, Sie versuchen nur, die Ausrichtung und die Größenunterschiede zu beobachten.

Fehlerbehebung

Möglicherweise haben Sie ein Problem, bei dem die vorherigen Bilder die nachfolgenden Bilder beeinflussen und dort erscheinen, wo sie nicht sein sollten. Dies kann behoben werden, indem Sie die Menüschaltfläche ganz rechts in der Timeline finden, auf das Menü klicken und es deaktivieren. Die neue Ebene ist in allen Frames sichtbar . Im selben Menü ist es möglich, ein- und auszuschalten Erstellen Sie für jeden neuen Frame eine neue Ebene . Schalten Sie sie ein oder aus und sehen Sie, wie sie das Ergebnis beeinflussen.

Pinta Farbe

Wenn die Miniaturansichten auf der Zeitachse zu klein sind, drücken Sie die Menütaste auf der Zeitachse und wählen Sie aus Panel-Optionen . Die Optionen des Animationsbedienfelds werden geöffnet und Sie sehen die Optionen für die Miniaturansichtsgröße. Klein , Mitte , ich Groß . Mittel ist die Standardgröße. Sie können die Größe wählen, die für Sie bequem ist.

Hintergrundfarbe hinzufügen (optional)

Dieses Bild ist auf einem weißen Hintergrund.

Sie können die Animation noch besser machen, indem Sie einige zusätzliche Elemente hinzufügen, Sie können eine Hintergrundfarbe hinzufügen, um den Globus hervorzuheben. Um eine Hintergrundfarbe hinzuzufügen, gehen Sie zum Ebenenbedienfeld und klicken Sie auf die Hintergrundebene, gehen Sie zum unteren Rand des Ebenenbedienfelds und klicken Sie auf das Symbol „Neue Füll- oder Anpassungsebene erstellen“. Wählen Sie zwischen Volltonfarbe, Farbverlauf oder Muster. Dieser Artikel verwendet die Option Volltonfarbe. Verwenden Sie eine schöne Farbe, die den Globus hervorhebt. Sie können auch eine dunkle Farbe verwenden, um den Weltraum zu simulieren, und mit dem Pinselwerkzeug einige Sterne hinzufügen. Wenn Sie die Hintergrundfarbe hinzufügen, müssen Sie auf jeden Rahmen klicken und die Farbebene aktivieren.

Dieses Bild ist auf einem schwarzen Hintergrund mit Sternen.

Aufbauzeit

Dies ist der Teil, in dem Sie die Geschwindigkeit der Animation steuern. Wenn die Animation zu schnell ist, wird sie schwer zu sehen sein. Wenn es zu langsam ist, wird es langweilig zu sehen. Finden Sie eine Zeit, die weder zu schnell noch zu langsam ist. Wählen Sie die richtige Zeit, je nachdem, was sonst noch in der Animation enthalten sein könnte. Wenn es Informationen zu lesen gibt, verlangsamen Sie die Animationszeit, um genügend Zeit zum Lesen zu haben.

Um die Zeit anzupassen, gehen Sie zu jedem Frame und klicken Sie auf den Dropdown-Pfeil, wo die Sekunden angezeigt werden. Es erscheint ein Popup-Menü mit verschiedenen Zeitoptionen. Möglicherweise müssen Sie eine andere Zeit wählen und experimentieren, bis Sie die richtige gefunden haben. Sie können auch festlegen, dass jeder Rahmen eine andere Zeit hat.

Verwendung von prtsc in Windows 10

Sie können auch wählen, wie oft die Animation wiederholt wird, bevor sie stoppt.

Schauen Sie unter die Rahmen und Sie werden das Wort sehen Für immer . Dies ist die Standardzeit. Klicken Sie auf den Dropdown-Pfeil, um ein Menü zu öffnen, in dem Sie eine andere Anzahl von Malen auswählen können. Einmal , drei Mal Und Für immer eine bestimmte Anzahl von Malen, wenn Sie eine andere Anzahl von Malen als diese auswählen möchten, wählen Sie aus Andere und Sie haben die Möglichkeit, die gewünschte Anzahl von Malen einzugeben.

6] Speichern

Um als GIF zu speichern, gehen Sie zu Datei , Fürs Web speichern , und ein Dialogfeld wird angezeigt. Sie können einfach eine Vorschau des GIF anzeigen oder auf OK klicken, wenn Sie keine Änderungen vornehmen müssen. Das animierte GIF wird in jedem Webbrowser abgespielt. Das Dialogfeld „Für Web speichern“ verfügt über eine Vorschauschaltfläche, mit der Sie eine Vorschau des GIF anzeigen und eine Kopie des HTML-Codes anzeigen können.

Dies ist ein animierter, sich drehender Globus. Wenn Sie möchten, dass es glatter wird, benötigen Sie mehr Bilder, um die Kurven glatter zu machen. Es wurden weitere Effekte und Funktionen hinzugefügt, um das Kunstwerk zu verbessern. Sie können kreativ werden und hinzufügen, was Sie wollen.

Lesen : So erstellen Sie ein Muster mit dem Werkzeug für benutzerdefinierte Formen in Photoshop

Wie erstelle ich eine 3D-Form in Illustrator?

In Illustrator können Sie viele Formen in 3D erstellen, in einigen Fällen müssen Sie nur experimentieren. Wenn Sie eine 3D-Kugel möchten, erstellen Sie einfach einen Kreis in Illustrator, schneiden Sie ihn in zwei Hälften und löschen Sie die linke Seite, und verwenden Sie dann den 3D-Rotationseffekt. Anschließend können Sie der 3D-Kugel weitere Effekte hinzufügen.

Wie erstelle ich einen 3D-Kegel in Illustrator?

Das Erstellen eines 3D-Kegels im Illustrator ist sehr einfach, verwenden Sie einfach das Linienwerkzeug. Zeichnen Sie eine Linie und gehen Sie dann zu Wirkung Dann 3D Dann drehen , klicken Sie auf Vorschau und Sie werden sehen, wie sich die Linie in einen 3D-Kegel ändert. kannst du anklicken Bußgeld zum Schließen und Bestätigen von Änderungen