{
  "tutorials": [
    {
      "surfaces": {
        "in_app_panel": {
          "name": "Créer un graphique à barres verticales en dégradé",
          "version": "2.0.0",
          "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/1200x600_1.jpg?1754171996512",
          "content": [
            {
              "description": "Pour commencer, vous allez créer votre arrière-plan coloré qui viendra contraster avec la couleur de votre diagramme.",
              "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-2",
              "title": "Création d’un arrière-plan",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-2-task-1",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBERECTANGLESHAPETOOL}, cliquez sur votre plan de travail et insérez les valeurs de 2 000 px en largeur et 2 000 px hauteur.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Rectangle Shape Tool"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-2-task-2",
                    "coachmark": {
                      "content": "Choisissez {ADOBE-COLOR-PALETTE}, modifiez la couleur de fond en insérant le code couleur #f9f3e6 dans le bord droit du panneau. Supprimez la couleur de contour s’il y en a une.",
                      "position": {
                        "type": "appmenu",
                        "name": "window"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-2-task-3",
                    "coachmark": {
                      "content": "Choisissez {ADOBEALIGNOBJECTS2}, sélectionnez alignement horizontal au centre puis alignement vertical au centre afin de centrer votre rectangle sur votre plan de travail.",
                      "position": {
                        "type": "appmenu",
                        "name": "window"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-2-task-4",
                    "coachmark": {
                      "content": "Choisissez {ADOBELAYERPALETTE1}, double-cliquez sur le calque ARRIÈRE-PLAN et choisissez Verrouiller puis cliquez sur OK. ",
                      "position": {
                        "type": "appmenu",
                        "name": "window"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-2-task-5",
                    "description": "Verrouiller un calque permet de protéger son contenu et de ne pas le modifier par erreur. ",
                    "coachmark": {},
                    "successConditions": [],
                    "type": "Note"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-2-task-6",
                    "description": "Pour verrouiller un calque, vous pouvez aussi cliquer dans la case vide à côté de l'œil. Un cadenas apparaît pour vous indiquer que le calque est verrouillé.",
                    "coachmark": {},
                    "successConditions": [],
                    "type": "Note"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-2-task-7",
                    "coachmark": {
                      "content": "Toujours dans le panneau {ADOBELAYERPALETTEPANEL}, sélectionnez l’icône + dans le bord droit du panneau pour créer un nouveau calque et renommez le GRAPHIQUE.",
                      "position": {
                        "type": "view",
                        "id": "AdobeLayerPalette",
                        "panel": "AdobeLayerPalette"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/Section2/IMG_TUTO_MOTIF_43-1_1.png"
            },
            {
              "description": "Vous allez créer un graphique à barre verticale et le modifier afin qu’il s’intègre parfaitement dans votre plan de travail.",
              "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3",
              "title": "Création d’un graphique",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-1",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBECOLUMNGRAPHTOOL}, cliquez sur votre plan de travail et insérez les valeurs de 2 000 px en largeur et 2 000 px en hauteur.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Column Graph Tool"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-2",
                    "coachmark": {
                      "content": "Insérez les valeurs suivantes en mettant une valeur par case sur la ligne horizontale : 25, 45, 75, 50 et 95 puis sélectionnez Appliquer dans le bord droit en haut du panneau. ",
                      "position": {
                        "type": "canvas"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-3",
                    "coachmark": {
                      "content": "Choisissez {EXPAND3}.",
                      "position": {
                        "type": "appmenu",
                        "name": "object"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-4",
                    "coachmark": {
                      "content": "Choisissez {UNGROUP}, puis cliquez sur OK.",
                      "position": {
                        "type": "appmenu",
                        "name": "object"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-5",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBELAYERPALETTEPANEL}, double-cliquez sur le calque TEXTE et choisissez Afficher. Déplacez-le en deuxième position.",
                      "position": {
                        "type": "view",
                        "id": "AdobeLayerPalette",
                        "panel": "AdobeLayerPalette"
                      },
                      "type": "text",
                      "key": "coachmark-5"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-6",
                    "coachmark": {
                      "content": "Choisissez {DESELECT-ALL}.",
                      "position": {
                        "type": "appmenu",
                        "name": "select"
                      },
                      "type": "text",
                      "key": "coachmark-6"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-7",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL}, sélectionnez la barre à gauche du graphique et supprimez-la. Faites de même avec la barre horizontale sous le graphique.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-8",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBESELECTTOOL}, sélectionnez votre graphique.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-8"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-9",
                    "coachmark": {
                      "content": "Choisissez {ADOBETRANSFORMOBJECTS1}, sélectionnez l’icône lien afin de désactiver les valeurs proportionnelles. Insérez les valeurs de 1 850 px en largeur et 1 700 px en hauteur.",
                      "position": {
                        "type": "appmenu",
                        "name": "window"
                      },
                      "type": "text",
                      "key": "coachmark-9"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-3-task-10",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBESELECTTOOL}, déplacez votre graphique afin que ses bords soient alignés avec le texte à gauche et à droite.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-10"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/Section2/IMG_TUTO_MOTIF_43-2_1.png"
            },
            {
              "description": "Vous allez appliquer un dégradé linéaire, arrondir les angles puis dissocier vos formes afin de les modifier individuellement. ",
              "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-4",
              "title": "Création d’un dégradé linéaire",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-4-task-1",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL}, supprimez la couleur de contour.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-4-task-2",
                    "coachmark": {
                      "content": "Choisissez {ADOBE-GRADIENT-PALETTE}, sélectionnez le carré dégradé en haut à gauche pour l’activer et l’appliquer à votre fond. Insérez la valeur de 90° pour l’angle.",
                      "position": {
                        "type": "appmenu",
                        "name": "window"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-4-task-3",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le point à gauche dans la barre de dégradé et insérez la valeur de #f9f3e6.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-4-task-4",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBEDIRECTSELECTTOOL}, approchez votre curseur d’un rond et tirez le vers l’intérieur de la forme afin d’arrondir tous les angles à leur maximum.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Direct Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-4-task-5",
                    "coachmark": {
                      "content": "Choisissez {UNGROUP}.",
                      "position": {
                        "type": "appmenu",
                        "name": "object"
                      },
                      "type": "text",
                      "key": "coachmark-5"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-4-task-6",
                    "coachmark": {
                      "content": "Choisissez {DESELECT-ALL}.",
                      "position": {
                        "type": "appmenu",
                        "name": "select"
                      },
                      "type": "text",
                      "key": "coachmark-6"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/Section4/IMG_TUTO_MOTIF_43-3_2.png"
            },
            {
              "description": "Vous allez modifier les couleurs du dégradé pour chacune de vos formes. ",
              "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5",
              "title": "\n\nModification des couleurs \n",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-1",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL}, sélectionnez la première forme à gauche. ",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-2",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le point à droite dans la barre de dégradé et insérez la valeur de #8f0042.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-3",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL}, sélectionnez la forme à droite de la précédente. ",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-4",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le point à droite dans la barre de dégradé et insérez la valeur de #ff5300.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-5",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBESELECTTOOL}, sélectionnez la forme à droite de la précédente. ",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-5"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-6",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le point à droite dans la barre de dégradé et insérez la valeur de #ff00c3.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-6"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-7",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBESELECTTOOL}, sélectionnez la forme à droite de la précédente. ",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-8",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le point à droite dans la barre de dégradé et insérez la valeur de #ffcedd.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-8"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-9",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBESELECTTOOL}, sélectionnez la forme à droite de la précédente.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-9"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-5-task-10",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le point à droite dans la barre de dégradé et insérez la valeur de #931f76.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-10"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/Section5/IMG_TUTO_MOTIF_43-4_1.png"
            },
            {
              "description": "Pour préciser les données, vous allez ajouter du texte sur chaque colonne indiquant le pourcentage.",
              "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6",
              "title": "Ajout de texte",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6-task-1",
                    "coachmark": {
                      "content": "Choisissez {INTERNAL-PALETTES-POSING-AS-PLUG-IN-MENUS-CHARACTER}, sélectionnez Arial Regular pour la police et insérez la valeur de 120 pt pour la taille. ",
                      "position": {
                        "type": "appmenu",
                        "name": "window"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6-task-2",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBETYPETOOL}, cliquez sur votre plan de travail et insérez 25%.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Type Tool"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6-task-3",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL} puis votre texte, déplacez-le en haut au centre de votre première forme. Basez vous sur l’image de référence. ",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6-task-4",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL},  modifiez la couleur de fond en insérant le code couleur #f9f3e6.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6-task-5",
                    "coachmark": {
                      "content": "Sélectionnez {ADOBESELECTTOOL}, et en maintenant la touche Alt (Windows) ou Option (macOS) enfoncée, déplacez votre texte au même endroit sur la deuxième forme pour la dupliquer.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-5"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6-task-6",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBETYPETOOL} et cliquez sur votre texte. Remplacez-le par 45%. ",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Type Tool"
                      },
                      "type": "text",
                      "key": "coachmark-6"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6-task-7",
                    "coachmark": {
                      "content": "Répétez ces deux actions trois fois en insérant le texte suivant, dans l’ordre de gauche à droite, 75% puis 50% et enfin 95%.",
                      "position": {
                        "type": "canvas"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-6-task-8",
                    "coachmark": {
                      "content": "N’hésitez pas à peaufiner l’alignement de vos textes par rapport à chaque forme avec l’{ADOBESELECTTOOL}, en vous basant sur l’image de section.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-8"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/Section6/IMG_TUTO_MOTIF_43-5_1.png"
            },
            {
              "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98-step-7",
              "title": "Félicitations, vous avez découvert comment créer un graphique à barre verticale afin d’analyser des données de manière lisible et structurée.",
              "fallbackTitle": "Félicitations, vous avez découvert comment créer un graphique à barre verticale afin d’analyser des données de manière lisible et structurée.",
              "credit": "Chloé Grienenberger"
            }
          ],
          "client": "Learn",
          "key": "illustrator/how-to/in-app/00508f90-6fec-11f0-a456-2d755997eb98",
          "landingStep": {
            "description": "Découvrez comment créer un graphique à barres verticales afin d’analyser des données de manière lisible et structurée.",
            "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/1200x600_1.jpg?1754171996512",
            "key": "step-1",
            "title": "Créer un graphique à barres verticales en dégradé",
            "coachmark": {
              "content": "Click {NEXT} to begin",
              "position": {
                "type": "view",
                "arrow": "top-right",
                "arrowOrientation": "vertical",
                "panel": "panelid.static.learn",
                "viewID": "next"
              },
              "type": "text",
              "key": "coachmarkKey"
            }
          },
          "author": {
            "name": "Chloé Grienenberger",
            "avatar": "https://utut-service.adobe.com/api/user/avatar/60DF3EDB538F40DE0A490D45.jpg",
            "bio": "https://utut-service.adobe.com/api/user/avatar/bio/60DF3EDB538F40DE0A490D45.json",
            "badge": "https://utut-service.adobe.com/api/user/avatar/badge/60DF3EDB538F40DE0A490D45.svg"
          },
          "type": "Tutorial",
          "locale": "fr_FR",
          "template": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/43_TUTORIEL_GRAPHIQUE_BARRE_VERTICAL.ait"
        },
        "in_app_panels": {
          "live": "bb404946-1137-367b-9910-e859ec73b337",
          "versions": [
            2
          ]
        },
        "ids": {
          "in_app_panels": {
            "live": "bb404946-1137-367b-9910-e859ec73b337",
            "versions": [
              2
            ]
          }
        }
      },
      "aem_id": "illustrator/how-to/in-app/create-a-vertical-gradient-bar-chart",
      "metadata": {
        "formatVersion": "1.0",
        "descriptions": {
          "medium": "Découvrez comment créer un graphique à barres verticales afin d’analyser des données de manière lisible et structurée.",
          "short": "Découvrez comment créer un graphique à barres verticales afin d’analyser des données de manière lisible et structurée.",
          "long": "Découvrez comment créer un graphique à barres verticales afin d’analyser des données de manière lisible et structurée."
        },
        "media_types": [
          "HandsOn"
        ],
        "creative_fields": [
          "graphic-design"
        ],
        "application": {
          "fi_code": "illustrator_cc",
          "sap_code": "ILST"
        },
        "locale": "fr_FR",
        "images": {
          "hero": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/1200x600_1.jpg?1754171996512",
          "thumbnail": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/00508f90-6fec-11f0-a456-2d755997eb98/740_px_1.jpg",
          "heroPath": "assets/ILST-27.8.0.266-fr_CA-da42f7b8-94b9-4564-a14f-ff1bc22e8a46.jpeg",
          "thumbnailPath": "assets/LCM-ILST-27.8.0.266-fr_CA-261418ad-39d6-4767-8f6e-e6d0783d2870.jpeg"
        },
        "title": "Créer un graphique à barres verticales en dégradé",
        "platforms": [
          "in-app"
        ],
        "created_on": "2025-09-09T22:08:26.379Z",
        "duration_in_seconds": "410",
        "learning_approach": "interactive-in-app",
        "related_applications": {
          "fi_code": [],
          "sap_code": []
        },
        "relatedContents": [],
        "modified_on": "2025-09-09T22:13:24.577Z",
        "level": "beginner",
        "stage": "practice",
        "source": {
          "third_party": false,
          "label": "Adobe.com"
        },
        "topics": [
          "Alignment",
          "Gradients",
          "Text"
        ],
        "urls": {
          "helpx": "",
          "helpx_iframe": "",
          "low_url": "https://www.adobe.com/fr/learn/illustrator/in-app/create-a-vertical-gradient-bar-chart",
          "low_url_temp": "https://www.adobe.com/fr/learn/illustrator/in-app/create-a-vertical-gradient-bar-chart"
        },
        "taxonomy": {
          "creative_fields": [
            {
              "archived": false,
              "enName": "Graphic design",
              "id": "c42a4f725de6414facbd08326ec4cc7f",
              "internalId": "graphic-design",
              "name": "Conception graphique",
              "toolType": ""
            }
          ],
          "tasks": [
            {
              "archived": false,
              "enName": "Create model graph",
              "id": "4af49908d48b4939b7e720b092ddc026",
              "internalId": "create-model-graph",
              "name": "Créer un graphe model",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Apply fill and stroke colors",
              "id": "ab9d17e1d8ae4d178530741a9cc56b1e",
              "internalId": "apply-fill-and-stroke-colors",
              "name": "Appliquer des couleurs de remplissage et de trait",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Create gradients",
              "id": "2405111e5db347f48ac29cf17c9a9421",
              "internalId": "create-gradients",
              "name": "Créer des dégradés",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Create shape layer",
              "id": "d1bfe57cd2234a52a25b40ba14beebca",
              "internalId": "create-shape-layer",
              "name": "Créer un calque de forme",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Align objects",
              "id": "5056fcf76dc14ec58b6fbe449c4d4b7e",
              "internalId": "align-objects",
              "name": "Aligner les objets",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Create text",
              "id": "7007c255ecf546309e5fbdf2dc7c8a49",
              "internalId": "create-text",
              "name": "Créer du texte",
              "toolType": ""
            }
          ],
          "tools": [
            {
              "archived": false,
              "enName": "Rectangle Tool",
              "id": "22670d5fb7ce42d99847501eae7df924",
              "internalId": "rectangle-tool",
              "name": "Outil Rectangle",
              "toolType": "tool"
            },
            {
              "archived": false,
              "enName": "Window > Color",
              "id": "a303092ec7ae404e9043406b967ec668",
              "internalId": "window-color",
              "name": "Barre d'applications > Couleur",
              "toolType": "menu"
            },
            {
              "archived": false,
              "enName": "Window > Align",
              "id": "af94dbea1f2a4a9ab368718b4e370e85",
              "internalId": "window-align",
              "name": "Barre d'applications > Aligner",
              "toolType": "menu"
            },
            {
              "archived": false,
              "enName": "Layers",
              "id": "418ad0d2e93a402c8406da70a1e36754",
              "internalId": "layers",
              "name": "Calques",
              "toolType": "panel"
            },
            {
              "archived": false,
              "enName": "Stacked Column Graph Tool",
              "id": "de295a679fbc411fb1f396e83991693d",
              "internalId": "stacked-column-graph-tool",
              "name": "Outil Graphe à barres verticales empilées",
              "toolType": "tool"
            },
            {
              "archived": false,
              "enName": "Gradient",
              "id": "0e18cdb4943e4bfab58ffb01be31c29d",
              "internalId": "gradient",
              "name": "Dégradé",
              "toolType": "panel"
            },
            {
              "archived": false,
              "enName": "Object > Ungroup",
              "id": "ef3bb91c8a0043e3b7f7d13dd9f10ec0",
              "internalId": "object-ungroup",
              "name": "Objet > Dissocier",
              "toolType": "menu"
            },
            {
              "archived": false,
              "enName": "Type Tool",
              "id": "f342e5b194be48cc817095c8a36547e0",
              "internalId": "type-tool",
              "name": "Outil Texte",
              "toolType": "tool"
            },
            {
              "archived": false,
              "enName": "Character",
              "id": "1e991b902aa44bc5bdf6a6f48f31c18b",
              "internalId": "character",
              "name": "Caractère",
              "toolType": "panel"
            }
          ],
          "topics": [
            {
              "archived": false,
              "enName": "Alignment",
              "id": "3067432ec8974d98bb77660e8210df4b",
              "internalId": "alignment",
              "name": "Alignement",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Gradients",
              "id": "ac2ee423096a4eafa3a9825237c0b98d",
              "internalId": "gradients",
              "name": "Dégradés",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Text",
              "id": "74d6b374f69f45b6a227b3ab6199d970",
              "internalId": "text",
              "name": "Texte",
              "toolType": ""
            }
          ]
        }
      },
      "urls": {
        "helpx": "",
        "helpx_iframe": "",
        "low_url": "https://www.adobe.com/fr/learn/illustrator/in-app/create-a-vertical-gradient-bar-chart",
        "low_url_temp": "https://www.adobe.com/fr/learn/illustrator/in-app/create-a-vertical-gradient-bar-chart"
      },
      "created_on": "2025-09-29T20:31:59.960Z",
      "modified_on": "2025-09-29T20:31:59.960Z",
      "locale": "fr_FR",
      "published_status": "live",
      "tutorialUUID": "45d27bd1-1390-3525-8594-abad7bda2f38",
      "archive": false,
      "version": "2.0.0"
    }
  ],
  "per_page": 50,
  "page": 1,
  "total_objects": 1
}