Wie bekomme ich mehr von Gifs

Sep 13, 2025
wie man

GIFs arbeiten in nahtlosen Zyklen, die Rebecca Mock. beschreibt als "perfekte Schleife". Diese Schleife sollte den ersten und letzten Frame ideal löschen, so dass jeder Rahmen der erste sein könnte. Wenn Sie Ihr eigenes GIF handwerklich machen, machen Sie eine Priorität ein - es verursacht den Betrachter weniger Ablenkungen und fügt faszinierende, visuelle Zinsen hinzu. Mock schlägt außerdem vor, einen zusätzlichen Rahmen hinzuzufügen: "Lass die Pause nur ein bisschen länger dauern", sagt sie. "Der Raum zwischen zwei Aktionen kann viel implizieren."

This GIF was made for PC World to accompany an article about the app Evernote

Dieser GIF wurde für PC-Welt gemacht, um einen Artikel über die App zu begleiten (Bildkredite: Rebecca Mock)

Grundlegende Techniken

Die Grundlagen der Bewegung können erweitert und in komplexe Animationen eingebaut werden. Wenn Sie anfangen, Ihr Bild zu erstellen Photoshop CC. , sei sicher, dass es organisiert ist. Arbeiten Sie in Schichten und animieren Sie jedes Stück separat. Auf diese Weise, wenn Sie ein Element später ändern müssen, ist es einfach, ihn zu isolieren, ohne den Rest Ihrer harten Arbeit rückgängig zu machen.

Die Positionierung kann manuell oder durch Einstellen von Start- und Endpunkten erfolgen und Photoshop eingestellt werden Verwenden des Cursors und Ziehen des Objektrahmens mit dem Rahmen erzeugt einen unregelmäßigen Pfad. Tweening - Generieren von Zwischenrahmen zwischen zwei Bildern - geben ihm eine stetige Bewegung.

Bild 2 von 7

Select which frame to tween and the number of frames you want to add.

Wählen Sie Welchen Frame auf Tween und die Anzahl der Frames, die Sie hinzufügen möchten.

02. Wählen Sie einen Rahmen aus

Bild 3 von 7

Start the flicker effect by creating a straight line with a rough edge.

Starten Sie den Flicker-Effekt, indem Sie eine gerade Linie mit einer rauen Kante erstellen.

03. Beginnen Sie den Effekt

Bild 4 von 7

Copy and paste the rough edge at the top of your original line.

Kopieren Sie die raue Kante an der Spitze Ihrer ursprünglichen Zeile.

04. Kopieren und einfügen

Bild 5 von 7

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker.

Erstellen Sie eine Schichtmaske, um einen Teil der Zeile zu verschleiern. Wenn animiert, ähnelt es einem Flimmern.

05. Schichtmaske

Bild 6 von 7

Hold down the Shift key to rotate a shape in 15 degree increments.

Halten Sie die Umschalttaste gedrückt, um eine Form in Schritten von 15 Grad zu drehen.

06. Drehen Sie die Form

Bild 7 von 7

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette.

Mit dem Web-Panel speichern können Sie Ihre gespeicherten Farben anpassen. Wenn Sie einen Farbton lösen, können Sie es von Ihrer Palette entfernen.

07. SAVE.

Mock mag es, den Flimmern / Fading-Effekt für Dampfaufstände und Flammen zu verwenden. Zeichnen Sie, um es zu erstellen, zeichnen Sie eine gerade Linie mit einer rauen Pinsel. Fügen Sie eine Schichtmaske (z. B. eine Flamme) hinzu, sodass ein Teil davon verdeckt ist. Machen Sie dann eine saubere Schleife mit einer Musterherstellungsmethode - schneiden Sie Ihre Zeile in der Hälfte und bewegen Sie die raue Unterkante auf die Oberseite der Linie, und füllen Sie die Mitte und überlappen Sie die Schichtmaske. Verwenden Sie den Tween-Befehl, um sicherzustellen, dass sich die Leitung mit einer konsistenten Geschwindigkeit vertikal bewegt. An diesem Punkt sollten die Schleifen nahtlos sein.

Die drehende und rotierende Bewegung erzeugt mit winzigen, inkrementellen Umdrehungen eines Objekts. Machen Sie einen unregelmäßig förmigen Kreis und bewegen Sie ihn in 16 bis 24 Schritten, bis Sie eine volle Kurve haben; Halten Sie die Umschalttaste gedrückt, um ihn in 15-Grad-Inkrementen zu drehen.

Creation Can Change The World was made for Sony Digital Entertainment.

Die Kreation kann die Welt verändern, wurde für Sony Digital Entertainment gemacht. (Bildkredite: Rebecca Mock)

Exportieren Ihrer Arbeit.

Wenn Sie Ihr GIF exportieren, kann der letzte Schritt sein, aber Sie sollten während Ihres gesamten Prozesses darüber nachdenken. Je mehr Pixel, die sich bewegen, desto größer ist die Dateigröße und ist idealerweise ein GIF, das unter 1 MB ist. GIF-Dateien sind auf die Verwendung von 256 Farben beschränkt, und Dinge wie schwere Texturen und Farbverläufe komprimieren nicht gut - Sie sind besser mit flachen Farben und scharfen Kanten, wodurch Dateien überschaubar und einfach zum Hochladen im Internet hält.

Dieser Artikel erschien ursprünglich in Computerkunst Ausgabe 259; Kaufen Sie es hier. Schnitte

Themen
Grafik-Design

wie man - Die beliebtesten Artikel

So erstellen Sie digitale Plein-Luftbilder

wie man Sep 13, 2025

Holen Sie sich draußen, um großartige Kunst zu schaffen (Bildkredite: Mike Mc Kain) Es gibt so viele gr..


So komprimieren Sie Bilder: einen Webdesignerhandbuch

wie man Sep 13, 2025

Die Durchschnittsgeschwindigkeit einer modernen Internetverbindung lässt sich sehr futuristisch an Webmeistern der Vergangenheit..


Ein Leitfaden für die Cloud-Vision von Google

wie man Sep 13, 2025

Maschinelles Lernen. Tiefes Lernen. Verarbeitung natürlicher Sprache. Computer Vision. Automatisierung. Spracherkennung. Sie hab..


So erstellen Sie eine Alexa-Skill für Ihre Website

wie man Sep 13, 2025

Viele von uns haben jetzt eine Art Sprachassistent rund um das Haus, sei es ein Amazon-Echo, Apple-Homepod oder ein Google-Zuhaus..


Erstellen Sie mengenspezifische CSS-Stile und -layouts

wie man Sep 13, 2025

In diesem Tutorial werfen wir uns einen Blick auf Wege, um die CSS-Stile der Elemente zu ändern, und scheinbar scheinbar ihre El..


Erstellen Sie ein einfaches Farbdiagramm

wie man Sep 13, 2025

Mit Griffe mit Farbheftheorie kann ein bisschen zu viel erscheinen, als ob Mathe oder Wissenschaft lernen. Sie können das Gefühl haben, Sie möchten nur kreativ sein und sich..


Wie man ein Stadtbild mit Farbblöcken malt

wie man Sep 13, 2025

Atemberaubende Ansichten, atemberaubende Skylines und wunderschöne Stadtlandschaften machen tolle Fotos, können aber vom Standp..


Erstellen einer Meteor-Dusche in 3ds max

wie man Sep 13, 2025

Wenn Sie eine 3D-Meteor-Dusche für eine Szene oder ein Projekt machen möchten, können Sie einen photorealistischen Meteor-Dusc..


Kategorien