Guía del usuario Cancelar

[Ai] Creación de un tutorial

En esta sección se explica cómo crear un tutorial con Tutorial Builder en Illustrator.

Nota:

Para ocultar o mostrar las instrucciones en Tutorial Builder, haz clic en tu foto de perfil del panel de Inicio. Puedes activar y desactivar el texto de ayuda.

Para acceder a esta Guía de Tutorial Builder desde Illustrator, haz clic en el icono de la interrogación en la parte inferior del panel. O bien, haz clic en tu foto de perfil en el panel de Inicio y haz clic en Ir a la guía del autor.

1. Previsión de limitaciones

Tutorial Builder sigue en desarrollo y hay algunas funciones de Illustrator que no son aún compatibles con Tutorial Builder. Es mejor optar por activos y flujos de trabajo que no requieran estas funciones. 

Nota:

bandera triangular  Limitaciones actuales

  • Evita cualquier paso que involucre un cuadro de diálogo (a menos que sea muy sencillo).
    • Por ejemplo, evita los efectos con cuadros de diálogo extensos y complicados. 
  • Evita herramientas que no se muestran actualmente en la barra de herramientas del espacio de trabajo Aspectos esenciales.
  • Evita herramientas de dibujo que no se pueden explicar mediante un archivo MP4, de texto o un recurso.
  • Evita paneles que no son compatibles en este momento.

2. Preparación para la creación de un tutorial

Prepárate

  • Sigue las instrucciones de instalación que te ha proporcionado el Community Manager e instala Illustrator mediante la aplicación de escritorio de Creative Cloud. Instala la extensión de Interactive Tutorial Builder según las indicaciones.
  • Crea tus activos: archivo de inicio, imagen del héroe e imagen de miniatura.
  • Planifica el contenido de tu tutorial.

Abre tu archivo de inicio

  • Abre tu archivo de inicio de forma local en Illustrator.

Inicia Tutorial Builder

  • En la barra de menús de Illustrator, selecciona: Ventana > Extensiones > Interactive Tutorial Builder Ai.
  • El panel de Interactive Tutorial Builder panel se abrirá y mostrará tu Panel personal, donde podrás ver todos tus tutoriales según su estado:
    • En curso
    • Enviado
    • Necesita revisión
    • Publicado 
  • Para editar, previsualizar o eliminar un tutorial, haz clic en el menú de los tres puntos.
  • Para volver al Panel, haz clic en el icono de Inicio.

Comienza un nuevo tutorial

  • Haz clic en el botón azul Crear para comenzar un nuevo tutorial.

3. Configuración de un tutorial

Para configurar un tutorial, introduce un título y sube el archivo de inicio.

Introduce el título del tutorial

  • Introduce un título en el campo Poner nombre a su tutorial que describa de qué trata. Utiliza términos de búsqueda que ayudarán a los usuarios a encontrar tu tutorial. Consulta Pautas de redacción para Tutorial Builder para obtener más información sobre cómo redactar un título. 
  •  El título que introduzcas será tanto el título que verán los usuarios como el identificador del documento, que tiene mucha importancia para las búsquedas. 
    • No podrás volver a esta pantalla o cambiar el identificador del documento tras haber introducido un título.
    • Puedes cambiar el título que verán los usuarios en la siguiente pantalla.
  • Haz clic en Crear para ir a la siguiente pantalla.
Nota:

bandera triangular Espera a hacer clic en Listo cuando subas recursos

Cuando trabajes en el contenido de una sección, tras añadir un recurso de sección, asegúrate de que el recurso está completamente cargado antes de hacer clic en Listo o el recurso no se subirá.

4. Creación de secciones, pasos y notas

Crea secciones, pasos y notas para desarrollar el tutorial. El número máximo de secciones de un tutorial es 10. Intenta mantener el número máximo de pasos de una sección a tres y el número máximo de notas a dos.

Actualmente, solo hay dos tipos de pasos, Barra de menú y Barra de herramientas, donde los autores utilizan un botón de grabación para crear indicaciones en Tutorial Builder. En el caso de las indicaciones de Lienzo y Panel, los autores pueden usar los menús desplegables y añadir texto.

Hay un icono de reproducción, que permite a los autores obtener una previsualización de los pasos. El icono de reproducción aparece en cada tipo de paso, pero en algunas ocasiones puede no ser procesable. Si el icono de reproducción no es procesable, aparecerá atenuado.

Crea una sección

  • Haz clic en el botón azul +Añadir.
  • Pulsa en el conmutador del recurso (para que se vuelva azul) si añades una imagen estática o una animación para ilustrar la sección.
    • Las imágenes estáticas deben estar en formato JPG o JPEG y ocupar menos de 600 KB. 
    • Las animaciones deben ser archivos MP4 de menos de 4 MB.
    • Las dimensiones en ambos casos deben ser 560 por 280 píxeles. 
  • Introduce un título de sección en la siguiente pantalla.
    • Descubre de qué trata la sección. 
    • Los títulos de sección más adecuados comienzan con un verbo de acción que resuma lo que el usuario puede lograr. 
  • Introduce una Descripción de la sección. 
    • Explica lo que aprenderá el usuario. 
    • Este paso es opcional y se utiliza para ofrecer contexto. Consulta las pautas de Redacción de las descripciones.
  • Haz clic en Listo para completar la información de esta sección.
  • Haz clic en Guardar.
  • Puedes editarla haciendo clic en el botón Editar.
  • Selecciona el menú de los tres puntos . . .  para Eliminar, Subir o Bajar la sección.
Nota:

bandera triangular Marca en negrita los nombres de las herramientas y los paneles

Cuando escribas las indicaciones, marca en negrita los nombres de los paneles y las herramientas siempre que sea posible. 

  • Escribe la arroba (@) y elige un nombre del panel o de herramienta del menú desplegable que aparece. De esta forma, el nombre de la función aparecerá en negrita en el texto.
  • Si no ves la función que quieres usar, escribe el nombre de la función sin el símbolo @.

Cuando añades una arroba (@) a un nombre de panel, el texto que aparece en el cuadro de texto es: {adobespropertiespanelpanel}. No obstante, solo aparece la palabra Propiedades en negrita. Tendrás que añadir el término “panel”.

Crea un paso

  • Haz clic en el botón azul +Añadir.
  • Elige una Colocación del menú desplegable.
Nota:

bandera triangular Señalar al lienzo no es compatible en esta versión. Por ahora, crearemos uno de provisional para que puedas configurarlo más adelante. No obstante, puedes crear un paso de Lienzo numerado para guiar a los usuarios durante el tutorial. 

  • Lienzo
    • No es posible realizar una grabación con Lienzo.
    • Añade información al cuadro de texto que describa los pasos que debe seguir el usuario.
    • Haz clic en Listo para completar la información de esta sección.
    • Haz clic en Guardar.
    • Puedes editarla haciendo clic en el botón Editar.
    • También puedes hacer clic en el botón del menú de los tres puntos . . .  para Eliminar, Subir o Bajar la sección.
Nota:

bandera triangular Prácticas recomendadas para las opciones de la barra de menú

  • La mayoría de las opciones de Barra de menú se pueden grabar como pasos. No obstante, si una opción en particular de la barra de menú no está disponible para la grabación, añade un nuevo paso de Lienzo numerado y continúa guiando a los usuarios por el tutorial.

  • Barra de menú
    • Es posible grabar la mayoría de las opciones de Barra de menú como pasos.
    •  Haz clic en el botón Grabar y usa el cursor para demostrar al usuario final lo que debe hacer para completar el paso.
      • Haz clic en Detener grabación cuando hayas terminado el paso.
      • Si quieres cambiar la grabación, elimínala y haz clic en Grabar de nuevo.
    • El paso que hayas grabado se añadirá automáticamente al cuadro de texto que describe los pasos que debe seguir el usuario final.
    • Haz clic en Listo  para completar la información del paso.
    • Haz clic en el icono de reproducción para obtener una vista previa del paso y ver lo que verá el usuario final.
    • Haz clic en Guardar.
    • Puedes editarla haciendo clic en el botón Editar.
    • Puedes hacer clic en el botón del menú de los tres puntos . . . para Eliminar, Subir o Bajar la sección.
Nota:

bandera triangular Crear dos indicaciones que señalen a un mismo elemento del panel

  • No se puede crear una indicación grabando en Panel. Cuando señales a un elemento del panel, utiliza Panel > Nombre del panel para el primer paso. Así se añadirá una indicación en el lugar correcto.
  • En el caso de elementos del panel secuenciales, no envíes al usuario de nuevo al panel, ya que ya estará centrado en dicho elemento. En su lugar, añade una nueva indicación en el Lienzo y continúa guiando a los usuarios por el tutorial.

  • Panel
    • Elige Propiedades del menú desplegable Nombre del panel.  
    • Añade información al cuadro de texto que describa los pasos que debe seguir el usuario.
    • Haz clic en Listo para completar la información de esta sección.
    • Haz clic en Guardar.
    • Puedes editarla haciendo clic en el botón Editar.
    • También puedes hacer clic en el botón del menú de los tres puntos . . . para Eliminar o Mover el paso con Subir y Bajar.

  • Barra de herramienta
    • Haz clic en el botón Grabar y usa el cursor para explicarle al usuario lo que debe hacer para completar el paso.
      • Haz clic en Detener grabación cuando hayas terminado el paso.
      • Si quieres cambiar la grabación, elimínala y haz clic en Grabar de nuevo.
    • El paso que hayas grabado se añadirá automáticamente al cuadro de texto que describe los pasos que debe seguir el usuario.
    • Haz clic en Listo  para completar la información del paso.
    • Haz clic en el icono de reproducción para obtener una vista previa del paso y ver lo que verá el usuario final.
    • Haz clic en Guardar.
    • Puedes editarla haciendo clic en el botón Editar.
    • Puedes hacer clic en el botón del menú de los tres puntos . . . para Eliminar, Subir o Bajar la sección.
Nota:

bandera triangular Reduce el uso de notas

Una nota es un consejo o información relacionada con un paso que aparece en el panel.

  • No incluyas instrucciones o lenguaje directivo en las notas.
  • Intenta mantener el número de notas a dos por sección.
  • Si, al añadir una nota, el texto del panel se mueve (y deja de ser visible), edita el texto para que encaje o elimínalo.

Ejemplo: El texto Punto es útil para los títulos. El texto Párrafo es útil para cuando quieres introducir un texto más extenso.

Crea una nota

  • Haz clic en el botón azul +Añadir.
  • Añade información al cuadro de texto que explique por qué un paso es útil.
  • Haz clic en Listo para completar la información de esta sección.
  • Haz clic en Guardar.
  • Puedes editarla haciendo clic en el botón Editar.
  • Puedes hacer clic en el botón del menú de los tres puntos . . .  para Eliminar, Subir o Bajar la sección.
Nota:

bandera triangular Funciones de previsualización

Pruebes obtener una vista previa tanto del tutorial completo como de un solo paso. Sin embargo, no puedes obtener una vista previa de una sección completa de una pasada. 

5. Previsualización sobre la marcha

Obtén una vista previa de los pasos

  • Puedes obtener una vista previa de los pasos individuales que hayas creado a medida que desarrollas el tutorial.
  • Busca el icono de reproducción tras haber creado un paso y haber hecho clic en Listo
  • Para revisar el paso, haz clic en el icono de reproducción.
  • Si el paso es correcto, haz clic en Guardar en la esquina superior derecha del tutorial.

Obtén una vista previa de lo que has creado hasta el momento

  • Haz clic en el botón Guardar en la parte superior de Tutorial Builder.
  • Haz clic en el botón Previsualización.
  • Haz clic en Iniciar tutorial para comenzar el tutorial desde el principio.
  • Sigue las instrucciones que te guiarán por el tutorial desde el punto de vista del usuario. 
  • Nota: Si quieres hacer algún cambio en el tutorial, tendrás que salir del modo de vista previa. Para salir de la previsualización del tutorial, haz clic en Fin.

6. Finalización del tutorial

  • Haz clic en Siguiente o en la pestaña Finalizar para completar el tutorial.
  • Haz clic en Seleccionar un archivo para cargar tu archivo de inicio.
    • Este será el archivo que Illustrator descargará y abrirá cuando los usuarios comiencen tu tutorial. Debe ser un archivo AI o AIT y ocupar menos de 5 MB. 
    • Incluye los créditos de la imagen.
      • Si la imagen es tuya, asegúrate de que la casilla Incluir su nombre está marcada.
      • Si la imagen no es solo tuya, desmarca la casilla Incluir su nombre y añade la lista de contribuidores.
        • Escribe los nombres de todas las personas que han colaborado en el archivo de inicio y en sus activos, incluidos los contribuidores de Adobe Stock. Separa los nombres con comas. 
  • Escribe un Mensaje de finalización en el campo de texto.
    • Este aparecerá cuando los usuarios finalicen el tutorial. Escribe un mensaje de ánimo y reafirma lo que han aprendido. 
Nota:

bandera triangular Si no estás seguro de que etiqueta utilizar en alguno de los campos, consulta las Pautas de etiquetado.

  • Introduce el Nivel de habilidad
    • El nivel de habilidad hace referencia al tema del contenido, no a ti ni al usuario.
    • Haz clic en el campo y selecciona una opción del menú desplegable.
    • Si al final decides que una etiqueta específica que has introducido no encaja con el contenido, siempre puedes hacer clic en la x al lado de la etiqueta para eliminarla. 
    • Existen tres etiquetas de nivel de habilidad y solo puedes seleccionar una.
  • Introduce el Campo creativo
    • Haz clic en el menú Campo creativo, escribe el símbolo de arroba (@) y selecciona uno o más dominios creativos o áreas de conocimiento diferentes con las que más se asocie tu contenido.
    • Existe una breve lista de etiquetas de Campo creativo de entre las que elegir. Algunas etiquetas no se aplican a algunos productos, así que puede que veas menos.
    • Elige al menos un Campo creativo y tantos como consideres necesario.
    • Si al final decides que una etiqueta específica que has introducido no encaja con el contenido, siempre puedes hacer clic en la x al lado de la etiqueta para eliminarla. 
  • Introduce los Temas tratados
    • Las etiquetas de temas reflejan el objetivo o la temática general del contenido.
    • En el campo Temas tratados, escribe el símbolo de arroba (@) y selecciona uno o más temas relevantes del menú.
    • Elige al menos una etiqueta de Tema; puedes añadir hasta un total de cinco a tu tutorial.
    • Si al final decides que una etiqueta específica que has introducido no encaja con el contenido, siempre puedes hacer clic en la x al lado de la etiqueta para eliminarla. 

  • Introduce las Tareas
    • Estas hacen referencia a las acciones que los usuarios deben hacer al seguir las indicaciones del contenido.
    • Puedes seleccionar tantas etiquetas de Tareas como creas necesarias, siempre y cuando se utilicen en el tutorial.
    • Escribe el símbolo de arroba (@) y selecciona una o más tareas del menú que aparece. 
    • Si al final decides que una etiqueta específica que has introducido no encaja con el contenido, siempre puedes hacer clic en la x al lado de la etiqueta para eliminarla. 
  • Introduce las Herramientas y funciones
    • Esta categoría incluye funciones específicas de la aplicación que se utilizan para completar tareas, como herramientas, paneles y comandos del menú.
    • Puedes seleccionar un número ilimitado de etiquetas de herramientas, pero asegúrate de seleccionar solo las herramientas, paneles y comando del menú que se mencionan en tu tutorial.
    • Escribe el símbolo de arroba (@) y selecciona una o más tareas del menú que aparece.
    • Si al final decides que una etiqueta específica que has introducido no encaja con el contenido, siempre puedes hacer clic en la x al lado de la etiqueta para eliminarla.

  • Sube la imagen de miniatura.
    • Esta imagen cuadrada aparece junto al título del tutorial en los resultados de la búsqueda. Muestra el resultado final, o estado “después” de tu tutorial. 
    • Debe ser un archivo PNG, JPG o JPEG, de 740 por 740 píxeles y de menos de 200 KB. 
  • Sube la imagen del héroe.
    • Esta imagen de banner aparece cuando los usuarios hacen clic en el tutorial para saber más sobre él antes de empezar. Debe mostrar los estados “antes” y “después”, o solo el estado “después” del tutorial. 
    • Debe ser un archivo PNG, JPG o JPEG, de 1200 por 600 píxeles y de menos de 600 KB.
  • Haz clic en Guardar.

7. Previsualización final

Cuando hayas terminado de crear un tutorial, asegúrate de ver cómo lo verán los usuarios de principio a fin

  • Haz clic en el botón Guardar en la parte superior de Tutorial Builder.
  • Haz clic en el botón Previsualización.
  • Haz clic en Iniciar tutorial para comenzar el tutorial desde el principio.
  • Sigue las instrucciones que te guiarán por el tutorial desde el punto de vista del usuario. 
  • Si quieres modificar el tutorial, tendrás que salir del modo Previsualización. Para salir de la previsualización del tutorial, haz clic en Fin.

8. Finalización y envío del tutorial

  • Haz clic en Guardar en la parte superior de Tutorial Builder. No dudes en hacer clic de nuevo en Previsualización para darle un último repaso al tutorial.
  • Si quieres realizar algún cambio al tutorial, haz clic en Fin y ve al panel Crear en la parte superior de la pantalla para volver a las secciones y pasos de Tutorial Builder.
  • Haz clic en el botón Enviar en la parte inferior de la pestaña Finalizar cuando estés seguro de haber completado el tutorial.
    • De esta forma, pasará de la cola de En progreso de tu panel, así que ya no podrás volver a acceder a él de nuevo hasta que recibas una notificación de revisión.

9. Revisión del tutorial

Paso 1: notificación

  • Tras enviar el tutorial, un comisario lo revisará y recibirás una notificación por correo electrónico del sistema en la que se indicará que el tutorial se ha aprobado o que necesita una revisión posterior.
    • No te sientas mal si recibes una notificación de Acción necesaria del sistema. Solo quiere decir que hay que hacer algunos cambios.

Paso 2: Edición

  • Si recibes una notificación de Acción necesaria, consulta el documento Temas para [autor].
    • Los cambios solicitados aparecerán en la sección Revisar comentarios.
    • Ponte en contacto con tu Community Manager si tienes preguntas o dudas sobre los cambios.
  • Haz los cambios solicitados en Tutorial Builder.
    • En el panel de Tutorial Builder, haz clic en el menú de los tres puntos . . . del tutorial y haz clic en Editar.
    • Haz los cambios solicitados.
    • Haz clic en Enviar.

Paso 3: finalización

  • Tras haber realizado los cambios, recibirás otra notificación del sistema que indicará que el tutorial se ha aprobado o rechazado.
    • Si el tutorial se ha rechazado en esta fase, repite el Paso 2: Edición.
    • Cuando el tutorial se haya aprobado, tu trabajo estará hecho. ¡Gracias!

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?

destellos Trucos y consejos genialesdestellos

Añade un paso o una nota fácilmente:

  • Cuando hayas creado tu primera sección y tu primer paso, podrás crear pasos y notas adicionales al situar el cursor entre una sección/paso o paso/nota y hacer clic en el signo más
  • Elige qué elemento quieres añadir.