Estoy tratando de hacer algunos gifs animados cortos sobre Illustrator, con pequeños ejercicios de dibujos paso a paso.
Podría poner algún texto explicativo en algunos marcos pero preferiría no hacerlo. Tal vez más adelante, 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 tiene 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 quedas un poco ciego. Por eso pongo la pregunta. Cada comentario es muy útil y tendré todo en cuenta.
Creo que sin saber qué herramientas hicieron qué, qué atajos hicieron qué y cómo hacer cosas simples como invertir el relleno/trazo, el gif puede carecer de detalles para los usuarios sin experiencia. Simplemente hay demasiado "desconocido" si no está familiarizado con la funcionalidad de las herramientas/accesos directos en Illustrator.
Por el contrario, para mí, es muy fácil, claro y simple si comprende las herramientas, funciones y accesos directos. Entonces, ¿tal vez con tan poca explicación ese gif en particular podría ser un gif de "usuario intermedio"?
Hay algunas cosas que podrías hacer para mejorar esta buena idea y no hacerla horrible.
EDITAR: Pensé en esto un poco más.
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 hace 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 involucrada para usar h264 es costosa . Tendría que depender de otro servicio como YouTube para alojarlo, de modo que no tenga que preocuparse por 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 depender de 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.
Independientemente de los clips cortos que guarde como gif, debe alojarlos en YouTube e incrustarlos en su sitio web. No tienes 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 incruste los videos en los mismos lugares junto a las explicaciones de texto complementarias 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 mejor color y también tendría la capacidad de hacer una pausa (es muy importante hacer una pausa).
.Gif le dará muchos artefactos y mostrará colores incorrectamente porque así es como funciona gif.
Entonces, en cualquier parte de su sitio web, colocaría ese gif de 4 segundos, en lugar de eso, sería un video de 4 segundos. ¿Por qué querrías usar gif en este momento? Si usa videos de YouTube, puede ocultar los videos del público para que solo se vean en su sitio web.
Al final, si lo haces de la manera que sugiero, te ahorrarás mucho estrés, brindará una mayor calidad en un tamaño más pequeño y permitirá que las personas lo vean fácilmente en teléfonos móviles que no tienen datos de alta velocidad.
:)
:)
Así que básicamente... le dices a Google que pueden usarlo. En la era de la agricultura de datos, es un gran activo para renunciar.:)
:)
, realmente no era mi intención. Y uhm, hay una gran diferencia entre un video de YouTube y un gif. Esa última edición es realmente incorrecta en mi opinión.Uso esporádicamente Illustrator pero tengo conocimientos completos de Photoshop.
Podría adivinar vagamente qué herramientas estás usando, pero no tengo idea de qué códigos abreviados estás presionando... No sabría cómo seleccionar parte de esa ruta y luego darle la vuelta mágicamente como lo hiciste.
Entonces, supongo que alguien con un conocimiento más extenso que 'esporádicamente' lo entendería, pero luego me pregunto si ya no sabría 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 la pista, creo que será difícil volver a entrar.
Dejaría el gif, a menos que sea una animación muy corta, y usaría un video en su lugar. La capacidad de hacer una pausa y desplazarse hace que sea mucho más fácil mirar y probarlo usted mismo.
Agregaría un pequeño panel en una esquina que mostrará las teclas presionadas (V para seleccionar, etc.) y lo que significa (herramienta Seleccionar), las teclas que se presionan y mantienen presionadas (Alt para arrastrar la copia) e indicadores qué mouse los botones se hacen clic, se hace doble clic o se mantienen presionados.
Y en la primera lección, describe qué significan esas letras e iconos tuyos. Puede sacrificar un par de primeros fotogramas para mostrar títulos solo para recordar lo que significa el panel.
Sorprendentemente, como scott, no tengo ningún problema en seguir lo que haces, pero si me mostraras la última imagen, sabría cómo hacerlo de todos modos.
Pero en mi experiencia enseñando id digo 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 seguir 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 separados pasos.
Recuerde que hacer es un contexto diferente de ver. Entonces, el usuario debe cambiar a hacer, por lo que perdió mucho de lo que vio. Esto obliga al usuario a rebobinar, en este caso espera, haz, espera, haz. Pero diría que está bien como resumen, siempre y cuando se comunique claramente y ofrezca mejores instrucciones a seguir.
Es fácil ver, seguir o entender (?) los pasos para crear la silla.
No se transmite nada sobre cómo hacerlo, qué herramientas se usan con qué atajos, excepto el cursor cambiante y los nodos resaltados.
Si esto será un tutorial de enseñanza, necesitará más explicación.
Si se trata de un gráfico sobre el proceso de ilustración, entonces funciona bien tal cual.
Para responder a su pregunta sin rodeos: no, no es fácil de entender.
De sus preguntas + comentarios repartidos entre las respuestas, parece que tiene los siguientes requisitos:
Otros usuarios ya proporcionaron excelentes sugerencias, sin embargo, creo que estos dos últimos requisitos no los cumplen por completo. @Crowley proporcionó una respuesta que creo que es muy útil, especialmente esta parte:
Agregaría un pequeño panel en una esquina que mostrará las teclas presionadas (V para seleccionar, etc.) y lo que significa (herramienta Seleccionar), las teclas que se presionan y mantienen presionadas (Alt para arrastrar la copia) e indicadores qué mouse los botones se hacen clic, se hace doble clic o se mantienen presionados.
Pero, ¿por qué agregar un panel en una esquina cuando 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 language
requerimiento. Para simplificarlo, puede usar un panel de herramientas personalizado que solo muestre las herramientas relevantes para la instrucción mostrada:
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 se debe presionar Shiftal girar para ajustar a 45 o o Shift+ Altcuando se usa la herramienta de transformación libre.
Terminal Lateral
usuario120647
curioso
usuario120647