Guide d'utilisation Annuler

[Ps] Création d’un tutoriel

1. Prise en compte des limites

Remarque :

drapeau rouge Important : tenez compte des limites actuelles de Tutorial Builder.

Choisissez des images et des workflows utilisant des fonctionnalités prises en charge par Tutorial Builder afin de tenir compte des limites actuelles de cet outil. 

  • Évitez les espaces dédiés à une tâche spécifique, dont la fenêtre est distincte de l’interface principale de Photoshop.
    • coche Exemple à suivre : Choisissez Sélection > Tous les calques.
    • croix Exemples à ne pas suivre : Sélectionner et masquer, Remplissage d’après le contenu, Remplacement du ciel, Camera Raw, écran d’accueil
  • Évitez les filtres au-dessus de la section inférieure du menu Filtre principal, ainsi que certains filtres de la section inférieure du menu Filtre principal.
  • cible fléchette Conseil important : avant de proposer un tutoriel dans lequel un filtre est utilisé, vérifiez que celui-ci fonctionne dans la dernière version.
    • coche Exemples à suivre : Flou gaussien, Flou directionnel, Flou radial, Accentuation et certains autres filtres de la section inférieure du menu Filtre principal
    • croix Exemples à ne pas suivre : Neural Filters, Galerie de filtres, Filtre Camera Raw, Correction de l’objectif, Fluidité, Point de fuite
    • croix Exemples à ne pas suivre : Galerie d’effets de flou, Flou de l’objectif
  • Évitez les commandes Ouvrir, Nouveau, Enregistrer, Exportation et l’ouverture simultanée de plusieurs documents.
  • Évitez les panneaux Paramètres de pinceau et Pinceaux. Privilégiez plutôt l’option Pinceaux prédéfinis.
  • Évitez les commandes Calque > Créer un masque d’écrêtage et Calque > Annuler le masque d’écrêtage. Privilégiez plutôt l’opération consistant à cliquer sur la bordure entre les calques tout en appuyant sur la touche Option ou Alt.
  • Évitez de transformer une forme (option Transformation manuelle et commandes de transformation appliquées à un calque de forme).
  • Évitez les commandes Édition > Annuler et Édition > Rétablir. Privilégiez plutôt le raccourci clavier Cmd + Z (macOS) ou Ctrl + Z (Windows) pour annuler et Maj + Cmd + Z (MacOS) ou Maj + Ctrl + Z (Windows) pour rétablir.

2. Préparation de la création du tutoriel

Préparation

  • Suivez les instructions d’installation fournies par votre Community Manager pour installer les versions de Tutorial Builder et de Photoshop indiquées. Assurez-vous d’utiliser la bonne version de Photoshop.
  • Planifiez le contenu du tutoriel.
  • Créez vos ressources : fichier de démarrage, image principale et vignette.

Ouverture du fichier de démarrage

  • Ouvrez le fichier de démarrage en local dans Photoshop.

Démarrage de Tutorial Builder

  • Dans la barre de menus de Photoshop, choisissez Modules externes > Interactive Tutorial Builder > Interactive Tutorial Builder.
  • Le panneau Interactive Tutorial Builder s’ouvre dans votre tableau de bord personnel, où tous les tutoriels sont classés par statut.
    • En cours : cet onglet vous permet de modifier, de prévisualiser et de supprimer un tutoriel en cliquant sur les trois points.
    • Envoyé : cet onglet vous permet d’accéder aux options de prévisualisation.
    • Nécessite une révision : cet onglet vous permet d’accéder aux options de prévisualisation et de modification.
    • Publié : cet onglet vous permet d’accéder aux options de prévisualisation.
  • Pour retourner dans le tableau de bord, cliquez sur l’icône d’accueil.

Création d’un tutoriel

  • Cliquez sur le bouton Créer pour démarrer un nouveau tutoriel.

3. Création de l’écran de démarrage

Il s’agit de l’écran qui s’affiche dans le panneau Découvrir lorsqu’un utilisateur ou une utilisatrice consulte votre tutoriel. Suivez les instructions ci-dessous pour créer votre écran de démarrage. 

Saisie du titre du tutoriel

  • Préparez le titre du tutoriel à l’avance en consultant la section Choix des titres de la page Consignes de rédaction dans Tutorial Builder.
  • Saisissez le titre dans le champ Titre du tutoriel.
    • C’est à la fois le titre que verra l’utilisateur ou l’utilisatrice et l’identifiant du document (essentiel pour les recherches). 
    • Réfléchissez bien avant de le saisir, car vous ne pourrez plus revenir à cet écran ni modifier l’identifiant du document.
      • Vous pourrez toutefois changer le titre que verra l’utilisateur ou l’utilisatrice à l’écran suivant.
  • Cliquez sur Créer pour accéder à l’onglet Créer.

Renseignement de la section Vue Intro

  • L’onglet Créer s’ouvre sur la section Vue Intro, qui ressemble à l’écran de démarrage qui s’affiche lorsqu’un utilisateur consulte votre tutoriel.
  • Cliquez sur Édition pour accéder aux champs permettant de charger l’image principale, de modifier le titre et de saisir la description du tutoriel.
  • Chargement de l’image principale :
    • Cliquez sur Sélectionner un fichier et accédez à l’image que vous avez préparée (fichier JPEG de 1 200 x 600 pixels). L’image principale chargée s’affiche en haut de la section Vue Intro.
  • Modification du titre du tutoriel (facultatif) :
    • Vous pouvez modifier le titre du tutoriel saisi à l’écran précédent. Sachez toutefois que seul le titre vu par l’utilisateur sera modifié, et non l’identifiant du document à l’arrière-plan.
    • Saisie de la description du tutoriel :
Remarque :

drapeau rouge Important : enregistrez votre travail.

  • Cliquez à la fois sur le bouton Terminé sous les détails de chaque étape et sur le bouton Enregistrer en haut de Tutorial Builder.

drapeau rouge Conseil : pour accéder au présent guide depuis Tutorial Builder, cliquez sur le point d’interrogation dans le pied de page global. Le guide s’ouvrira alors dans votre navigateur par défaut.

4. Création des sections et des étapes

Créez des sections et des étapes pour élaborer votre tutoriel. Efforcez-vous de limiter le nombre total de sections à quatre et d’étapes à cinq par section. Consultez la page Consignes de rédaction dans Tutoriel Builder.

Création de la première section

  •  Cliquez sur le bouton bleu Ajouter en dessous de la section Vue Intro, puis choisissez Section.
  • Saisissez le titre de la section dans le champ Titre.
    • Un titre de section commence généralement par un verbe d’action. Il résume ce que l’utilisateur va accomplir en suivant les étapes indiquées. 
    • Pour plus d’informations, consultez la section Choix des titres de la page Consignes de rédaction dans Tutorial Builder.
  • Saisissez une description pour la section.
    • Vous pouvez, si vous le souhaitez, utiliser ce champ pour saisir des informations supplémentaires sur la section. Évitez les formulations pouvant s’apparenter à des instructions.
    • Consultez la section Rédaction des descriptions de la page Consignes de rédaction dans Tutorial Builder.
  • Cliquez sur le bouton Terminé en dessous du champ Description.
    • Faites défiler vers le bas si vous ne voyez pas le bouton Terminé.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi dans la nouvelle section (ainsi que les modifications apportées aux sections existantes) sera perdu.

Ajout d’étapes à la section

  • Cliquez sur le bouton bleu Ajouter en dessous de la description de la section, puis choisissez Étape.
  • Choix de l’emplacement de l’infobulle :
    • Cliquez sur Position > Sélectionner pour ouvrir le menu Position.
    • Choisissez le type d’élément sur lequel placer l’infobulle dans Photoshop :
      • zone de travail, boîte de dialogue, calque, barre de menus, barre d’options, panneau ou barre d’outils.
  • Les étapes suivantes dépendent du type de position choisi :

Position > Barre d’outils

  • Pour placer une infobulle sur un outil de la barre d’outils, choisissez Position > Barre d’outils.
  • Le bouton Enregistrement s’affiche.
  • Cliquez sur Enregistrement.
    • Tutorial Builder vous guide en affichant un bouton Enregistrement uniquement si le type de position choisi permet d’enregistrer une infobulle.
  • Dans Photoshop, sélectionnez l’outil vers lequel l’infobulle doit pointer. 
    • Conseil : si l’outil souhaité est déjà sélectionné, cliquez sur un autre outil, puis cliquez à nouveau sur l’outil souhaité.
  • Cliquez sur Arrêter l’enregistrement.

Suppression d’actions

  • Une fois les actions enregistrées, chacune s’affiche dans une case en dessous du bouton Enregistrement.
    • Si plusieurs actions sont affichées, identifiez celle que vous souhaitez conserver et cliquez sur la croix en regard des autres pour les supprimer. Une étape ne peut comporter qu’une seule action.
    • Exemple : cliquez sur la croix en regard de l’action liée à l’outil Sélection d’objet pour conserver uniquement l’action liée à l’outil Sélection rapide.
    • Conseil : si vous avez enregistré plusieurs actions identiques (par exemple, si vous avez cliqué plusieurs fois sur le même outil par erreur), la suppression d’une de ces actions supprimera toutes les instances de cette action pour l’étape.
      • Si cela ne vous convient pas, annulez ou supprimez l’étape, puis enregistrez-la de nouveau.

Modification du texte d’une infobulle

  • Faites défiler vers le bas pour afficher le champ Texte, qui comporte un texte généré automatiquement pour l’infobulle, sans point à la fin.
  • Ajoutez un point. 
  • Saisissez du texte supplémentaire si nécessaire. 
    • Exemple : Activez l’outil {quickSelectTool}. Si cet outil est déjà sélectionné, cliquez sur un autre outil, puis cliquez sur l’outil Sélection rapide.
    •  Conseil important : ne modifiez pas le texte généré automatiquement qui se situe entre les accolades {...}.
  • Le bouton de lecture à droite de l’étape étant activé, vous pouvez afficher un aperçu de cette infobulle dans Photoshop.
  • Faites défiler vers le bas, puis cliquez sur le bouton Terminé pour fermer la zone de modification. Le texte de l’infobulle s’affiche dans un cadre bleu dans Tutorial Builder.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi dans la nouvelle section (ainsi que les modifications apportées aux sections existantes) sera perdu.
  •  Important : cliquez sur le bouton Enregistrer en haut de Tutorial Builder.
  • Conseil : pour créer une infobulle pointant vers un élément situé sous les trois points dans la barre d’outils (case Couleur de premier plan ou d’arrière-plan, bouton Couleurs par défaut, icône de permutation des couleurs, etc.), ne choisissez pas Position > Barre d’outils.
    • Choisissez Position > Panneau, puis Nom du panneau > Outil.

Position > Panneau

  • Choisissez Position > Panneau pour faire pointer une infobulle vers un panneau dans Photoshop.
  • Pour créer une infobulle de ce type, vous devez utiliser le menu déroulant et renseigner la zone de texte. Le bouton Enregistrement ne s’affiche pas pour les infobulles de panneau.
  • Cliquez sur le menu déroulant Nom du panneau, puis choisissez le nom du panneau contenant l’élément à marquer d’une infobulle.
  • Cliquez sur le menu déroulant Élément de panneau pour choisir l’emplacement de l’infobulle.

drapeau rouge Conseil : le menu Élément de panneau ne contient pas tous les éléments de panneau possibles. Si vous ne voyez pas celui qui vous intéresse, choisissez le nom du panneau comme élément.

  • Exemple : Élément de panneau > Panneau Propriétés.
    • Vous créez ainsi une infobulle pointant vers le centre du bord vertical du panneau.

  •  Faites défiler vers le bas jusqu’au champ Texte pour y saisir le texte qui doit s’afficher dans cette infobulle. N’oubliez pas d’ajouter un point à la fin.
    • Tutorial Builder ajoute automatiquement la mention suivante à la fin du texte : Cliquez sur Suivant pour continuer.
    • Conseil : lorsque vous choisissez le nom du panneau comme élément de panneau, vous devez généralement inclure toutes les instructions liées à ce panneau dans une seule infobulle.
      • Exemple : vous voulez que l’utilisateur déplace plusieurs curseurs de réglage Teinte/Saturation dans le panneau Propriétés. Choisissez Position > Panneau et Nom du panneau > Propriétés.
        • Dans le champ Texte, saisissez le texte suivant : Faites glisser le curseur Teinte sur environ +8 pour choisir du jaune comme couleur d’arrière-plan. Faites glisser le curseur Saturation sur environ +20 pour accentuer l’intensité de la couleur, et le curseur Luminosité sur environ -10 pour assombrir la couleur.
  • Cliquez sur Terminé et sur Enregistrer.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour la nouvelle étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.

 Position > Barre d’options

  • Choisissez Position > Barre d’options pour faire pointer une infobulle vers la barre d’options d’un outil.
  • Pour créer une infobulle de ce type, vous devez utiliser les menus déroulants et modifier le champ de texte. Le bouton Enregistrement ne s’affiche pas pour les infobulles de barre d’options.
    •  Conseil : n’activez pas le bouton de contrôles manuels.
  •  Assurez-vous d’abord qu’une infobulle ait été créée pour enregistrer la sélection d’outil.
  • Cliquez sur le menu de l’élément de la barre d’options, qui indique toutes les options pour l’outil sélectionné dans leur ordre d’affichage dans la barre d’options de l’outil dans Photoshop. Choisissez une option. 
    • Exemple : avec l’outil Pinceau sélectionné, choisissez Éléments de la barre d’options > Cliquer pour ouvrir le sélecteur de pinceau prédéfini.
  • Dans le champ Texte, saisissez le texte pour cette infobulle, en ajoutant un point à la fin.
  • Conseil : en général, la totalité des instructions applicables à une étape de barre d’options doivent être incluses dans une seule infobulle.
    • Exemple : Cliquez pour ouvrir le sélecteur de pinceau prédéfini. Réglez l’épaisseur sur 200 px et la dureté sur 10 % pour obtenir un pinceau large et souple.
  • Cliquez sur Terminé et sur Enregistrer.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour cette nouvelle étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.

Position > Barre de menus

  •  Choisissez Position > Barre de menus pour faire pointer une infobulle vers un élément de la barre de menus.
  • Cliquez sur Enregistrement. Cliquez sur l’élément de la barre de menus vers lequel l’infobulle doit pointer.
  • Cliquez sur Arrêter l’enregistrement.
  • Suppression d’actions
    • Une fois les actions enregistrées, chacune s’affiche dans une case en dessous du bouton Enregistrement.
    • Si plusieurs actions sont affichées, identifiez celle que vous souhaitez conserver et cliquez sur la croix en regard des autres pour les supprimer. 
  • Modification du texte : un texte généré automatiquement s’affiche dans le champ Texte. Ajoutez un point à la fin.
    • Vous pouvez modifier ce texte, à l’exception du texte généré automatiquement qui se situe entre des accolades {...}.
  • Cliquez sur Terminé et sur Enregistrer.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour la nouvelle étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.
Remarque :
  • Important : certaines infobulles de filtre et d’autres éléments de la barre de menus déclenchent l’affichage d’une boîte de dialogue.
  • Dans ce cas, créez deux infobulles :
    • une infobulle de barre de menus pour la commande permettant d’accéder à l’élément du menu ;
    • une infobulle de boîte de dialogue contenant des instructions sur l’action à effectuer dans la boîte de dialogue.

cible fléchette Exemple : vous voulez indiquer à l’utilisateur d’appliquer un filtre Flou gaussien avec certains paramètres.

  • Tout d’abord, créez une infobulle pointant vers la barre de menus pour indiquer à l’utilisateur de choisir le filtre Flou gaussien :
    • Choisissez Position > Barre de menus.
    • Cliquez sur Enregistrement, puis choisissez Filtre > Flou > Flou gaussien. La boîte de dialogue Flou gaussien s’affiche.
      • Ne modifiez pas les paramètres du filtre pour le moment. 
      • Cliquez sur OK pour fermer la boîte de dialogue Flou gaussien (vous ne pouvez pas arrêter l’enregistrement tant que la boîte de dialogue est ouverte, car vous vous trouvez dans un état modal).
    • Cliquez sur Arrêter l’enregistrement.
    • Dans le champ Texte, le texte généré automatiquement Sélectionnez Filtre > Flou > Flou gaussien (sans point) s’affiche.
    • Ajoutez un point à la fin de ce texte et remplacez le terme Sélectionnez par Choisissez.
    • Cliquez sur Terminé et sur Enregistrer. Vous créez ainsi une infobulle de barre de menus avec le texte suivant : Choisissez Filtre > Flou > Flou gaussien.
      • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour cette nouvelle étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.
  • Ensuite, créez une autre infobulle pointant vers la boîte de dialogue Flou gaussien et indiquant à l’utilisateur les paramètres de filtre à appliquer.
    • Choisissez Position > Boîte de dialogue. Aucun bouton Enregistrement ne s’affiche.
    • Choisissez Filtre > Flou > Flou gaussien pour ouvrir une nouvelle fois la boîte de dialogue Flou gaussien.
    • Dans le champ Texte, saisissez le texte de l’infobulle. Celle-ci doit notamment indiquer à l’utilisateur ou l’utilisatrice de cliquer sur OK pour fermer la boîte de dialogue Flou gaussien.
    • Cliquez sur Arrêter l’enregistrement.
    • Tutorial Builder ajoute automatiquement la mention suivante à la fin du texte : Cliquez sur Suivant pour continuer. Vous créez ainsi une infobulle de boîte de dialogue avec le texte suivant : Faites glisser le curseur Rayon jusqu’à +3 pour flouter la photo. Cliquez sur OK pour fermer la boîte de dialogue. Cliquez sur Suivant pour continuer.
    • Cliquez sur Terminé et sur Enregistrer.
      • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour cette nouvelle étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.
  • Reportez-vous à la page [Ps] Exemples d’infobulles courantes pour découvrir d’autres exemples.

 Position > Calque

  • L’option Position > Calque permet d’enregistrer les quatre actions suivantes :
    • Sélection d’un calque
    • Déplacement d’un calque
    • Désactivation de la visibilité d’un calque
    • Activation de la visibilité d’un calque
  • Choisissez Position > Calque.
  • Cliquez sur le bouton Enregistrement qui s’affiche.
  • Dans le panneau Calques :
    • Sélectionnez un calque, activez sa visibilité ou désactivez-la.
    • Pour le déplacement d’un calque, commencez par enregistrer sa sélection, puis enregistrez son déplacement.
  • Cliquez sur Arrêter l’enregistrement.
  • Modification du texte de l’infobulle :
    • Ajoutez un point à la fin du texte et modifiez-le pour le rendre plus convivial.
    • Exemple : remplacez le texte généré automatiquement Masquez le calque → Arrière-plan par Cliquez pour masquer le calque Arrière-plan.
    • Exemple : remplacez le texte généré automatiquement Sélectionnez le calque → Fille par Sélectionnez le calque Fille.
  •  Cliquez sur Terminé et sur Enregistrer.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour cette nouvelle étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.
  • drapeau rouge Important : les cas évoqués ci-dessus sont les seuls dans lesquels vous devez choisir Position > Calque.
    • Pour toutes les autres infobulles liées au panneau Calques, utilisez les menus déroulants pour choisir Position > Panneau, Panneau > Calques, puis un élément du panneau.
    • Si vous ne trouvez pas l’élément du panneau Calques souhaité, choisissez Élément de panneau > Panneau Calques pour créer une infobulle pointant vers le centre du bord vertical du panneau Calques.

Position > Boîte de dialogue

  • Choisissez Position > Boîte de dialogue pour placer une infobulle pointant vers une boîte de dialogue ouverte.
  •  Dans le champ Texte, saisissez le texte de l’infobulle. Celle-ci doit notamment indiquer à l’utilisateur ou l’utilisatrice de cliquer sur OK pour fermer la boîte de dialogue. 
    • Le bouton Enregistrement ne s’affiche pas pour les infobulles de boîte de dialogue.
  • Cliquez sur Terminé et sur Enregistrer.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour cette nouvelle étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.
  •  Tutorial Builder ajoute automatiquement la mention suivante à la fin du texte : Cliquez sur Suivant pour continuer.
  • Une infobulle de boîte de dialogue pointe toujours vers le centre du bord vertical de la précédente boîte de dialogue.

  • Conseil : en général, la totalité des instructions applicables à une boîte de dialogue doivent être incluses dans une seule infobulle. Tenez-en compte lors de la préparation de votre tutoriel.
    • Exemple : Cliquez sur la case Couleur de premier plan pour ouvrir le Sélecteur de couleurs. Choisissez une nuance violette dans la barre verticale, puis cliquez dans la large zone de couleurs pour choisir un violet clair. Cliquez sur OK.

Position > Zone de travail

  • Choisissez Position > Zone de travail pour placer une infobulle sur la zone de travail du document ouvert.
    • Le bouton Enregistrement ne s’affiche pas pour les infobulles de zone de travail.
  • Faites glisser les curseurs Position horizontale et Position verticale pour placer l’infobulle comme il convient sur la zone de travail.
  • Utilisez les boutons Orientation de la flèche pour changer la direction du pointeur de l’infobulle. 
  • Cliquez sur le bouton de flèche double pour modifier l’emplacement du pointeur de l’infobulle.
  • Dans le champ Texte, saisissez le texte pour cette infobulle, en ajoutant un point à la fin.
    • Exemple : Faites glisser votre curseur sur l’objet pour le sélectionner.
  • Cliquez sur le bouton de lecture en dessous des détails de l’étape pour prévisualiser l’infobulle sur la zone de travail.
  • Cliquez sur Terminé et sur Enregistrer.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour cette nouvelle étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.

Modification, déplacement ou suppression d’une section

  • Pour modifier une section à tout moment, cliquez sur le bouton Édition en dessous de celle-ci.
  • Pour supprimer ou déplacer une section et ses étapes, cliquez sur les trois points en dessous de la section souhaitée, puis choisissez Supprimer, Monter ou Descendre.
  • Cliquez sur le bouton Terminé, sans quoi les opérations que vous venez d’effectuer seront perdues.
  • drapeau rouge Conseil important : vous ne pouvez pas créer de nouvelle section entre deux sections existantes ou juste après la section Intro.
    • Pour contourner le problème, créez une section plus bas dans la pile de sections, en incluant au moins une étape. 
    • Cliquez ensuite sur les trois points, puis choisissez Monter.

Modification, déplacement ou suppression d’une étape

  • Pour modifier une étape, cliquez sur le bouton Édition en dessous de celle-ci.
  • Pour supprimer ou déplacer une étape, cliquez sur les trois points, puis choisissez Supprimer, Monter ou Descendre.
  • Cliquez sur le bouton Terminé, sans quoi les opérations que vous venez d’effectuer seront perdues.

Modification, déplacement ou suppression d’une note

  • Pour modifier une note, cliquez sur le bouton Édition en dessous de celle-ci.
  • Pour supprimer ou déplacer une note, cliquez sur les trois points, puis choisissez Supprimer, Monter ou Descendre.
  • Cliquez sur le bouton Terminé, sans quoi les opérations que vous venez d’effectuer seront perdues.

Ajout d’une note à une étape

  • Pour ajouter une note à une étape, cliquez sur le bouton bleu Ajouter situé en dessous, puis choisissez Note.
  • Saisissez le texte de la note dans le champ Texte.
  • Cliquez sur Terminé et sur Enregistrer.
    • Si vous ne cliquez pas sur le bouton Terminé, le contenu saisi pour cette étape (ainsi que les modifications apportées aux étapes existantes) sera perdu.
Remarque :

cible fléchette Important : utilisez le moins de notes possible.

  • Une note est un conseil associé à une infobulle qui apparaît dans le panneau lorsque celle-ci est activée. 
  • Les notes distraient les utilisateurs et les utilisatrices. Vous ne devez donc pas en créer, sauf si votre conseil est essentiel (s’il concerne un « écueil », par exemple) et qu’il ne rentre pas dans la zone de l’infobulle.
  • N’incluez pas de consignes ou de formulations directives. 
  • N’incluez pas plus de deux notes par section. 
  • Si vous envisagez d’ajouter une note, réfléchissez à la possibilité d’intégrer l’information dans l’une des autres infobulles.
  • Exemple de note : Si vous n’obtenez pas le résultat attendu, peut-être n’avez-vous pas sélectionné le bon calque. Vérifiez que le calque xyz est sélectionné dans le panneau Calques.

5. Prévisualisation d’un tutoriel

Lorsque vous avez fini de créer un tutoriel, prévisualisez-le intégralement, tel que le verront les utilisateurs. Cette fonction d’aperçu est également disponible à tout moment de la création de votre tutoriel pour prévisualiser ce que vous avez fait jusque-là.

  •  Cliquez sur le bouton Enregistrer en haut de Tutorial Builder.
  • Cliquez sur le bouton Aperçu dans l’angle supérieur droit de Tutorial Builder.
    • drapeau rouge Conseil important : vous ne pouvez pas prévisualiser un tutoriel tant que vous n’avez pas chargé son fichier de démarrage. Vous pouvez accéder à l’écran Terminer à tout moment pour charger ce dernier.
  • Cliquez sur Démarrer le tutoriel pour lancer le tutoriel depuis le début.
  • Suivez les consignes des infobulles pour découvrir le tutoriel du point de vue de l’utilisateur. 
  • Pour apporter des modifications à votre tutoriel, quittez le mode Aperçu. Pour quitter l’aperçu du tutoriel, cliquez sur Fin.
Remarque :

 cible fléchette Conseil : en mode Aperçu, assurez-vous que vous pouvez atteindre la fin du tutoriel.

  • Si vous ne pouvez pas passer à l’étape suivante et que vous ne voyez pas de bouton Suivant dans le panneau, procédez comme suit :
    • Cliquez sur Fin pour quitter le mode Aperçu.
    • Dans Tutorial Builder, supprimez l’étape sur laquelle vous êtes resté bloqué en mode Aperçu, puis recréez-la.
Onglet Terminer de TB

6. Finalisation et envoi du tutoriel

Accès à l’onglet Terminer

  • Cliquez sur Suivant en bas de Tutorial Builder ou cliquez sur l’onglet Terminer dans la partie supérieure pour accéder à l’écran Terminer.

Chargement du fichier de démarrage

  • Cliquez sur Sélectionner un fichier pour accéder au fichier de démarrage sur votre ordinateur et le charger. Il s’agit du fichier image qui s’affiche au début du tutoriel.
  • Le fichier de démarrage doit être au format PSD ou PSDT, et sa taille ne doit pas dépasser 20 Mo. 
  • drapeau rouge Conseil important : vous ne pouvez pas prévisualiser un tutoriel tant que vous n’avez pas chargé son fichier de démarrage. Pour ce faire, vous pouvez accéder à l’écran Terminer à tout moment.
  • Pour tout renseignement sur les fichiers de démarrage, reportez-vous aux pages [Ps] Consignes sur les ressources et [Ps] Caractéristiques des images.

Présence de texte dans le fichier de démarrage

  • drapeau rougeConseil important : si votre fichier de démarrage contient du texte (qu’il soit placé dans un calque de texte ou pixellisé), sélectionnez Oui en réponse à la question Ce fichier contient-il du texte ? Ainsi, tout texte présent sur votre fichier de démarrage sera localisé.

Ajout des crédits des images

  • Si vous avez créé l’image, cochez la case Inclure votre nom pour que l’outil insère votre nom dans les crédits des images.
  • Dans le cas contraire, ou s’il y a d’autres créateurs, saisissez leur nom dans le champ Crédits des images.
  • Si votre fichier de démarrage est une image Adobe Stock, indiquez le nom des contributeurs comme suit : Adobe Stock : [nom du contributeur 1], [nom du contributeur 2], [nom du contributeur 3].

Saisie d’un message d’accomplissement

  • Saisissez un message dans le champ Message d’accomplissement pour féliciter l’utilisateur et récapituler tout ce qu’il a appris dans le tutoriel. Cette étape est importante pour l’expérience des utilisateurs.
Remarque :

Si vous avez des doutes concernant les balises à utiliser dans l’un des champs ci-dessous, consultez la section Consignes de balisage.

Renseignement du niveau de compétence

  • Le niveau de compétence concerne le sujet traité par le contenu, et non le vôtre ou celui de l’utilisateur.
  • Cliquez dans le champ, puis sélectionnez une option dans le menu déroulant.
  • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix en regard de celle-ci. 
  • Trois balises de niveau de compétence sont disponibles. Vous devez en choisir une seule. 

Renseignement du champ créatif

  • Cliquez sur le menu Champ créatif, puis saisissez le symbole @ et sélectionnez un ou plusieurs domaines créatifs ou d’expertise auxquels votre contenu pourrait être généralement associé.
  • Vous pouvez faire votre choix au sein d’une courte liste de balises de champ créatif. Le nombre de balises disponibles varie selon l’application concernée.
  • Choisissez au moins un champ créatif, et autant que nécessaire. 
  • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix en regard de celle-ci. 

Renseignement des rubriques abordées

  • Les balises de rubrique reflètent l’objectif général ou le sujet du contenu.
  • Dans le champ Rubriques abordées, saisissez le symbole @ et choisissez une ou plusieurs rubriques pertinentes dans le menu.
  • Choisissez au moins une balise de rubrique. Vous pouvez en ajouter jusqu’à cinq pour votre tutoriel. 
  • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix qui se situe à côté.

Renseignement des tâches

  • Il s’agit des actions effectuées par l’utilisateur lorsqu’il suit les instructions relatives au contenu.
  • Vous pouvez sélectionner autant de balises de tâche que nécessaire, tant que les tâches correspondantes sont mentionnées dans le tutoriel.
  • Saisissez le symbole @ et choisissez une ou plusieurs tâches dans le menu. 
  • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix qui se situe à côté.

Renseignement des outils et fonctionnalités

  • Cette catégorie rassemble les fonctionnalités spécifiques de l’application utilisée pour réaliser les tâches : outils, panneaux, commandes de menu, etc.
  • S’il est possible de sélectionner autant de balises d’outil que souhaité, veillez à utiliser uniquement les outils, panneaux et commandes de menu mentionnés dans votre tutoriel.
  • Saisissez le symbole @ et choisissez un ou plusieurs outils dans le menu.
  • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix qui se situe à côté. 

Chargement de la vignette

  •  Chargez la vignette de 740 par 740 pixels que vous avez préparée. Les vignettes doivent être au format PNG, JPG ou JPEG et peser moins de 200 Ko.
  • Cette image carrée s’affiche à côté du titre de votre tutoriel dans les résultats de recherche. Elle doit illustrer le résultat final ou l’état « d’après » de votre tutoriel.
  • Vous pouvez consulter des templates et les spécificités des vignettes ici.

Enregistrement de votre travail

  • Cliquez sur le bouton Enregistrer en haut de Tutorial Builder.
  • Cliquez à nouveau sur Aperçu pour apporter la touche finale à votre tutoriel.
  • Pour le modifier, cliquez sur Créer en haut de l’écran afin de revenir à vos différentes sections et étapes.

Envoi du tutoriel

  • Cliquez sur le bouton Envoyer en bas de l’écran Terminer une fois le tutoriel finalisé.
  • Une fois envoyé, le tutoriel sort de la file d’attente En cours de votre tableau de bord et reste inaccessible jusqu’à la réception de la notification de révision.

7. Révision du tutoriel

Étape 1 : notification

  • Lorsque vous envoyez votre tutoriel, un certificateur le révise, puis vous recevez une notification par e-mail vous informant de sa validation ou de la nécessité d’effectuer des actions supplémentaires.

Étape 2 : modification

  • Si vous recevez une notification Action requise, consultez votre document Rubriques pour [auteur].
    • Les modifications demandées sont répertoriées à la section Consulter les commentaires.
    • Pour toute question ou commentaire concernant les modifications, contactez votre certificateur.
  • Apportez les modifications demandées dans Tutorial Builder.
    •  Dans le tableau de bord de Tutorial Builder, accédez à l’onglet Nécessite une révision.
    • Localisez le tutoriel qui doit être modifié.
    • Cliquez sur les trois points du tutoriel, puis choisissez Édition.
    • Apportez les modifications demandées.
    • Cliquez sur Envoyer.

Étape 3 : finalisation

  • Une fois les modifications effectuées, vous recevez une autre notification de validation ou de refus du tutoriel.
    • Si le tutoriel est refusé à ce stade, répétez l’étape 2 : modification.
    • Votre travail est terminé lorsque le tutoriel est validé. Merci !

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?