J'essaie de faire de courts gifs animés sur Illustrator, avec de petits exercices de dessins étape par étape.

Je pourrais mettre du texte explicatif dans certains cadres mais je préférerais ne pas le faire. Peut-être plus tard, cela dépend de l'endroit où il se termine, je peux ajouter une ligne de texte avec les outils utilisés.

C'est pourquoi j'aimerais savoir si quelque chose comme l'animation ci-dessous est suffisamment compréhensible pour quelqu'un ayant une connaissance de base de l'IA.

Merci pour tous vos commentaires. Parfois, lorsque vous êtes plongé dans un projet, si petit soit-il, vous devenez un peu aveugle. Voilà pourquoi je pose la question. Chaque commentaire est très utile et je garderai tout à l'esprit.

Il est facile de voir, de suivre ou de comprendre (?) Les étapes de la création de la chaise.

Rien n'est transmis sur la façon de le faire, quels outils sont utilisés avec quels raccourcis, à l'exception du curseur changeant et des nœuds en surbrillance.

Si ce sera un tutoriel pédagogique, il faudra plus d'explications.

S'il s'agit d'un graphique sur le processus d'illustration, il fonctionne bien tel quel.

Je pense que sans savoir quels outils ont fait quoi, quels raccourcis ont fait quoi et comment faire des choses simples comme inverser le remplissage / trait, le gif peut manquer de détails pour les utilisateurs inexpérimentés. Il y a simplement trop «d'inconnu» si vous n'êtes pas familier avec la fonctionnalité des outils / raccourcis d'Illustrator.

A l' inverse, pour moi, il est très facile, clair et simple si vous faites comprendre les outils, les fonctions et les raccourcis. Alors peut-être avec si peu d'explications qu'un gif particulier pourrait être un gif "utilisateur intermédiaire"?

Il y a quelques choses que vous pourriez faire pour améliorer cette bonne idée et ne pas la rendre horrible.

1. Vous devez absolument ajouter des touches d'écran.
2. Vous devez le diviser en étapes et utiliser plusieurs gifs pour montrer ce que vous avez fait au lieu d'un seul long gif. Cela élimine le problème soulevé par Scott que les gifs sont trop longs.
3. Complétez le gif avec une description de ce que vous avez fait.
4. Fournissez un fichier de téléchargement avec le projet complet.

EDIT: J'y ai réfléchi un peu plus.

La technologie Gif est horrible si vous n'hébergez pas de courts clips amusants.

Gif est de loin la pire compression vidéo jamais inventée. Google et imgur ont essentiellement essayé d'irradier complètement gif avec webm, mais ont échoué massivement.

Ce que Google fait maintenant lorsque vous recherchez des gifs animés, c'est que l'aperçu est ré-encodé en VP9, ​​h264 ou quelque chose de similaire. Il économise BEAUCOUP d'espace et se charge beaucoup plus rapidement. Lorsque vous cliquez sur l'aperçu, il charge le fichier gif réel.

L'utilisation d'un format de compression vidéo réel présente de nombreux inconvénients. Pour l'un, la licence d'utilisation du h264 coûte cher . Vous devez vous fier à un autre service comme YouTube pour l'héberger, vous n'avez donc pas à vous soucier d'être poursuivi. Les visiteurs de votre site ne peuvent pas télécharger les vidéos de YouTube facilement comme ils le pourraient avec un gif.

Si vous ne voulez pas compter sur YouTube en tant qu'hôte, vous pouvez le coder dans un format vidéo open source.

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

Honnêtement, je ne suis même pas sûr de la légalité de certains codecs open source. C'est pourquoi Google a travaillé sur AV1 qui est toujours nul.

Utilisez simplement YouTube

Quels que soient les courts clips que vous enregistrez au format gif, vous devez simplement les héberger sur YouTube et les intégrer à votre site Web. Vous n'avez pas à faire un long tutoriel YouTube comme tout le monde. Il suffit de le casser en morceaux comme vous le feriez avec gif et d'intégrer les vidéos aux mêmes endroits à côté des explications de texte supplémentaires comme je l'ai dit que vous devriez faire avec les gifs. Tout se chargera beaucoup plus rapidement sur votre site.

EDIT 2:

Pour clarifier un peu de bruit dans les commentaires.

Il n'y a pas de réelle différence entre une vidéo YouTube et un Gif. Ce sont deux formats vidéo. La différence étant qu'une vidéo YouTube se chargerait plus rapidement, aurait de meilleures couleurs et aurait également la possibilité de faire une pause (il est très important de faire une pause).

.Gif va vous donner beaucoup d'artefacts et afficher les couleurs de manière incorrecte car c'est ainsi que fonctionne gif.

Donc, n'importe où sur votre site Web, vous placeriez ce gif de 4 secondes à la place, ce serait une vidéo de 4 secondes. Pourquoi voudriez-vous toujours utiliser gif à ce stade? Si vous utilisez une vidéo de YouTube, vous pouvez masquer les vidéos du public afin qu'elles ne soient visibles que sur votre site Web.

En fin de compte, si vous le faites de la manière que je suggère, cela vous fera économiser beaucoup de stress, fournira une qualité supérieure à une taille plus petite et permettra aux gens de la visualiser facilement sur les téléphones mobiles qui ne disposent pas de données à haute vitesse.

J'utilise sporadiquement Illustrator mais j'ai une connaissance complète de Photoshop.

Je pourrais vaguement deviner quels outils vous utilisez, mais je n'ai aucune idée des shortcodes sur lesquels vous appuyez ... Je ne saurais pas sélectionner une partie de ce chemin, puis la retourner comme par magie.

Donc, je suppose que quelqu'un avec une connaissance plus approfondie que «sporadiquement» ne le comprendrait, mais alors je me demande s'ils ne sauraient pas déjà comment créer un dessin comme celui-ci?

Autre chose qui m'inquiète personnellement, c'est l'absence de bouton de pause, si jamais je perds le fil, il sera difficile de revenir, je pense.

Je quitterais le gif, à moins qu'il ne s'agisse d'une animation très courte, et utiliserais plutôt une vidéo. La possibilité de faire une pause et de faire défiler le rend beaucoup plus facile à regarder et à essayer soi-même.

J'ajouterais un petit panneau dans un coin qui affichera les touches enfoncées (V pour sélectionner, etc.) et ce que cela signifie (outil de sélection), les touches qui sont enfoncées et maintenues (Alt pour faire glisser la copie) et les indicateurs de la souris les boutons sont cliqués, cliqués deux fois ou maintenus.

Et dans la première leçon, décrivez ce que signifient ces lettres et vos incons. Vous pouvez sacrifier quelques premières images pour afficher les titres juste pour rappeler ce que signifie le panneau.

J'ai plutôt surpris comme Scott de ne pas avoir de problème à suivre ce que vous faites, mais si vous me montriez la dernière photo, je saurais comment le faire de toute façon.

Mais d'après mon expérience dans l'enseignement de l'id, dites ceci: Le gif est à la fois trop rapide et trop long. Vous ne pouvez pas rembobiner ou arrêter le gif, il devrait donc être plus lent, mais il est également trop long à suivre si vous essayez de faire l'exemple, donc je diviserais le gif en gifs séparés si possible et mettrais une explication textuelle entre les différents pas.

N'oubliez pas que faire est un contexte différent de voir. L'utilisateur doit donc passer à l'action, car il a perdu beaucoup de ce qu'il avait vu. Cela oblige l'utilisateur à rembobiner, dans ce cas, waie, do, wait, do. Mais je dirais que c'est une bonne vue d'ensemble tant qu'il est clairement communiqué et donne de meilleures instructions à suivre.

Pour répondre franchement à votre question: non ce n'est pas facile à comprendre.

D'après vos questions + commentaires répartis sur les réponses, il semble que vous ayez les exigences suivantes:

• Animations courtes
• Pas de langue
• Pas d'instructions spécifiques au système d'exploitation

D'autres utilisateurs ont déjà fourni d'excellentes suggestions, mais je pense que ces deux dernières exigences ne sont pas pleinement satisfaites par eux. @Crowley a fourni une réponse qui, je pense, est très utile, en particulier cette partie:

J'ajouterais un petit panneau dans un coin qui affichera les touches enfoncées (V pour sélectionner, etc.) et ce que cela signifie (outil de sélection), les touches qui sont enfoncées et maintenues (Alt pour faire glisser la copie) et les indicateurs de la souris les boutons sont cliqués, cliqués deux fois ou maintenus.

Mais pourquoi ajouter un panneau dans un coin alors qu'Illustrator a déjà ce panneau intégré avec des icônes indépendantes de la langue? Le panneau Outils peut être affiché à côté de l'image, permettant à l'étudiant de voir quels outils sont cliqués:

Cela couvre votre No languagebesoin. Pour l'amincir, vous pouvez utiliser un panneau Outils personnalisé qui affiche uniquement les outils pertinents pour l'instruction affichée:

Cependant, je ne pense pas que vous puissiez éviter d'utiliser des raccourcis clavier spécifiques au système d'exploitation. Sinon, vous n'avez aucun moyen d'indiquer qu'il faut appuyer Shiftlors de la rotation pour accrocher à 45 ^o ou Shift+ Altlors de l'utilisation de l'outil de transformation libre.