Installation de Tutorial Builder

Instructions d’installation de Tutorial Builder

À compter des versions 1.2 pour Illustrator et 1.9 pour Photoshop, Interactive Tutorial Builder ne sera plus accessible sur la marketplace de CCD.  Nous repassons à Dropbox ou Desktop Valet (pour les personnes qui ont accès à ce dernier).

Terminologie

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

Conditions préalables

1. Vous devez disposer d’un compte individuel (T1). Interactive Tutorial Builder n’est pas compatible avec les comptes Entreprise (T2/T3).
2. Vous devez disposer d’une formule Creative Cloud incluant l’application Adobe concernée.
3. Pour Ai :
   1. Si une version précédente d’Interactive Tutorial Builder a été installée via Desktop Valet ou manuellement (par exemple en suivant les instructions pour le récupérer sur Dropbox), supprimez le dossier com.adobe.interactivetutorialbuilder-ai de l’emplacement suivant :
      • MacOS : /Bibliothèque/Application Support/Adobe/UXP/extensions
      • Windows : C:\Programmes\Common Files\Adobe\UXP\extensions
4. Pour Ps :
   1. Si une version précédente d’Interactive Tutorial Builder a été installée via Desktop Valet ou manuellement (par exemple en suivant les instructions pour le récupérer sur Dropbox), supprimez le dossier com.adobe.interactivetutorialbuilder de l’emplacement suivant :
      • MacOS : /Bibliothèque/Application Support/Adobe/UXP/extensions
      • Windows : C:\Programmes\Common Files\Adobe\UXP\extensions
5. Lancez Creative Cloud Desktop (CCD).
   • Veillez à vous connecter à l’aide d’un compte autorisé à utiliser Interactive Tutorial Builder.

1. Installation de l’application Adobe à partir de Creative Cloud Desktop

1. Ouvrez Creative Cloud Desktop.
2. Connectez-vous à l’aide de l’Adobe ID que vous utilisez pour votre compte d’auteur Tutorial Builder. En cas de doute, contactez votre Community Manager.
3. Cliquez sur l’onglet Applications.
4. Dans le menu sur la gauche, cliquez sur Toutes les applications.
5. Repérez l’application Adobe souhaitée.
   
6. Cliquez sur les trois points à droite du bouton Ouvrir/Installer, puis sélectionnez Autres versions.
7. Pour Illustrator :
   1. Repérez Illustrator (26.3.1).
      1. Si Illustrator 26.3.1 est installé, l’option dans le menu doit indiquer Désinstaller.
      2. Si Illustrator 26.3.1 n’est pas installé, l’option dans le menu doit indiquer Installer.  Dans ce cas, cliquez sur Installer pour procéder à la mise à jour vers la version 26.3.1.
         
8. Pour Photoshop :
   1. Repérez Photoshop (23.4.1).
      1. Si Photoshop 23.4.1 est installé, l’option dans le menu doit indiquer Désinstaller.
      2. Si Photoshop 23.4.1 n’est pas installé, l’option dans le menu doit indiquer Installer.  Dans ce cas, cliquez sur Installer pour procéder à la mise à jour vers la version 23.4.1.

2. Désactivation de la mise à jour automatique des applications dans Creative Cloud Desktop

Interactive Tutorial Builder est testé et certifié pour une version précise d’Ai et de Ps.  La désactivation de la mise à jour automatique des applications évite que CCD n’installe une version de Photoshop ou d’Illustrator non testée/certifiée pour celle de Tutorial Builder.

1. Dans Creative Cloud Desktop, cliquez sur votre avatar d’utilisateur en haut à droite.
2. Dans le menu qui s’affiche, cliquez sur Préférences.
3. Dans le panneau de gauche, cliquez sur Applications.
4. Si le bouton Mise à jour automatique est activé (auquel cas, il affiche un fond bleu), cliquez dessus pour désactiver les mises à jour automatiques.

3. Désinstallation de la version précédemment installée

Illustrator : Désinstallation de la version précédemment installée de TB-Ai

1. Accédez au dossier des extensions :
   • MacOS : dans le Finder, accédez à la barre de menus, choisissez Aller > Aller au dossier, puis saisissez : /Bibliothèque/Application Support/Adobe/UXP/extensions.
   • Windows : dans l’Explorateur de fichiers, accédez à l’emplacement suivant : C:\Programmes\Common Files\Adobe\UXP\extensions.
2. Supprimez le dossier/répertoire nommé com.adobe.interactivetutorialbuilder-ai.
   • Ignorez cette étape si le sous-dossier n’est pas présent.

Photoshop : Désinstallation de la version précédemment installée de TB-Ps

En cas d’installation manuelle

Procédez comme suit si la version actuelle a été installée à partir de Dropbox (en plaçant manuellement le plug-in dans le dossier des extensions) :

1. Accédez au dossier des extensions :
   • MacOS : dans le Finder, accédez à la barre de menus, choisissez Aller > Aller au dossier, puis saisissez : /Bibliothèque/Application Support/Adobe/UXP/extensions.
   • Windows : dans l’Explorateur de fichiers, accédez à l’emplacement suivant : C:\Programmes\Common Files\Adobe\UXP\extensions.
2. Supprimez le dossier/répertoire nommé com.adobe.interactivetutorialbuilder.
   • Ignorez cette étape si le sous-dossier n’est pas présent.

4. Installation d’Interactive Tutorial Builder

Illustrator : Installation de TB-Ai 1.5

TB-Ai 1.5 est disponible sur Dropbox (voir la section 4a, Installation à partir de Dropbox) et Desktop Valet (voir la section 4b, Installation à partir de Desktop Valet).

4a. Installation à partir de Dropbox

1. Accédez à l’adresse https://www.dropbox.com/sh/i1mknl1u2zpfz61/AABp3nujWE6OXNooeUW2e7Qka?dl=0 et téléchargez le fichier com.adobe.interactivetutorialbuilder-ai.zip.
2. Décompressez l’archive et placez manuellement le dossier ITB dans le dossier des extensions.
   • Mac
     1. L’archive ZIP doit avoir été enregistrée dans le dossier Téléchargements.
     2. Accédez au dossier Téléchargements et double-cliquez sur l’archive ZIP pour la décompresser.
     3. Dans le Finder, accédez à la barre de menus, choisissez Aller > Aller au dossier, puis saisissez : /Bibliothèque/Application Support/Adobe/UXP/extensions.
     4. Copiez le dossier décompressé com.adobe.interactivetutorialbuilder-ai à l’emplacement suivant : /Bibliothèque/Application Support/Adobe/UXP/extensions/.

•  Windows
  • L’archive ZIP doit avoir été enregistrée dans le dossier Téléchargements.
  • Accédez au dossier Téléchargements, cliquez avec le bouton droit sur l’archive ZIP, puis choisissez Extraire tout.
  • La fenêtre Sélectionner une destination et extraire les fichiers s’affiche.
  • Acceptez l’emplacement par défaut et cliquez sur Extraire.
    • En acceptant les paramètres par défaut, les fichiers extraits s’ouvrent dans une nouvelle fenêtre.  C’est tout à fait normal.
  • Accédez au dossier extrait (par exemple C:\Utilisateurs\IDUtilisateur\Téléchargements\com.adobe.interactivetutorialbuilder-ai) et copiez le dossier com.adobe.interactivetutorialbuilder-ai à l’emplacement suivant : C:\Programmes\Common Files\Adobe\UXP\extensions.

4b. Installation à partir de Desktop Valet

Ces instructions partent du principe que vous avez déjà installé Valet et que vous êtes en mesure de télécharger des versions via Desktop Valet.  Si vous ne pouvez pas installer de plug-ins à partir de Desktop Valet, utilisez les instructions manuelles de la section 4a, Installation à partir de Dropbox, ci-dessus.

Remarque : le téléchargement à partir de Desktop Valet nécessite une connexion VPN.

Prérequis : Desktop Valet 2.0.71 ou version ultérieure.  Si nécessaire, procédez à la mise à jour (directement depuis Desktop Valet) vers la version 2.0.71 (ou ultérieure), puis redémarrez Desktop Valet.

1. Instructions
   1. Démarrez Desktop Valet.
   2. Descendez jusqu’à la section Interactive Tutorial Builder Ai.
   3. Dans la quatrième colonne en partant de la gauche (version), sélectionnez 1.5 dans le menu.
   4. Dans la cinquième colonne en partant de la gauche, sélectionnez All (Tout) dans le menu.
   5. Dans la sixième colonne en partant de la gauche, sélectionnez 1.5.10.
   6. Cliquez sur le bouton Install (Installer).
   7. Saisissez les informations requises (UserName et Artifactory Key, Nom d’utilisateur et Clé Artifactory), puis cliquez sur OK.
   8. Vous devrez peut-être saisir votre mot de passe.  Le cas échéant, saisissez-le, puis cliquez sur OK/Entrée.
   9. L’installation de Tutorial Builder Ai démarre.

Photoshop : Installation de TB-Ps 1.11

TB-Ps 1.11.13 est disponible sur Dropbox (voir la section 4c, Installation à partir de Dropbox) et Desktop Valet (voir la section 4d, Installation à partir de Desktop Valet).  À compter de la version 1.9, TB-Ps n’est plus disponible sur la marketplace de CCD.

4c. Installation à partir de Dropbox

1. Accédez à l’adresse https://www.dropbox.com/sh/edjbqlw0j2o7ttp/AACSrd_E-xSDs59_kxxqHJSBa?dl=0 et téléchargez le fichier com.adobe.interactivetutorialbuilder.zip.
2. Décompressez l’archive et placez manuellement le dossier ITB dans le dossier des extensions.
   • Mac
     1. L’archive ZIP doit avoir été enregistrée dans le dossier Téléchargements.
     2. Accédez au dossier Téléchargements et double-cliquez sur l’archive ZIP pour la décompresser.
     3. Dans le Finder, accédez à la barre de menus, choisissez Aller > Aller au dossier, puis saisissez : /Bibliothèque/Application Support/Adobe/UXP/extensions.
     4. Copiez le dossier décompressé com.adobe.interactivetutorialbuilder à l’emplacement suivant : /Bibliothèque/Application Support/Adobe/UXP/extensions/.

•  Windows
  • L’archive ZIP doit avoir été enregistrée dans le dossier Téléchargements.
  • Accédez au dossier Téléchargements, cliquez avec le bouton droit sur l’archive ZIP, puis choisissez Extraire tout.
  • La fenêtre Sélectionner une destination et extraire les fichiers s’affiche.
  • Acceptez l’emplacement par défaut et cliquez sur Extraire.
    • En acceptant les paramètres par défaut, les fichiers extraits s’ouvrent dans une nouvelle fenêtre.  C’est tout à fait normal.
  • Accédez au dossier extrait (par exemple C:\Utilisateurs\IDUtilisateur\Téléchargements\com.adobe.interactivetutorialbuilder) et copiez le dossier com.adobe.interactivetutorialbuilder à l’emplacement suivant : C:\Programmes\Common Files\Adobe\UXP\extensions.

4d. Installation à partir de Desktop Valet

Ces instructions partent du principe que vous avez déjà installé Valet et que vous êtes en mesure de télécharger des versions via Desktop Valet.  Si vous ne pouvez pas installer de plug-ins à partir de Desktop Valet, utilisez les instructions manuelles de la section 4c, Installation à partir de Dropbox, ci-dessus.

Remarque : le téléchargement à partir de Desktop Valet nécessite une connexion VPN.

Prérequis : Desktop Valet 2.0.71 ou version ultérieure.  Si nécessaire, procédez à la mise à jour (directement depuis Desktop Valet) vers la version 2.0.71 (ou ultérieure), puis redémarrez Desktop Valet.

1. Instructions
   1. Démarrez Desktop Valet.
   2. Descendez jusqu’à la section Interactive Tutorial Builder Ps.
   3. Dans la quatrième colonne en partant de la gauche (version), sélectionnez 1.11.13 dans le menu.
   4. Dans la cinquième colonne en partant de la gauche, sélectionnez All (Tout) dans le menu.
   5. Dans la sixième colonne en partant de la gauche, sélectionnez 1.11.13.
   6. Cliquez sur le bouton Install (Installer).
   7. Saisissez les informations requises (UserName et Artifactory Key, Nom d’utilisateur et Clé Artifactory), puis cliquez sur OK.
   8. Vous devrez peut-être saisir votre mot de passe.  Le cas échéant, saisissez-le, puis cliquez sur OK/Entrée.
   9. L’installation de Tutorial Builder Ps démarre.

5. Ouverture du plug-in Interactive Tutorial Builder

Pour Illustrator

1. Accédez à Creative Cloud Desktop.
2. Cliquez sur l’onglet Applications.
3. Repérez Illustrator 26.3.1, puis cliquez sur Ouvrir.
4. Une fois Illustrator ouvert, sélectionnez Fenêtre > Extensions > Interactive Tutorial Builder Ai.

Pour Photoshop

1. Accédez à Creative Cloud Desktop.
2. Cliquez sur l’onglet Applications.
3. Repérez Photoshop 23.4.1, puis cliquez sur Ouvrir.
4. Une fois Photoshop ouvert, sélectionnez Modules externes > Interactive Tutorial Builder > Interactive Tutorial Builder.

6. Création de tutoriels de test dans Tutorial Builder

Le meilleur moyen de découvrir Interactive Tutorial Builder consiste à créer un ou plusieurs tutoriels de test. 

Procédure pour Illustrator :

1. Incluez vos initiales et le mot « test » dans le titre.
2. Ouvrez un fichier AI dans Illustrator sur votre ordinateur pour disposer d’une référence pendant la création du tutoriel.
3. Chargez le même fichier AI à l’écran de configuration de Tutorial Builder pour Illustrator.
4. Suivez la section Création d’un tutoriel du guide de création tandis que vous procédez à des essais dans le cadre de votre tutoriel.
5. Ne cliquez pas sur Envoyer. Tant que vous ne soumettez pas vos tutoriels de test, personne d’autre ne peut les consulter, et vous pouvez les supprimer à tout moment pour faire de la place dans votre tableau de bord.

Procédure pour Photoshop :

1. Incluez vos initiales et le mot « test » dans le titre.
2. Ouvrez un fichier PSD dans Photoshop sur votre ordinateur pour disposer d’une référence pendant la création du tutoriel de test.
3. Chargez le même fichier PSD à l’écran de configuration de Tutorial Builder pour Photoshop.
4. Suivez la section Création d’un tutoriel du guide de création tandis que vous procédez à des essais dans le cadre de votre tutoriel.
5. Ne cliquez pas sur Envoyer. Tant que vous ne soumettez pas vos tutoriels de test, personne d’autre ne peut les consulter, et vous pouvez les supprimer à tout moment pour faire de la place dans votre tableau de bord.