Cómo hacer un tutorial animado paso a paso

Qué es un tutorial animado

Es un video que enseña a hacer algo en pasos numerados, donde cada paso es una pantalla con su número, una ilustración o icono y una instrucción corta. El número grande le dice al espectador dónde está y cuánto falta, y eso hace que se quede hasta el final.

Lo usan negocios para explicar cómo comprar, cómo reservar o cómo usar un producto; profesores para enseñar procesos; creadores de tips para hacks de cocina, de celular o de finanzas; y equipos de soporte para responder la misma pregunta una sola vez. Si tienes un video tuyo explicando, puedes subirlo o pegar el link de YouTube y pedir los pasos animados encima.

Qué define el estilo

Paso a paso

1. Escribe el resultado. Qué va a lograr la persona al final. Es tu título: "Cómo reservar tu cita en 4 pasos".
2. Lista los pasos. Entre 3 y 8, cada uno con un verbo: abre, toca, elige, confirma.
3. Elige cómo se ilustra cada paso. Un icono, una ilustración simple, una captura que subas o un objeto generado.
4. Decide voz o solo texto. Con tu voz, con una voz con IA o solo texto y música. Con voz, subtítulos grandes.
5. Pega el prompt en Otto. Con el título, los pasos y el estilo. Otto arma la secuencia y la barra de progreso.
6. Cierra con el resumen. Todos los pasos en una sola pantalla al final, para que la gente guarde el video.

Prompt para pegar en Otto

Adaptado de peticiones reales que usuarios de Videotto enviaron a Otto.

Crea un video vertical 9:16 de 40 segundos con un tutorial animado.
Título: "[Cómo hacer X en N pasos]"
Paso 1: [verbo + instrucción corta]
Paso 2: [verbo + instrucción corta]
Paso 3: [verbo + instrucción corta]
Paso 4: [verbo + instrucción corta]
Cada paso: número grande arriba en [color], una ilustración simple al centro y la instrucción abajo.
Transición deslizando hacia la izquierda en cada paso y una barra de progreso arriba que avanza.
Narración en español latino neutro, clara y amable, con subtítulos grandes.
Al final, todos los pasos en una sola pantalla y el texto "Guárdalo para después".

Versiones cortas que usa la gente

• "Explica esto paso a paso con números grandes."
• "Haz un tutorial de cómo comprar en mi tienda, en 4 pasos."
• "Pon flechas que señalen dónde tocar."
• "Al final, un resumen con todos los pasos para guardar."

Cómo escribir los pasos

Empieza cada paso con un verbo. "Abre la app", "Elige tu plan", "Confirma con tu correo". El verbo es la acción, y la acción es lo que la persona tiene que recordar.

Un paso es una acción. Si escribes "abre la app, ve a ajustes y toca cuenta", son tres pasos. Mejor más pasos cortos que pocos pasos largos.

Avisa los errores típicos en el paso donde pasan: "Ojo: usa el mismo correo de tu compra". Una advertencia en otro color, en el momento justo, ahorra muchas preguntas.

Para recetas, rutinas de ejercicio o trámites, agrega lo que se necesita antes del paso 1: ingredientes, materiales o documentos.

Errores comunes

• Pasos con varias acciones. Divide cada paso hasta que tenga una sola acción.
• Ritmo igual para todo. Un paso fácil necesita 3 segundos; uno difícil, 6. Ajusta el tiempo.
• Sin resultado al final. Muestra cómo se ve el resultado terminado. Es la recompensa del tutorial.
• Diseño distinto en cada paso. Si el número cambia de lugar en cada pantalla, el ojo se pierde. Mismo diseño siempre.

Preguntas frecuentes