Ist dieses animierte GIF, das Illustrator-Zeichnungen Schritt für Schritt zeigt, leicht zu verstehen?

14

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.

Stuhl

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.

Ryan
quelle
Möchten Sie uns nach Fertigstellung auf Ihre Website verlinken?
LateralTerminal
@LateralTerminal werde ich, aber ihr alle macht mir eine Menge Hausaufgaben :-) Ich bin mir nicht sicher, wie lange es dauern wird.
Möchten Sie ein Live-Publikum oder Online-Synchron / Asynchron unterrichten?
neugierig
Das Ziel ist es nicht zu unterrichten, sondern nur für eine Minute ein Publikum zu fangen: • Wer eine Idee vom Vektorzeichnen hat, wird versuchen zu interpretieren, wie es gemacht wird. • Für diejenigen, die sich mit Vektorzeichnen nicht auskennen, ist es nur eine Animation, auch wenn ich sie Schritt für Schritt mit Verknüpfungen und Werkzeugen versetze. Aus diesem Grund habe ich die Antwort von @Webster akzeptiert, weil ich den Zweifel, den ich hatte, nicht nur für die Animation, sondern auch für das Ziel geklärt habe: - Es ist nur eine animierte Grafik über einen Illustrationsprozess -

Antworten:

2

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.

Webster
quelle
Sie treffen den Nagel auf den Kopf, es ist kein Tutorial und natürlich keine Lehrquelle, es ist nur eine Zeichnung, die mit KI-Werkzeugen erstellt wurde. Ich versuche es so verständlich wie möglich zu machen, aber einfach, klar, ohne zu viel Lärm. Nachdem ich alle Kommentare gelesen habe, werde ich sie zuschneiden und einige Tasten und Verknüpfungen zur Animation hinzufügen, aber als Nebensache.
19

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.

Bildbeschreibung hier eingeben

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?

Scott
quelle
Ja, ich weiß um die Erklärung ... Es muss auf Englisch und Spanisch sein, deshalb versuche ich das zu vermeiden. Ich möchte es universell machen und einen Weg finden, es ohne Text zu erklären. Ich freue mich über Ihren Kommentar.
Kleine zusätzliche Sache - zeigen Sie auch, wo Sie klicken. Viele Bildschirmschreiber zeichnen kleine "Blasen" auf, die sich von der Stelle aus ausdehnen, an der Sie klicken. Ich bin sicher, dass Sie Software finden können, die dies auf dem Bildschirm ermöglicht, damit ein Bildschirmschreiber sie aufnimmt. (Außerdem haben die Modifikatoren im Allgemeinen sprachunabhängige Symbole - das Befehlssymbol eines Mac ist auf jedem Tastaturlayout, AFAIK, dasselbe, auch wenn sich die Position ändert.)
Klage von Fund Monica,
Hinweis: Wenn Sie die gesamte Zeichenfolge verschieben, wenn Sie ein Zeichen am Ende der Zeichenfolge hinzufügen, um stets die Mitte zu behalten, ist das Lesen sehr schwierig, da der Text immer von der Stelle
abweicht,
@ user1306322 Das obige GIF ist nur ein Beispiel. Es ist unwahrscheinlich, dass Sie Modifikatoren nacheinander wie im Beispiel- GIF drücken. In den meisten Fällen würden alle Modifikatoren gleichzeitig gedrückt.
Scott
Welches Tool fügt die Tastaturklicks hinzu?
WELZ
10

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.

LateralTerminal
quelle
Gut, ich werde einen Blick darauf werfen.
Ehrlich gesagt sollten wir hier eingebettete Videos anstelle von Gifs verwenden, aber StackExchange unterstützt keine eingebetteten Videos für Antworten. Deshalb verwenden wir Gifs. Der einzige Grund, warum wir hier GIFs verwenden.
LateralTerminal
Erkenne , dass aufgrund Nutzungsbedingungen, unter Verwendung von Diensten wie YouTube können verzichten Rechte an den ursprünglichen Inhalt. Das ist nicht immer eine gewünschte Option. Verdammt ... auch hier ist es nach dem Posten eines Bildes für alle unter einer Creative Commons- Lizenz kostenlos . Die einzige Möglichkeit, eine solche Lizenzierung zu verhindern, besteht darin, den Inhalt selbst zu hosten, wo Sie die ultimative Kontrolle haben. Es gibt auch Dienste wie giphy.com, die Videos verwenden und möglicherweise eine bessere Alternative zu YouTube bieten.
Scott
@Scott Das stimmt nicht. Wenn du etwas auf YouTube hochlädst, kannst du ein Kontrollkästchen dafür aktivieren. Sie können das Urheberrecht behalten, wenn Sie die richtigen Optionen ausgewählt haben. YouTube kann dein Video immer löschen, wenn jemand anderes das Urheberrecht beansprucht, aber das ist eine andere Sache.
LateralTerminal
Tatsächlich weist YouTube hochgeladenen Inhalten eine sehr ähnliche CC-By-Lizenz zu: support.google.com/youtube/answer/… Sie täuschen sich, wenn Sie der Meinung sind, dass andere Ihre YouTube-Inhalte nicht verwenden können. Solange sie sich an die CC-Lizenz halten, können sie. Es ist dasselbe wie hier Bilder zu posten. Sie geben Ihr Urheberrecht nicht "auf", sondern gestatten die kostenlose Nutzung aller von Ihnen hochgeladenen Inhalte.
Scott
5

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.

Sommer
quelle
Sie haben Recht mit den Abkürzungen. Das Problem ist nicht nur die Abkürzung, sondern es muss auch erklärt werden, was es bewirkt: Drücke "E", um eine freie Skala zu erstellen :-(, zu lang. Ich denke immer noch darüber nach, wie ich das bewerkstellige.
@Danielillo nur eine schnelle Gedankendrehung, vielleicht kannst du den Knopf / die Kombination in einer der Ecken reparieren? Listen Sie also 'command + c' auf, wenn Sie etwas kopieren möchten. Ich habe Spiele gesehen, die dies oft tun.
Sommer,
Ja, denken Sie daran, muss für Mac und Win sein:  + A / Ctrl + A
4

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.

Crowley
quelle
Ich weiß, was du meinst. Tatsächlich ist das GIF der Frage ein Video, das in GIF konvertiert und erneut bearbeitet wurde. Für den Moment, in dem ich den GIF-Retro-Touch mag, muss ich nur über das Design mit einer allgemeinen Erklärung nachdenken. Universal bedeutet keine Sprache und Mac-Win.
1
@Danielillo, ich kann mir nur vorstellen, wie viele Leute das Ganze immer und immer wieder ansehen, weil sie etwas verpasst haben. Es muss keinen Ton geben, um die Verwendung eines Videoformats zu rechtfertigen. Wenn Sie ein Video beibehalten, haben Sie mehr Freiheit bei der Präsentation. Wie mit Schnickschnack wie Play and Pause und Timeline Scrubbing. Abgesehen davon, dass es sich um ein Gif handelt, besteht ein enormer Druck darin, alles kurz zu halten, oder es ist einfach zu lang, um einen Sinn daraus zu machen, ein Gif zu sein. Wie 2 Minuten in und Sie verpassen einen Schritt "Nun, ich denke, ich lade die Seite noch einmal oder so ..."
Joonas
@Joonas Deshalb muss ich es kürzer machen. Wie auch immer, dieser Satz "... ein Haufen Leute, die das Ganze immer und immer wieder anschauen ..." finde ich etwas übertrieben ;-), es ist nicht das letzte Gaga-Video! Wie auch immer, wie ich auf die Fragenkommentare schrieb, fühle ich mich jetzt gedrängt, ein ganzes Projekt zu machen. Ich werde Sie alles wissen lassen, wenn es fertig ist, Ihre Kritiker zu bekommen.
@Danielillo, ich würde gerne sehen, dass ein Anfänger oder sogar ein erfahrener KI-Benutzer damit Schritt hält, wenn es darum geht, dem zu folgen, was im GIF gemacht wird. Wie ich verstanden habe, handelt es sich um Tutorials?
Joonas
1
@ Danielillo Fenster haben Strg, Alt und Shift. Apple hat verschiedene Tasten, um die Verknüpfungen zu ändern. Wenn es möglich ist, können Sie das Birnensymbol für Strg, den Pfirsich für Alt und die Kirsche für die Umschalttaste verwenden. (Es tut mir leid, dass ich noch nie einen Mac benutzt habe). Oder zeigen Sie die Apple-Verknüpfung oben und die Windows-Verknüpfung unten an.
Crowley
3

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.

joojaa
quelle
Ich denke, ich werde verschiedene Level Gifs machen: Anfänger, Mittelstufe und "halb" Fortgeschrittene.
2
@Danielillo Wenn Sie nur einen Hammer haben, können Sie entweder alles wie einen Nagel behandeln oder zum Baumarkt gehen.
Joojaa
2

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:

Bildbeschreibung hier eingeben

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:

Bildbeschreibung hier eingeben

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.

Saaru Lindestøkke
quelle
Meine ursprüngliche Idee ist es, einfache animierte Illustrationen mit Illustrator zu erstellen. Viele Kommentare verweisen auf ein Illustrator-Tutorial, und genau das versuche ich zu vermeiden. Mein Interesse ist es, einen Mittelpunkt zwischen einer Animation und einer Übung zu finden und das Tutorial zu vermeiden. Wenn ich die KI-Schnittstelle darauf setze, bricht das den Kern der Arbeit, die ich zu tun versuche.
1
@Danielillo Ok, aber das war aus deiner Frage nicht klar. Ich denke, es wäre gut für die Antwortqualität (und für Ihre Zufriedenheit), wenn Sie sich für eine Minute hinsetzen und überlegen, was Sie fragen möchten und welche Randbedingungen Sie haben (dh kein Tutorial, keine Sprache, einfach usw.). ..). Dann bearbeiten Sie die Frage entsprechend. Jetzt sind Ihre Anforderungen auf mehrere Kommentare verteilt, sodass es sehr schwierig ist, eine zufriedenstellende Antwort zu finden. Ich denke gerne über Ihre Frage nach, wenn sie klar definiert ist und es kein "bewegliches Ziel" gibt.
Saaru Lindestøkke
Ok, ich werde darüber nachdenken. Im Moment bin ich sehr dankbar für das, was sie mir gegeben haben: eine Reihe von ehrlichen Kritiken und einige Kommentare (einschließlich Ihrer), mit denen ich sehr zufrieden bin und von denen ich guten Nutzen ziehen werde, um mein Projekt zu verbessern. In der Tat bin ich dank dieser Kommentare zu den von Ihnen erwähnten Schlussfolgerungen gelangt und habe dies zuvor nicht berücksichtigt.