Estoy tratando de hacer algunos gifs animados cortos sobre Illustrator, con pequeños ejercicios de dibujos paso a paso.

Podría poner un texto explicativo en algunos marcos, pero preferiría no hacerlo. Tal vez más tarde, depende de dónde termine, puedo agregar una línea de texto con las herramientas utilizadas.

Es por eso que me gustaría saber si algo como la animación a continuación es lo suficientemente comprensible para alguien que tenga un conocimiento básico de IA.

Gracias por todos los comentarios. A veces, cuando estás inmerso en un proyecto, por pequeño que sea, te vuelves un poco ciego. Por eso hago la pregunta. Cada comentario es muy útil y tendré todo en mente.

Es fácil ver, seguir o comprender (?) Los pasos para crear la silla.

No se transmite nada sobre cómo hacerlo, qué herramientas se usan con qué accesos directos, excepto el cursor cambiante y los nodos resaltados.

Si este será un tutorial de enseñanza, necesitará más explicaciones.

Si es un gráfico sobre el proceso de ilustración, entonces funciona bien como está.

Creo que sin saber qué herramientas hicieron qué, qué atajos hicieron qué, y cómo hacer cosas simples como revertir el relleno / trazo, el gif puede faltar en detalles para usuarios inexpertos. Simplemente hay demasiado "desconocido" si no está familiarizado con la funcionalidad de herramientas / accesos directos en Illustrator.

Por el contrario, para mí, es muy fácil, claro y sencillo si se hace entender las herramientas, funciones y accesos directos. Entonces, ¿tal vez con tan poca explicación que ese gif en particular podría ser un gif de "usuario intermedio"?

Hay algunas cosas que puedes hacer para mejorar esta buena idea y no hacerla horrible.

1. Definitivamente necesita agregar teclas de pantalla.
2. Debes dividirlo en pasos y usar varios gifs para mostrar lo que has hecho en lugar de solo un gif largo. Esto elimina el problema que Scott planteó de que los gifs son demasiado largos.
3. Complemente el gif con una descripción de lo que ha hecho.
4. Proporcione un archivo de descarga con el proyecto completo.

EDITAR: Pensé en esto un poco más.

La tecnología GIF es horrible si no estás alojando clips cortos divertidos.

Gif es, con mucho, la peor compresión de video jamás inventada. Google e imgur básicamente intentaron irradiar gif completamente con webm pero fallaron masivamente.

Lo que Google hace ahora cuando busca gifs animados es que la vista previa se vuelve a codificar como VP9, ​​h264 o algo similar. Ahorra MUCHO espacio y se carga mucho más rápido. Cuando haces clic en la vista previa, carga el archivo gif real.

Usar un formato de compresión de video real tendrá muchas desventajas. Por un lado, la licencia para usar h264 es costosa . Tendría que confiar en otro servicio como YouTube para alojarlo para que no tenga que preocuparse de ser demandado. Los visitantes de su sitio no pueden descargar los videos de YouTube fácilmente como lo harían con un gif.

Si no desea confiar en YouTube como host, puede codificarlo en un formato de video de código abierto.

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

Honestamente, ni siquiera estoy seguro de la legalidad de algunos de los códecs de código abierto. Es por eso que google ha estado trabajando en AV1 que todavía apesta.

Solo usa YouTube

Cualesquiera clips cortos que guarde como gif, debe alojarlos en YouTube e insertarlos en su sitio web. No tiene que hacer un largo tutorial de YouTube como todos los demás. Simplemente divídalo en pedazos como lo haría con un gif e inserte los videos en los mismos lugares junto a explicaciones de texto suplementarias como dije que debería hacer con los gifs. Todo se cargará mucho más rápido en su sitio.

EDITAR 2:

Para aclarar algo de ruido en los comentarios.

No hay una diferencia real entre un video de YouTube y un GIF. Ambos son formatos de video. La diferencia es que un video de YouTube se cargaría más rápido, tendría un mejor color y también tendría la capacidad de pausar (es muy importante pausar).

.Gif te dará muchos artefactos y mostrará colores incorrectamente porque así es como funciona el gif.

Entonces, en cualquier lugar de su sitio web, colocaría ese gif de 4 segundos en lugar de un video de 4 segundos. ¿Por qué aún querrías usar gif en este momento? Si usa videos de YouTube, puede ocultar los videos al público para que solo se vean en su sitio web.

Al final, si lo hace de la manera que sugiero, le ahorrará mucho estrés, proporcionará una mayor calidad en un tamaño más pequeño y permitirá a las personas verlo fácilmente en teléfonos móviles que no tienen datos de alta velocidad.

Uso esporádicamente Illustrator, pero tengo pleno conocimiento de Photoshop.

Podría adivinar vagamente qué herramientas está utilizando, pero no tengo idea de qué códigos cortos está presionando ... No sabría cómo seleccionar parte de ese camino y luego voltearlo mágicamente como lo hizo.

Entonces, supongo que alguien con un conocimiento más extenso que 'esporádicamente' lo entendería, pero luego me pregunto si ya no sabrían cómo crear un dibujo como este.

Otra cosa que me preocupa personalmente es la falta de un botón de pausa, si alguna vez pierdo el rastro, creo que será difícil volver.

Dejaría el gif, a menos que sea una animación realmente corta, y use un video en su lugar. La capacidad de pausar y desplazarse hace que sea mucho más fácil mirarlo y probarlo usted mismo.

Agregaría un panel pequeño en una esquina que mostrará las teclas presionadas (V para seleccionar, etc.) y lo que significa (herramienta Seleccionar), las teclas presionadas y mantenidas (Alt para arrastrar la copia) e indicadores de qué mouse Se hace clic en los botones, se hace doble clic o se mantiene.

Y en la primera lección, describa lo que significan esas letras y las suyas. Puede sacrificar un par de primeros cuadros para mostrar títulos solo para recordar lo que significa el panel.

Sorprendentemente, me gusta scott, no hay problema en seguir lo que haces, pero si me mostraras la última foto sabría cómo hacerlo de todos modos.

Pero en mi experiencia en la enseñanza de identificación, diga lo siguiente: El gif es demasiado rápido y demasiado largo. Vea que no puede rebobinar o detener el gif, por lo que debería ser más lento, pero también es demasiado largo para seguirlo si intenta hacer el ejemplo, por lo que dividiría el gif en gifs separados si es posible y pondría una explicación textual entre los diferentes pasos.

Recuerde que hacer es un contexto diferente de ver. Entonces, el usuario necesita cambiar a hacer, por eso perdieron mucho de lo que vieron. Esto obliga al usuario a rebobinar, en este caso waie, do, wait, do. Pero diría que está bien como una descripción general siempre que esté claramente comunicada y tenga mejores instrucciones a seguir.

Para responder a su pregunta sin rodeos: no, no es fácil de entender.

De sus preguntas + comentarios distribuidos en las respuestas, parece que tiene los siguientes requisitos:

• Animaciones cortas
• No idioma
• No hay instrucciones específicas del sistema operativo

Otros usuarios ya proporcionaron excelentes sugerencias, sin embargo, creo que los últimos dos requisitos no se cumplen por completo. @Crowley dio una respuesta que creo que es muy útil, especialmente esta parte:

Agregaría un panel pequeño en una esquina que mostrará las teclas presionadas (V para seleccionar, etc.) y lo que significa (herramienta Seleccionar), las teclas presionadas y mantenidas (Alt para arrastrar la copia) e indicadores de qué mouse Se hace clic en los botones, se hace doble clic o se mantiene.

Pero, ¿por qué agregar un panel en una esquina mientras que Illustrator ya tiene este panel integrado con íconos independientes del idioma? El panel Herramientas se puede mostrar junto a la imagen, lo que permite al alumno ver en qué herramientas se hace clic:

Esto cubre su No languagerequerimiento. Para reducirlo, puede usar un panel de Herramientas personalizado que solo muestra las herramientas relevantes para las instrucciones que se muestran:

Sin embargo, no creo que pueda evitar el uso de atajos de teclado específicos del sistema operativo por completo. De lo contrario, no tiene ningún medio para indicar que hay que presionar Shiftal girar para ajustar a 45 ^o o Shift+ Altcuando se usa la herramienta Transformación libre.