Animierte GIFs können sehr interessant sein, sie sind wie animierte Fotos oder kleine Videos, die in einem Foto stecken. Sie eignen sich hervorragend für kurze Werbung und können zu Websites und Links hinzugefügt werden. In diesem Tutorial zeigen wir es Ihnen So erstellen Sie ein animiertes GIF in Photoshop.
Erstellen Sie ein animiertes GIF in Adobe Photoshop
Um Ihr eigenes animiertes GIF mit Photoshop zu erstellen, folgen Sie einfach diesen einfachen Schritten:
- Starten Sie Photoshop
- Öffnen Sie Ihr Bild in Photoshop
- Deaktivieren Sie die Ebenensichtbarkeit für alle außer der ersten Folie
- Gehen Sie als Nächstes zu Fenster und klicken Sie dann auf Timeline
- Deaktivieren Sie hier „Neue Ebene in allen Frames sichtbar“.
- Um einen neuen Rahmen zu erstellen, klicken Sie auf Ausgewählten Rahmen duplizieren
- Wählen Sie das Bild aus, an dem es beginnen soll, und klicken Sie auf Tweens-Animationsbilder
- Sie können das animierte GIF weiter anpassen
- Sie können die Zeit ändern, während der es geöffnet bleiben soll, bevor zum nächsten Frame gewechselt wird
- Stellen Sie schließlich die Zeiten ein, zu denen das GIF wiederholt werden soll
- Sehen Sie sich Ihr animiertes GIF an und speichern Sie es.
Lassen Sie uns nun ins Detail gehen.
Planen Sie den Inhalt
Der Schlüssel zum Erfolg bei jedem Projekt ist die Planung. Bei dieser Animation ist es wichtig zu planen, was die Animation haben soll. Diese entscheiden, wie die Animation aussehen und funktionieren wird. Fragen Sie sich, was ist der Zweck der Animation? Ist es für Werbung? Ist es nur zum Spaß? Nachdem Sie diese Fragen beantwortet haben, wissen Sie, welche Ressourcen Sie benötigen, um das animierte GIF zu erstellen.
Sammeln Sie die Ressourcen
Nachdem Sie den Inhalt geplant haben, haben Sie sich nun für den Zweck des animierten GIF entschieden. Wenn es sich um Werbung handelt, dann gibt es Schlüsselelemente, die Sie benötigen. Was beworben wird, die Zielgruppe und die Informationen. Holen Sie sich Bilder der Artikel oder Dienstleistungen und erhalten Sie die Nummern, Adressen, Zeiten und Orte, wenn dies die benötigten Ressourcen sind. Die Zielgruppe entscheidet über die verwendeten Farben und wie auffällig Sie es machen.
Erstellen Sie die Animation
Hier kommt der lustige Teil, das animierte GIF zu erstellen. Hier fügen Sie all die lustigen Fähigkeiten zusammen, um das GIF zu erstellen, das für alle sichtbar ist. GIFs sind normalerweise klein und schnelllebig, daher müssen sie präzise und auf den Punkt gebracht werden. Das GIF sollte mit allen Geräten und Netzwerkgeschwindigkeiten kompatibel und interessant sein, damit andere es immer wieder ansehen und teilen möchten.
Öffnen Sie Photoshop und wählen Sie Neu, für die Bildoption wählen Sie eine Auflösung von 72 Pixel, die Größe als 350 x 300 Pixel, Farbmodus als RGB, und in der Erweiterten Option wählen Sie sRGB im Farbprofil. Die Abmessungen mögen klein erscheinen, aber denken Sie daran, dass das GIF klein sein muss, damit es Platz im Internet verbraucht und auf die meisten Geräte passt, ohne zu viel Platz zu verbrauchen. Wenn es jedoch nötig ist und der Platz nicht begrenzt ist, können Sie das GIF vergrößern, dies kann für ein Banner sein oder um eine große Werbefläche auf einer Website zu füllen.
Fügen Sie alle Inhalte hinzu, die Teil des animierten GIF sein sollen. Diese werden verschiedenen Ebenen hinzugefügt. Denken Sie daran, wenn es sich um eine Werbung handelt, möchten Sie Wörter hinzufügen, um das Publikum anzusprechen. Was auch immer auf jeder Folie angezeigt werden muss, wird durch die Ebenensichtbarkeit gesteuert.
Sobald alle Inhalte hinzugefügt sind, schalten Sie die Ebenensichtbarkeit für alle aus, außer für das, was Sie auf der ersten Folie anzeigen möchten. Denken Sie daran, dass Sie auch Zeichnungen machen können, dieses animierte GIF kann ähnlich wie eine Flip-Seite für Animationen funktionieren. Es kann auch so sein Wie macht man Animation, wo Teile von a Wie macht man Video- oder Bildershow zusammengestellt werden.
Um mit dem Erstellen zu beginnen, gehen Sie zu Windows und klicken Sie dann auf Timeline. Dadurch wird der Timeline-Bereich geöffnet, sodass Inhalte und Aktionen hinzugefügt werden können.
Deaktivieren Sie im Timeline-Fenster die Option Neue Ebene in allen Frames sichtbar
Klicken Sie, um einen neuen Rahmen zu erstellen Ausgewählten Rahmen duplizieren am unteren Rand des Zeitfensters. Diese Option macht es einfacher, denn wenn es sich um den neuesten Frame handelt, können Sie den neuen Inhalt an der richtigen Stelle ausrichten, insbesondere wenn Sie einen an eine andere Stelle oder einen anderen Winkel verschieben müssen. Dies erleichtert Bewegungen, wenn die Dias spielen.
Sie können eine hinzufügen Verblassen Übergang zwischen den Folien nennt man das Tweening. Wählen Sie den Frame aus, an dem er beginnen soll, und klicken Sie Tweens-Animationsrahmen. Je mehr Frames Sie hinzufügen, desto größer wird die Datei, also tween Sie mit Bedacht.
Unterhalb des Zeitrahmenfensters befinden sich einige Steuerelemente zum Anpassen des animierten GIF. Sie können jeden Rahmen an Ihre gewünschte Zeit anpassen. Achten Sie jedoch darauf, die wichtigen Informationen länger besser sichtbar zu machen. Sie können auch auswählen, wie oft das animierte GIF wiederholt werden soll, bevor es endet. Dreimal sollte gut sein. Dadurch kann der Inhalt richtig angezeigt werden, dann das animierte GIF-Ende, um nicht langweilig zu werden oder zu viele Ressourcen der Zuschauer zu verbrauchen. Es gibt die Steuerschaltflächen mit Wiedergabe, damit Sie die Animation in der Vorschau anzeigen können. Allen Frames kann durch Halten die gleiche Dauer gegeben werden Strg + Klicken und wählen Sie alle aus, dann wählen Sie die Zeit aus.
Um als GIF zu speichern, gehen Sie zu Datei, Für Web speichern, und ein Dialogfeld wird angezeigt. Sie können das GIF einfach in der Vorschau anzeigen oder auf OK drücken, wenn Sie keine Änderungen vornehmen müssen. Sie können jetzt das von Ihnen erstellte animierte GIF teilen. Das animierte GIF wird in jedem Webbrowser abgespielt. Im Dialogfeld „Für Web speichern“ gibt es eine Vorschau-Schaltfläche, die eine Vorschau des GIF anzeigt und eine Kopie des HTML-Codes anzeigt.
Oben ist die grundlegende fertige GIF-Animation. beobachten und sehen, wie es mit einer konstanten Geschwindigkeit spielt. Die wichtigen Informationen dürfen lange genug auf dem Bildschirm bleiben, um lesbar zu sein, aber nicht zu lange, um langweilig zu werden.
Lesen: Adobe Illustrator Tipps und Tricks für Anfänger.
Warum sind animierte GIFs wichtig?
Animierte GIFs sind wichtig, weil sie zu lustigen Werbeanzeigen gemacht werden können, die auf Websites platziert werden können. Animierte GIFs können einfach erstellt und dann auf Websites platziert und Links hinzugefügt werden, um das Feedback der Benutzer zu testen. Dennoch können Bilder als Werbung die Besucher Ihrer Website möglicherweise nicht ansprechen und Videos können zu groß sein, sodass animierte GIFs genau das Richtige sind, um das Interesse zu wecken, ohne Ressourcen zu opfern.
Lesen: So krümmen Sie Text um ein Bild in Photoshop
Verbrauchen animierte GIFs viele Ressourcen?
Animierte GIFs sind normalerweise klein und nehmen nicht viel Platz ein. Bei der Erstellung ist es am besten, präzise zu sein und kleine Mengen an Inhalten zu verwenden, die die Botschaft vermitteln. Auf diese Weise verbrauchen Sie nur wenig Platz auf Ihrer Website.
