Erstellen Sie ein animiertes GIF eines handgezeichneten Pfeils

Ich möchte einen Pfeil entweder auf einem iPad oder dem Trackpad eines Macbooks von Hand zeichnen und ein animiertes GIF generieren, das die Zeichnung in Echtzeit „wiedergibt“.

Ich möchte, dass die Animation wie ein Pfeil aussieht, der mit einem schwarzen Markierungsstift auf ein Whiteboard gezeichnet wird – also nur eine schwarze Linie mit einem erbsengroßen kreisförmigen Pinselstrich und idealerweise auf einem transparenten Hintergrund, damit sie andere Dinge auf einer Webseite überlagern kann , obwohl ich als Problemumgehung mit einem weißen Hintergrund leben könnte.

Grundsätzlich möchte ich, dass der Pfeil am Ende so aussiehtBeispiel, wie der Pfeil aussehen sollte

Gibt es kostenlose oder kostenpflichtige Tools, mit denen ich ein solches animiertes GIF erstellen und exportieren kann?

Ich habe mir diese Frage angesehen, aber es scheint, als ob die Anforderung des OP in die entgegengesetzte Richtung zu meiner geht (Erzeuge eine Zeichenanimation aus einer bereits fertiggestellten Zeichnung). Ich bin mir also nicht sicher, ob diese akzeptierte Antwort für die umgekehrte Richtung gilt (ich verstehe es ehrlich gesagt nicht wirklich, aber wenn ja, werde ich es lernen!) Oder ob ich diese Lösung aus einer fertigen Version des Pfeils verwenden sollte, aber das scheint eine ziemlich komplexe Problemumgehung zu sein.

Ich würde dies tun, indem ich den letzten Pfeil Stück für Stück in der entgegengesetzten Reihenfolge lösche, in der sie gezeichnet werden. Vielleicht 30 oder 40 Stück insgesamt. Ich würde die GIF-/Animationsfunktion von Photoshop verwenden. Beim Löschen erstelle ich eine neue Ebene. Ordnen Sie diese Ebenen und optimieren Sie die Einstellungen. Angemessene Wiedergabegeschwindigkeit sollte das Auge täuschen. Nehmen Sie bei Bedarf kleinere Radiergummibisse.
@jqning Sie sollten dies zu einer Antwort machen, ich finde es eine bessere Lösung als die andere vorgeschlagene.

Antworten (4)

Im Wesentlichen machen Sie ein Bildschirmvideo der Arbeit und konvertieren diese Videoframes dann in ein GIF-Bild. Soweit mir bekannt ist, gibt es keine "automatische" GIF-Erstellungssoftware zum Aufnehmen von Bildschirmfilmen. Alles erzeugt eine Videodatei. Es gibt jedoch mehrere Apps, die diese Videodatei verwenden können, um ein GIF zu generieren.

Pfeil

Diese Meta-Frage könnte relevant sein: Wie kann man Screenshot-Videos als animierte Gifs in Antworten einbetten?

Ich denke, Sie möchten eine SVG-Datei erstellen. Hier gibt es eine ausgezeichnete kostenlose Windows-Software, die dies tut: https://inkscape.org/

Dann brauchen Sie etwas, das SVG-Dateien als Animationen ausführt. Ich benutze VideoScribe, was mich damals, als ich noch ein Stipendium bekam, einen hübschen Cent gekostet hat, aber wenn Sie sich in Google umsehen, werden Sie viele Apps finden, die die Arbeit erledigen.

GSAP hat eine DrawSVG-Bibliothek und es gibt andere ähnliche SVG-Animationsbibliotheken, die das Animieren von SVGs wie diesem einfach und konsistent in allen Browsern machen.

Sie könnten den Pfeil zeichnen, indem Sie ein Bewegungs-Tween in Adobe Flash CC erstellen und es dann im „.gif“-Format speichern. Alles, was Sie tun müssen, ist, zu "Einstellungen veröffentlichen" zu gehen und das Kontrollkästchen "gif" zu aktivieren und auf Ihrer Festplatte zu veröffentlichen.

Ich würde dies tun, indem ich den Pfeil zeichne, wie ich möchte, und dann den letzten Pfeil Stück für Stück in der entgegengesetzten Reihenfolge lösche, in der sie gezeichnet werden. Vielleicht 30 oder 40 Stück insgesamt. Ich würde die GIF-/Animationsfunktion von Photoshop verwenden. Beim Löschen erstelle ich eine neue Ebene. Ordnen Sie diese Ebenen und optimieren Sie die Einstellungen. Angemessene Wiedergabegeschwindigkeit sollte das Auge täuschen. Nehmen Sie bei Bedarf kleinere Radiergummibisse.

Erstellen Sie ein animiertes GIF eines handgezeichneten Pfeils
AntwortenHierDatenschutz-Bestimmungen1y, 0v