Ich versuche, ein paar kurze animierte Gifs über Illustrator zu erstellen, mit kleinen, schrittweisen Zeichenübungen.

Ich könnte erläuternden Text in einige Frames einfügen, aber ich würde es vorziehen, dies nicht zu tun. Vielleicht kommt es später darauf an, wo es landet. Ich kann mit den verwendeten Werkzeugen eine Textzeile hinzufügen.

Deshalb würde ich gerne wissen, ob so etwas wie die Animation unten für jemanden mit grundlegenden KI-Kenntnissen verständlich genug ist.

Vielen Dank für alle Kommentare. Manchmal, wenn Sie in ein noch so kleines Projekt eintauchen, werden Sie ein wenig blind. Deshalb habe ich die Frage gestellt. Jeder Kommentar ist sehr nützlich und ich werde alles im Auge behalten.

Es ist einfach, die Schritte bei der Erstellung des Stuhls zu sehen, zu befolgen oder zu verstehen (?).

Es wird nichts darüber gesagt, wie es gemacht wird, welche Werkzeuge mit welchen Verknüpfungen verwendet werden, außer dem sich ändernden Cursor und den hervorgehobenen Knoten.

Wenn dies ein Lernprogramm ist, muss es genauer erklärt werden.

Wenn es sich um eine Grafik zum Illustrationsprozess handelt, funktioniert sie wie sie ist.

Ich denke, ohne zu wissen, welche Tools was getan haben, welche Verknüpfungen was getan haben und wie einfache Dinge wie das Umkehren des Füll- / Strichs zu tun sind, fehlt das GIF möglicherweise im Detail für unerfahrene Benutzer. Es gibt einfach zu viel "Unbekanntes", wenn Sie mit den Funktionen von Werkzeugen / Verknüpfungen in Illustrator nicht vertraut sind.

Im Gegensatz zu mir, es ist sehr einfach, klar und einfach , wenn Sie tun die Werkzeuge, Funktionen verstehen und Verknüpfungen. Vielleicht mit so wenig Erklärung, dass ein bestimmtes GIF ein "Intermediate User" -GIF sein könnte?

Es gibt ein paar Dinge, die Sie tun können, um diese gute Idee zu verbessern und sie nicht schrecklich zu machen.

1. Sie müssen unbedingt Bildschirmtasten hinzufügen.
2. Sie sollten es in Schritte aufteilen und mehrere Gifs verwenden, um zu zeigen, was Sie getan haben, anstatt nur ein einziges langes Gif. Das beseitigt das Problem, das Scott angesprochen hat, dass Gifs zu lang sind.
3. Ergänzen Sie das GIF mit einer Beschreibung dessen, was Sie getan haben.
4. Stellen Sie eine Download-Datei mit dem vollständigen Projekt bereit.

EDIT: Ich dachte noch etwas darüber nach.

Gif-Technologie ist schrecklich, wenn Sie keine lustigen kurzen Clips hosten.

Gif ist mit Abstand die schlechteste Videokomprimierung, die jemals erfunden wurde. Google und imgur haben grundsätzlich versucht, gif komplett mit webm zu bestrahlen, sind aber massiv gescheitert.

Was Google jetzt tut, wenn Sie nach animierten Gifs suchen, ist, dass die Vorschau als VP9, ​​h264 oder ähnliches neu codiert wird. Es spart viel Platz und lädt viel schneller. Wenn Sie auf die Vorschau klicken, wird die aktuelle GIF-Datei geladen.

Die Verwendung eines echten Videokomprimierungsformats hat viele Nachteile. Zum einen ist die Lizenz für die Nutzung von h264 teuer . Sie müssten sich auf einen anderen Dienst wie YouTube verlassen, um ihn zu hosten, damit Sie nicht befürchten müssen, verklagt zu werden. Ihre Website-Besucher können die Videos von YouTube nicht so einfach herunterladen wie mit einem GIF.

Wenn Sie sich nicht auf YouTube als Host verlassen möchten, können Sie es in einem Open-Source-Videoformat kodieren.

https://en.wikipedia.org/wiki/List_of_open-source_codecs

Ehrlich gesagt bin ich mir nicht mal sicher, ob einige der Open Source Codecs legal sind. Aus diesem Grund hat Google an AV1 gearbeitet, was immer noch scheiße ist.

Nutze einfach YouTube

Alle kurzen Clips, die Sie als GIF speichern möchten, sollten Sie einfach auf YouTube hosten und in Ihre Website einbetten. Sie müssen nicht wie alle anderen ein langes YouTube-Tutorial erstellen. Brechen Sie es einfach in Teile, wie Sie es mit GIF tun würden, und betten Sie die Videos an den gleichen Stellen neben ergänzenden Texterklärungen ein, wie ich sagte, Sie sollten mit den GIFs arbeiten. Alles wird viel schneller auf Ihrer Website geladen.

EDIT 2:

Zur Verdeutlichung etwas Rauschen in den Kommentaren.

Es gibt keinen wirklichen Unterschied zwischen einem YouTube-Video und einem Gif. Sie sind beide Videoformate. Der Unterschied besteht darin, dass ein YouTube-Video schneller geladen wird, eine bessere Farbe hat und auch pausieren kann (Pause ist sehr wichtig).

.Gif wird Ihnen eine Menge Artefakte liefern und Farben falsch anzeigen, denn so funktioniert Gif.

Wo immer Sie also auf Ihrer Website das 4-Sekunden-GIF platzieren, ist es ein 4-Sekunden-Video. Warum möchten Sie an dieser Stelle immer noch GIF verwenden? Wenn du Videos von YouTube verwendest, kannst du sie vor der Öffentlichkeit verbergen, sodass sie nur auf deiner Website angezeigt werden.

Wenn Sie es so machen, wie ich es vorschlage, sparen Sie sich viel Stress und können es auf Mobiltelefonen ohne Hochgeschwindigkeitsdaten problemlos anzeigen.

Ich verwende sporadisch Illustrator, habe aber vollständige Photoshop-Kenntnisse.

Ich könnte vage erraten, welche Tools Sie verwenden, habe aber keine Ahnung, welche Shortcodes Sie drücken ... Ich würde nicht wissen, wie ich einen Teil dieses Pfades auswählen und ihn dann auf magische Weise umdrehen kann, wie Sie es getan haben.

Meine Vermutung ist also, dass jemand über ein umfassenderes Wissen verfügt, als es "sporadisch" zu verstehen wäre, aber dann frage ich mich, ob er nicht schon wissen würde, wie man eine Zeichnung wie diese erstellt?

Etwas anderes, worüber ich mir persönlich Sorgen mache, ist das Fehlen einer Pause-Taste. Wenn ich jemals den Überblick verliere, wird es meiner Meinung nach schwierig sein, wieder einzusteigen.

Ich würde das GIF verlassen, es sei denn, es ist eine wirklich kurze Animation, und stattdessen ein Video verwenden. Die Möglichkeit zum Anhalten und Scrollen erleichtert das Anschauen und Ausprobieren erheblich.

In einer Ecke füge ich ein kleines Fenster hinzu, in dem die gedrückten Tasten (V zum Auswählen usw.) und deren Bedeutung (Auswahlwerkzeug), die gedrückten und gehaltenen Tasten (Alt zum Ziehen der Kopie) und die Mausangaben angezeigt werden Schaltflächen werden angeklickt, doppelt angeklickt oder gehalten.

Und beschreiben Sie in der ersten Lektion, was Ihre Buchstaben und Inkonsequenzen bedeuten. Sie können ein paar erste Frames opfern, um Titel anzuzeigen, nur um daran zu erinnern, was das Bedienfeld bedeutet.

Ich mag es ziemlich überraschend, wenn ich verfolge, was du tust, aber wenn du mir das letzte Bild zeigst, weiß ich sowieso, wie es geht.

Aber nach meiner Erfahrung im Unterrichten ist folgendes zu sagen: Das GIF ist sowohl zu schnell als auch zu lang. Sehen Sie, Sie können das GIF nicht zurückspulen oder anhalten, so dass es langsamer sein sollte, aber es ist auch zu lang, um zu folgen, wenn Sie versuchen, das Beispiel zu machen, sodass ich das GIF nach Möglichkeit in separate GIFs aufteilen und eine Texterklärung zwischen die einzelnen GIFs einfügen würde Schritte.

Denken Sie daran, dass das Tun ein anderer Kontext ist als das Sehen. Der Benutzer muss also zum Tun wechseln, damit er eine Menge verloren hat, die er gesehen hat. Dies zwingt den Benutzer zum Zurückspulen, in diesem Fall waie, do, wait, do. Aber ich sage, es ist in Ordnung als Übersicht, solange es klar kommuniziert und bessere Anweisungen gibt, um zu folgen.

Um Ihre Frage zu beantworten: Nein, es ist nicht leicht zu verstehen.

Aus Ihren Fragen + Kommentaren, die über die Antworten verteilt sind, geht hervor, dass Sie die folgenden Anforderungen haben:

• Kurze Animationen
• Keine sprache
• Keine betriebssystemspezifischen Anweisungen

Andere Benutzer haben bereits hervorragende Vorschläge gemacht, aber ich bin der Meinung, dass die beiden letztgenannten Anforderungen von ihnen nicht vollständig erfüllt werden. @ Crowley hat eine Antwort geliefert , die meiner Meinung nach sehr hilfreich ist, insbesondere dieser Teil:

In einer Ecke füge ich ein kleines Fenster hinzu, in dem die gedrückten Tasten (V zum Auswählen usw.) und deren Bedeutung (Auswahlwerkzeug), die gedrückten und gehaltenen Tasten (Alt zum Ziehen der Kopie) und die Mausangaben angezeigt werden Schaltflächen werden angeklickt, doppelt angeklickt oder gehalten.

Aber warum sollte man in einer Ecke ein Bedienfeld hinzufügen, während Illustrator dieses Bedienfeld bereits mit sprachunabhängigen Symbolen integriert hat? Das Werkzeugbedienfeld kann neben dem Bild angezeigt werden, sodass der Schüler sehen kann, auf welche Werkzeuge geklickt wird:

Dies deckt Ihren No languageBedarf ab. Um dies zu vereinfachen, können Sie ein benutzerdefiniertes Werkzeugfenster verwenden, in dem nur die relevanten Werkzeuge für die angezeigte Anweisung angezeigt werden:

Ich glaube jedoch nicht, dass Sie die Verwendung betriebssystemspezifischer Tastaturkürzel ganz vermeiden können. Andernfalls haben Sie keine Möglichkeit anzuzeigen, dass Sie Shiftbeim Drehen drücken müssen , um auf 45 ^° oder Shift+ zu springen, Altwenn Sie das freie Transformationswerkzeug verwenden.