Instalación de Tutorial Builder

Instrucciones de instalación de Tutorial Builder

A partir de Interactive Tutorial Builder Ai 1.2 y Ps 1.9, Interactive Tutorial Builder dejará de distribuirse mediante la tienda de CCD.  A partir de ahora, se volverá a distribuir desde Dropbox o Desktop Valet (para los usuarios con acceso a Desktop Valet).

Terminología

• Ai: Illustrator
• CCD: Creative Cloud Desktop
• ITB: Interactive Tutorial Builder
• Ps: Photoshop
• TB-Ps: Interactive Tutorial Builder for Photoshop

Requisito previo

1. Los usuarios deben disponer de una cuenta individual (T1). Interactive Tutorial Builder no es compatible con las cuentas empresariales (T2/T3).
2. Los usuarios deben disponer de un plan de Creative Cloud que incluya el producto de Adobe correcto.
3. Para Ai: 
   1. Si se ha instalado una versión anterior de Interactive Tutorial Builder a través de Desktop Valet o de forma manual (p. ej., a partir de instrucciones para conseguirlo en Dropbox), elimina la carpeta com.adobe.interactivetutorialbuilder-ai de la siguiente ubicación:
      • Mac: /Library/Application Support/Adobe/UXP/extensions
      • Win: C:\Archivos de programa\Common Files\Adobe\UXP\extensions
4. Para Ps: 
   1. Si se ha instalado una versión anterior de Interactive Tutorial Builder a través de Desktop Valet o de forma manual (p. ej., a partir de instrucciones para conseguirlo en Dropbox), elimina la carpeta com.adobe.interactivetutorialbuilder de la siguiente ubicación:
      • Mac: /Library/Application Support/Adobe/UXP/extensions
      • Win: C:\Archivos de programa\Common Files\Adobe\UXP\extensions
5. Inicia Creative Cloud Desktop (CCD).
   • Asegúrate de que has iniciado la sesión con una cuenta que se ha incorporado para utilizar Interactive Tutorial Builder

1. Instalación del producto de Adobe desde CCD

1. Ve a la aplicación de escritorio de Creative Cloud (CCD).
2. Inicia sesión con el Adobe ID que usas como ID de autor de Tutorial Builder. Si tienes dudas de cuál es, consulta a tu Community Manager.
3. Haz clic en la pestaña Aplicaciones.
4. En el menú de la izquierda, haz clic en Todas las aplicaciones.
5. Busca el producto de Adobe
   correcto
6. Haz clic en el menú Más opciones (…) a la derecha del botón Abrir/instalar y selecciona Otras versiones.
7. Para Illustrator:
   1. Busca Illustrator (26.0.3)
      1. Si está instalado Illustrator 26.0.3, la opción del menú será Desinstalar
      2. Si no está instalado Illustrator 26.0.3, la opción del menú será Instalar.  En este caso, haz clic en Instalar para actualizar a 26.0.3
8. Para Photoshop: 
   1. Busca Photoshop (23.2)
      1. Si está instalado Photoshop 23.2, la opción del menú será Desinstalar
      2. Si no está instalado Photoshop 23.2, la opción del menú será Instalar.  En este caso, haz clic en Instalar para actualizar la versión a la 23.2

2. Desactivación de la actualización automática de aplicaciones en CCD

Interactive Tutorial Builder se ha evaluado y certificado en una versión específica de Ai y Ps.  Al desactivar la actualización automática de aplicaciones, se evita que CCD actualice Ai y Ps a una versión que no se haya evaluado ni certificado con la versión de CMS TBAi o TB-Ps.

1. In la aplicación de CCD, haz clic en el avatar del usuario en la esquina superior derecha para mostrar el menú.
2. En el menú, selecciona Preferencias.
3. En el panel de la izquierda, selecciona Aplicaciones.
4. En el panel de la derecha, si el conmutador de actualización automática está activado (el conmutador tendrá el fondo azul), haz clic en el conmutador para desactivar la actualización automática.

3. Desinstalación de la versión instalada anteriormente

Ai: Desinstalar la versión de TB-Ai instalada anteriormente

1. Ve a la carpeta extensions:
   • Mac: en Finder, ve a la barra de menú, elige I > Ve a la carpeta: /Library/Application Support/Adobe/UXP/extensions/
   • Windows: En el Explorador de archivos, ve a C:\Archivos de programa\Common Files\Adobe\UXP\extensions
2. Elimina la carpeta/el directorio con el nombre com.adobe.interactivetutorialbuilder-ai
   • Sáltate este paso si la subcarpeta no está.

Ps: Desinstalar la versión de TB-Ps instalada anteriormente

Instalada manualmente

Sigue estas instrucciones si la versión actual se instaló desde Dropbox (colocando manualmente el plug-in en la carpeta de extensiones):

1. Ve a la carpeta extensions:
   • Mac: en Finder, ve a la barra de menú, elige I > Ve a la carpeta: /Library/Application Support/Adobe/UXP/extensions/
   • Windows: En el Explorador de archivos, ve a C:\Archivos de programa\Common Files\Adobe\UXP\extensions
2. Elimina la carpeta/el directorio con el nombre com.adobe.interactivetutorialbuilder
   • Sáltate este paso si la subcarpeta no está.

Instalada desde la tienda de CCD

• Se aplica si la versión actualmente instalada (p. ej., la 1.8.14) se instaló desde la tienda de CCD
• Ves a la tienda de CCD para desinstalar la versión 1.8.14 de Interactive Tutorial Builder:
  • En CCD, ves a la pestaña Stock & Marketplace.
  • Haz clic en Gestionar Plug-ins en el menú de la izquierda.
  • Busca Interactive Tutorial Builder.
  • En Interactive Tutorial Builder, haz clic en el menú Más opciones (…).
  • Haz clic en Desinstalar.
  • Aparecerá la ventana modal Desinstalar “Interactive Tutorial Builder”.  Haz clic en Desinstalar.
  • Interactive Tutorial Builder se ha eliminado del sistema.

4. Instalación de Interactive Tutorial Builder

Illustrator: Instale TB-Ai 1.3

TB-Ai 1.3.7 está disponible en Dropbox (consulta la sección 4a. Instalación desde Dropbox) y en Desktop Valet (consulta la sección 4b. Instalación desde Desktop Valet).

4a. Instalación desde Dropbox

1. Ve a https://www.dropbox.com/sh/i1mknl1u2zpfz61/AABp3nujWE6OXNooeUW2e7Qka?dl=0 y descarga el archivo com.adobe.interactivetutorialbuilder-ai.zip 
2. Descomprime el paquete y coloque manualmente la carpeta ITB en la carpeta extensions
   • Mac
     1. El archivo zip debería haberse guardado en la carpeta Descargas.
     2. Ve a la carpeta Descargas y haz doble clic en el paquete zip para descomprimirlo
     3. En Finder a la barra de menú y elige Ir > Ir a la carpeta e introduzca: /Library/Application Support/Adobe/UXP/extensions/
     4. Copia la carpeta descomprimida com.adobe.interactivetutorialbuilder-ai en /Library/Application Support/Adobe/UXP/extensions/

•  Windows
  • El archivo zip debería haberse guardado en el directorio Descargas
  • Ve al directorio Descargas, haz clic con el botón derecho en el archivo zip y selecciona Extraer todo...
  • Selecciona un destino y aparecerá la ventana Extraer archivos
  • Acepta la ubicación predeterminada y haz clic en Extraer
    • Si aceptas la configuración predeterminada, los archivos extraídos se abrirán en una nueva ventana.  Esto está bien.
  • Ve a la carpeta extraída (p. ej., C:\Usuarios\UserID\Downloads\com.adobe.interactivetutorialbuilder-ai) y copia la carpeta com.adobe.interactivetutorialbuilder-ai en  C:\Archivos de programa\Common Files\Adobe\UXP\extensions

4b. Instalación desde Desktop Valet

Estas instrucciones suponen que el usuario ya tiene instalado Desktop Valet y que puede descargar versiones de Desktop Valet.  Si no puedes instalar plug-ins de Desktop Valet, utiliza las instrucciones manuales de la sección 4a. Instalación desde Dropbox anterior.

Nota: La descarga de Desktop Valet requiere una conexión VPN.

Requisito previo:  Desktop Valet 2.0.71 o superior.  Si es necesario, actualiza (directamente desde Desktop Valet) a la versión 2.0.71 (o la última) y, a continuación, reinicia Desktop Valet.

1. Instrucciones
   1. Inicia Desktop Valet
   2. Desplázate a la sección Interactive Tutorial Builder Ai
   3. En la cuarta columna desde la izquierda (versión) selecciona 1.3 en el menú
   4. En la quinta columna desde la izquierda, selecciona Todas en el menú
   5. En la sexta columna desde la izquierda, selecciona 1.3.7
   6. Haz clic en el botón Instalar
   7. Se te pedirá que introduzcas el nombre de usuario y la clave de Artifactory, introduce la información que se te pide y haz clic en Aceptar
   8. Se te pedirá que introduzcas la contraseña.  Si es así, introduce la contraseña y haz clic en Aceptar/Intro
   9. Tutorial Builder Ai se instalará

Photoshop: Instalación de TB-Ps 1.10

TB-Ps 1.10.7 está disponible en Dropbox (consulta la sección 4c. Instalación desde Dropbox) y en Desktop Valet (consulta la sección 4 d. Instalación desde Desktop Valet).  A partir de TB-Ps 1.9, TB-Ps dejará de estar disponible en la tienda de CCD.

4c. Instalación desde Dropbox

1. Ve a https://www.dropbox.com/sh/edjbqlw0j2o7ttp/AACSrd_E-xSDs59_kxxqHJSBa?dl=0 y descarga el archivo com.adobe.interactivetutorialbuilder.zip 
2. Descomprime el paquete y coloque manualmente la carpeta ITB en la carpeta extensions
   • Mac
     1. El archivo zip debería haberse guardado en la carpeta Descargas.
     2. Ve a la carpeta Descargas y haz doble clic en el paquete zip para descomprimirlo
     3. En Finder a la barra de menú y elige Ir > Ir a la carpeta e introduce: /Library/Application Support/Adobe/UXP/extensions/
     4. Copia la carpeta descomprimida com.adobe.interactivetutorialbuilder en /Library/Application Support/Adobe/UXP/extensions/

•  Windows
  • El archivo zip debería haberse guardado en el directorio Descargas
  • Ve al directorio Descargas, haz clic con el botón derecho en el archivo zip y selecciona Extraer todo...
  • Selecciona un destino y aparecerá la ventana Extraer archivos
  • Acepta la ubicación predeterminada y haz clic en Extraer
    • Si aceptas la configuración predeterminada, los archivos extraídos se abrirán en una nueva ventana.  Esto está bien.
  • Desplácese a la carpeta extraída (p. ej., C:\Usuarios\UserID\Downloads\com.adobe.interactivetutorialbuilder) y copia la carpeta com.adobe.interactivetutorialbuilder en  C:\Archivos de programa\Common Files\Adobe\UXP\extensions

4D. Instalación desde Desktop Valet

Estas instrucciones suponen que el usuario ya tiene instalado Desktop Valet y que puede descargar versiones de Desktop Valet.  Si no puedes instalar plug-ins de Desktop Valet, utiliza las instrucciones manuales de la sección 4c. Instalación desde Dropbox anterior.

Nota: La descarga de Desktop Valet requiere una conexión VPN.

Requisito previo:  Desktop Valet 2.0.71 o superior.  Si es necesario, actualiza (directamente desde Desktop Valet) a la versión 2.0.71 (o la última) y, a continuación, reinicia Desktop Valet.

1. Instrucciones
   1. Inicia Desktop Valet
   2. Desplázate a la sección Interactive Tutorial Builder Ps
   3. En la cuarta columna desde la izquierda (versión) selecciona 1.10 en el menú
   4. En la quinta columna desde la izquierda, selecciona Todas en el menú
   5. En la sexta columna desde la izquierda, selecciona 1.10.7
   6. Haz clic en el botón Instalar
   7. Se te pedirá que introduzcas el nombre de usuario y la clave de Artifactory, introduce la información que se te pide y haz clic en Aceptar
   8. Se te pedirá que introduzcas la contraseña.  Si es así, introduce la contraseña y haz clic en Aceptar/Intro
   9. Tutorial Builder Ps se instalará

5 . Abre el plug-in de Interactive Tutorial Builder

Para Illustrator

1. Ve a la aplicación de escritorio de Creative Cloud (CCD).
2. Haz clic en la pestaña Aplicaciones.
3. Localiza Illustrator 26.0.3 y haz clic en Abrir
4. Cuando Illustrator se haya iniciado, ves a Ventana > Extensión > Interactive Tutorial Builder  para iniciar Interactive Tutorial Builder.

Para Photoshop

1. Ve a la aplicación de escritorio de Creative Cloud (CCD).
2. Haz clic en la pestaña Aplicaciones.
3. Localiza Photoshop 23.2 y haz clic en Abrir.
4. Cuando Photoshop se haya iniciado, ves a Plug-ins > Interactive Tutorial Builder > Interactive Tutorial Builder para iniciar Interactive Tutorial Builder.

6. Creación de tutoriales de prueba en TB

La mejor forma de explorar Tutorial Builder es crear uno o varios tutoriales de prueba. 

Cómo utilizar TB-Ai:

1. Incluye tus iniciales y la palabra “prueba” en el título.
2. Abre un archivo AI en Illustrator en el escritorio para usarlo como referencia a medida que creas el tutorial de prueba.
3. Sube el mismo archivo Ai a la pantalla de configuración de TB-Ai.
4. Sigue la sección Crear un tutorial de la Guía del autor a medida que experimentas con tu tutorial de prueba.
5. No hagas clic en Enviar. Siempre y cuando no envíes tus tutoriales de prueba, nadie más podrá verlos y podrás eliminarlos en cualquier momento para organizar tu panel.

Cómo utilizar TB-PS:

1. Incluye tus iniciales y la palabra “prueba” en el título.
2. Abre un archivo PSD en Photoshop en el escritorio para usarlo como referencia a medida que creas el tutorial de prueba.
3. Sube el mismo archivo PSD a la pantalla de configuración de TB-Ps.
4. Sigue la sección Crear un tutorial de la Guía del autor a medida que experimentas con tu tutorial de prueba.
5. No hagas clic en Enviar. Siempre y cuando no envíes tus tutoriales de prueba, nadie más podrá verlos y podrás eliminarlos en cualquier momento para organizar tu panel.