{
  "tutorials": [
    {
      "surfaces": {
        "in_app_panel": {
          "name": "Créer et combiner des formes et dégradés de couleurs ",
          "version": "2.0.0",
          "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/1200x600_1.png?1697804494789",
          "content": [
            {
              "description": "Pour commencer, vous allez créer les premières formes géométriques, définir leurs couleurs et les positionner sur votre plan de travail.",
              "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2",
              "title": "Création des formes géométriques",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-1",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBERECTANGLESHAPETOOL}, cliquez sur votre plan de travail et insérez les valeurs de 950 px en largeur et 1 554 px en hauteur.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Rectangle Shape Tool"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-2",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL}, modifiez la couleur de fond en insérant le code couleur #EE4CA2 et supprimez la couleur de contour s'il y en a une.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-3",
                    "coachmark": {
                      "content": "Dans le panneau {ALIGNPANEL}, choisissez Aligner sur le plan de travail puis Alignement horizontal à gauche et Alignement vertical en bas.",
                      "position": {
                        "type": "view",
                        "id": "Align",
                        "panel": "Align"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-4",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBERECTANGLESHAPETOOL}, cliquez sur votre plan de travail et insérez les valeurs de 950 px en largeur et 449 px en hauteur.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Rectangle Shape Tool"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-5",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL}, modifiez la couleur de fond en insérant le code couleur #EF4F1E.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-5"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-6",
                    "coachmark": {
                      "content": "Dans le panneau {ALIGNPANEL}, choisissez Alignement horizontal à gauche et Alignement vertical en bas.",
                      "position": {
                        "type": "view",
                        "id": "Align",
                        "panel": "Align"
                      },
                      "type": "text",
                      "key": "coachmark-6"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-7",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBERECTANGLESHAPETOOL}, cliquez sur votre plan de travail et insérez les valeurs de 850 px en largeur et 1 000 px en hauteur.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Rectangle Shape Tool"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-8",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL} et déplacez ce rectangle au centre de votre grand rectangle rose - sur la partie visible uniquement.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-8"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-9",
                    "coachmark": {
                      "content": "Dans le panneau {TRANSFORMPANEL}, insérez la valeur de 425 px pour le rayon afin d’arrondir les angles. Les valeurs étant liées vous n’avez besoin de modifier qu'une seule case.",
                      "position": {
                        "type": "view",
                        "id": "Transform",
                        "panel": "Transform"
                      },
                      "type": "text",
                      "key": "coachmark-9"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-2-task-10",
                    "description": "Lorsque le symbole lien est activé, celui-ci apparaît dans un encadré, et permet la mise à jour de vos valeurs de manière automatique et proportionnelle.",
                    "coachmark": {},
                    "successConditions": [],
                    "type": "Note"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/Section1/IMG_TUTO_MOTIF_19_1_1.png"
            },
            {
              "description": "Vous allez créer un groupe composé de deux formes, changer ses couleurs, le dupliquer et le positionner sur votre plan de travail.",
              "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3",
              "title": "Création et duplication d'un groupe de formes",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-1",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBERECTANGLESHAPETOOL}, cliquez sur votre plan de travail et insérez les valeurs de 950 px en largeur et 449 px en hauteur.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Rectangle Shape Tool"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-2",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBEELLIPSESHAPETOOL}, cliquez sur votre plan de travail et insérez les valeurs de 890 px en largeur et 390 px en hauteur.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Ellipse Shape Tool"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-3",
                    "description": "S’il n’apparaît pas, sélectionnez longuement l’{ADOBERECTANGLESHAPETOOL} pour afficher les autres outils disponibles, puis choisissez l’{ADOBEELLIPSESHAPETOOL}.",
                    "coachmark": {},
                    "successConditions": [],
                    "type": "Note"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-4",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL}, modifiez la couleur de fond en insérant le code couleur #ADBEC2.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-5",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL} et en maintenant la touche Maj enfoncée, sélectionnez également votre rectangle.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-5"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-6",
                    "coachmark": {
                      "content": "Dans le panneau {ALIGNPANEL},  choisissez Aligner sur la sélection puis Alignement vertical au centre puis Alignement horizontal au centre.",
                      "position": {
                        "type": "view",
                        "id": "Align",
                        "panel": "Align"
                      },
                      "type": "text",
                      "key": "coachmark-6"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-7",
                    "coachmark": {
                      "content": "Choisissez {GROUP}.",
                      "position": {
                        "type": "appmenu",
                        "name": "object"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-8",
                    "coachmark": {
                      "content": "Dans le panneau {ALIGNPANEL},  choisissez Aligner sur le plan de travail puis Alignement vertical en haut et Alignement horizontal à gauche.",
                      "position": {
                        "type": "view",
                        "id": "Align",
                        "panel": "Align"
                      },
                      "type": "text",
                      "key": "coachmark-8"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-9",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBESELECTTOOL} et en maintenant la touche Alt (Windows) ou Option (macOS) enfoncée, déplacez votre groupe vers la droite entre les deux blocs.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-9"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-10",
                    "coachmark": {
                      "content": "Dans le panneau {ALIGNPANEL}, choisissez Alignement vertical en bas.",
                      "position": {
                        "type": "view",
                        "id": "Align",
                        "panel": "Align"
                      },
                      "type": "text",
                      "key": "coachmark-10"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-11",
                    "coachmark": {
                      "content": "Double-cliquez sur votre groupe pour le modifier et, avec l’{ADOBESELECTTOOL}, sélectionnez le rectangle. ",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-11"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-12",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL}, modifiez la couleur de fond en insérant le code couleur #EE4CA2.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-12"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-3-task-13",
                    "coachmark": {
                      "content": "Double-cliquez à l'extérieur de votre plan de travail pour sortir du groupe.",
                      "position": {
                        "type": "canvas"
                      },
                      "type": "text",
                      "key": "coachmark-13"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/Section3/IMG_TUTO_MOTIF_19_2_1.png"
            },
            {
              "description": "Vous allez ajouter des dégradés linéaires sur certaines formes géométriques créées précédemment.",
              "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4",
              "title": "Ajout des dégradés linéaires",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-1",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBESELECTTOOL}, sélectionnez le grand rectangle à gauche.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-2",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, sélectionnez le carré dégradé en haut à gauche pour l’activer et l’appliquer à votre forme. ",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-3",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le curseur à gauche dans la barre de dégradé et insérez le code couleur #EE4CA2.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-4",
                    "description": "Si vous n’avez pas accès à la case # dans le bord droit du panneau, c’est que vous n’êtes pas en RVB. Pour changer, ouvrez le menu déroulant en haut à droite et sélectionnez RVB.",
                    "coachmark": {},
                    "successConditions": [],
                    "type": "Note"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-5",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le curseur à droite dans la barre de dégradé et insérez le code couleur #ACBDC1.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-5"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-6",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, insérez la valeur de 90° dans la partie Angle afin d’agir sur la rotation du dégradé pour le rendre vertical.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-6"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-7",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL} et sélectionnez le rectangle dont vous avez arrondi les angles.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-8",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, sélectionnez le carré dégradé en haut à gauche pour l’activer et l’appliquer à votre forme. Insérez la valeur de 90° dans la partie Angle.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-8"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-9",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le curseur à gauche dans la barre de dégradé et insérez le code couleur #EF4F1E.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-9"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-10",
                    "coachmark": {
                      "content": "Toujours avec l'{ADOBESELECTTOOL}, maintenez la touche Alt (Windows) ou Option (macOS) enfoncée et déplacez votre rectangle aux bords arrondis vers la droite. ",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-10"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-11",
                    "coachmark": {
                      "content": "Dans le panneau {TRANSFORMPANEL}, modifiez la hauteur en insérant la valeur de 1 450 px. ",
                      "position": {
                        "type": "view",
                        "id": "Transform",
                        "panel": "Transform"
                      },
                      "type": "text",
                      "key": "coachmark-11"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-12",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, insérez la valeur de -90° dans la partie Angle.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-12"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-4-task-13",
                    "coachmark": {
                      "content": "Dans le panneau {ADOBEGRADIENTEDITORPANEL}, double-cliquez sur le curseur à gauche dans la barre de dégradé et insérez le code couleur #EE4CA2.",
                      "position": {
                        "type": "view",
                        "id": "AdobeGradientEditor",
                        "panel": "AdobeGradientEditor"
                      },
                      "type": "text",
                      "key": "coachmark-13"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/Section4/IMG_TUTO_MOTIF_19_3_1.png"
            },
            {
              "description": "Vous allez utiliser l’outil filet pour créer des dégradés spécifiques basés sur un maillage que vous aurez créé.",
              "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5",
              "title": "Utilisation de filet de dégradé",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-1",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL} et, en maintenant la touche Maj enfoncée, sélectionnez les deux groupes composés d’un rectangle et d’une ellipse.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-2",
                    "coachmark": {
                      "content": "Choisissez {UNGROUP} afin de pouvoir modifier les éléments individuellement.",
                      "position": {
                        "type": "appmenu",
                        "name": "object"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-3",
                    "coachmark": {
                      "content": "Choisissez {DESELECT-ALL}.",
                      "position": {
                        "type": "appmenu",
                        "name": "select"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-4",
                    "coachmark": {
                      "content": "Sélectionnez {ADOBEMESHEDITINGTOOL} et cliquez sur l’ellipse que vous venez de dissocier en haut à gauche. Cliquez sur l’axe vertical central vers le haut.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Mesh Editing Tool"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-5",
                    "description": "S’il n’apparaît pas, sélectionnez longuement l’{ADOBEGRADIENTVECTORTOOL} pour afficher les autres outils disponibles, puis choisissez l’{ADOBEMESHEDITINGTOOL}.",
                    "coachmark": {},
                    "successConditions": [],
                    "type": "Note"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-6",
                    "description": "L’{ADOBEMESHEDITINGTOOL} vous permet de créer un maillage qui contient plusieurs points d’ancrages. A chaque point d’ancrage vous pouvez assigner une couleur et ainsi créer des transitions uniques. ",
                    "coachmark": {},
                    "successConditions": [],
                    "type": "Note"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-7",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL}, modifiez la couleur de fond en insérant le code couleur #EF4F1E.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-8",
                    "description": "Si vous utilisez l’{ADOBEDIRECTSELECTTOOL}, vous pouvez sélectionner les points d’ancrage présents sur votre ellipse et modifier leur couleur. Vous pouvez aussi déplacer ces points d’ancrage.  ",
                    "coachmark": {},
                    "successConditions": [],
                    "type": "Note"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-9",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBEMESHEDITINGTOOL} et cliquez sur l’ellipse que vous venez de dissocier en bas à droite. Vous allez cliquer sur l’axe vertical central vers le bas.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Mesh Editing Tool"
                      },
                      "type": "text",
                      "key": "coachmark-9"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-5-task-10",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL}, modifiez la couleur de fond en insérant le code couleur #EE4CA2.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-10"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/Section5/IMG_TUTO_MOTIF_19_4_1.png"
            },
            {
              "description": "Pour finaliser cette composition, vous allez ajouter une dernière forme et utiliser le filet de dégradé mais avec deux points et deux couleurs.",
              "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-6",
              "title": "Ajout d’une forme en dégradé",
              "taskList": {
                "tasks": [
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-6-task-1",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBEELLIPSESHAPETOOL}, cliquez sur votre plan de travail et insérez les valeurs de 775 px en largeur et 775 px en hauteur.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Ellipse Shape Tool"
                      },
                      "type": "text",
                      "key": "coachmark-1"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-6-task-2",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBESELECTTOOL} et déplacez cette ellipse dans la partie basse du rectangle aux angles arrondis de droite. Veillez à garder une marge relativement identique de chaque côté.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Select Tool"
                      },
                      "type": "text",
                      "key": "coachmark-2"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-6-task-3",
                    "coachmark": {
                      "content": "Dans le panneau {COLORPANEL}, modifiez la couleur de fond en insérant le code couleur #ADBEC2.",
                      "position": {
                        "type": "view",
                        "id": "Color",
                        "panel": "Color"
                      },
                      "type": "text",
                      "key": "coachmark-3"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-6-task-4",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBEMESHEDITINGTOOL} et créez un point d’ancrage situé sur la partie haute de l’axe vertical central de l'ellipse.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Mesh Editing Tool"
                      },
                      "type": "text",
                      "key": "coachmark-4"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-6-task-5",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBEEYEDROPPERTOOL} et cliquez sur le rectangle en bas à gauche de votre plan de travail afin d'appliquer sa couleur à votre point d'ancrage.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Eyedropper Tool"
                      },
                      "type": "text",
                      "key": "coachmark-5"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-6-task-6",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBEMESHEDITINGTOOL} et créez un point d’ancrage situé sur la partie basse de l’axe vertical central de l'ellipse.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Mesh Editing Tool"
                      },
                      "type": "text",
                      "key": "coachmark-6"
                    },
                    "successConditions": [],
                    "type": "Step"
                  },
                  {
                    "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-6-task-7",
                    "coachmark": {
                      "content": "Sélectionnez l'{ADOBEEYEDROPPERTOOL} et cliquez sur le rectangle en bas à droite de votre plan de travail afin d'appliquer sa couleur à votre point d'ancrage.",
                      "position": {
                        "type": "tool",
                        "id": "Adobe Eyedropper Tool"
                      },
                      "type": "text",
                      "key": "coachmark-7"
                    },
                    "successConditions": [],
                    "type": "Step"
                  }
                ]
              },
              "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/Section6/IMG_TUTO_MOTIF_19_5_1.png"
            },
            {
              "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d-step-7",
              "title": "Félicitations, vous avez découvert comment créer et combiner des formes géométriques et leur appliquer différents types de dégradé. Continuez d'expérimenter avec d'autres formes et couleurs.",
              "fallbackTitle": "Félicitations, vous avez découvert comment créer et combiner des formes géométriques et leur appliquer différents types de dégradé. Continuez d'expérimenter avec d'autres formes et couleurs.",
              "credit": "Chloé Grienenberger"
            }
          ],
          "client": "Learn",
          "key": "illustrator/how-to/in-app/1134d0b0-6f43-11ee-b2a8-9167a5854b0d",
          "landingStep": {
            "description": "Découvrez comment créer une composition originale avec des formes géométriques et divers types de dégradé : linéaire ou en filet.",
            "image": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/1200x600_1.png?1697804494789",
            "key": "step-1",
            "title": "Créer et combiner des formes et dégradés de couleurs ",
            "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/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/19_CREER_ET_COMBINER_DES_FORMES_ET_DEGRADES_BASE.ait"
        },
        "in_app_panels": {
          "live": "17e41b6b-2ff0-3557-bcbc-4b0a10105309",
          "versions": [
            2
          ]
        },
        "ids": {
          "in_app_panels": {
            "live": "17e41b6b-2ff0-3557-bcbc-4b0a10105309",
            "versions": [
              2
            ]
          }
        }
      },
      "aem_id": "illustrator/how-to/in-app/create-and-combine-shapes-and-color-gradients",
      "metadata": {
        "formatVersion": "1.0",
        "descriptions": {
          "medium": "Découvrez comment créer une composition originale avec des formes géométriques et divers types de dégradé : linéaire ou en filet.",
          "short": "Découvrez comment créer une composition originale avec des formes géométriques et divers types de dégradé : linéaire ou en filet.",
          "long": "Découvrez comment créer une composition originale avec des formes géométriques et divers types de dégradé : linéaire ou en filet."
        },
        "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/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/1200x600_1.png?1697804494789",
          "thumbnail": "https://cc-cdn.adobe.com/graceland/ILST/fr_FR/2.0.0/1134d0b0-6f43-11ee-b2a8-9167a5854b0d/740_px_1.jpg",
          "heroPath": "assets/LCM-ILST-27.8.0-fr_CA-07ae5961-4ead-4839-9d4c-8686bd38a454.png",
          "thumbnailPath": "assets/LCM-ILST-27.8.0-fr_CA-542e0550-5777-4cf2-b63c-67bddcab3c7d.jpeg"
        },
        "title": "Créer et combiner des formes et dégradés de couleurs ",
        "platforms": [
          "in-app"
        ],
        "duration_in_seconds": "530",
        "learning_approach": "interactive-in-app",
        "related_applications": {
          "fi_code": [],
          "sap_code": []
        },
        "relatedContents": [],
        "level": "beginner",
        "stage": "practice",
        "source": {
          "third_party": false,
          "label": "Adobe.com"
        },
        "topics": [
          "Color",
          "Gradient mesh",
          "Gradients",
          "Alignment",
          "Selections"
        ],
        "urls": {
          "helpx": "",
          "helpx_iframe": "",
          "low_url": "https://www.adobe.com/fr/learn/illustrator/in-app/create-and-combine-shapes-and-color-gradients",
          "low_url_temp": "https://www.adobe.com/fr/learn/illustrator/in-app/create-and-combine-shapes-and-color-gradients"
        },
        "taxonomy": {
          "creative_fields": [
            {
              "archived": false,
              "enName": "Graphic design",
              "id": "c42a4f725de6414facbd08326ec4cc7f",
              "internalId": "graphic-design",
              "name": "Conception graphique",
              "toolType": ""
            }
          ],
          "tasks": [
            {
              "archived": false,
              "enName": "Group content",
              "id": "4b9a04df3be14f5d8b7dab263846db4a",
              "internalId": "group-content",
              "name": "Associer le contenu",
              "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": "Fill with gradient",
              "id": "2c7ad0936d9443c7afbce3f8ef6b6585",
              "internalId": "fill-with-gradient",
              "name": "Remplir avec un dégradé",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Create gradient mesh",
              "id": "ab7edb64f58c4c47b088f24820f3a697",
              "internalId": "create-gradient-mesh",
              "name": "Créer un maillage de dégradé",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Edit gradients",
              "id": "7dce6d0169a0438eacb6eafffc674bd7",
              "internalId": "edit-gradients",
              "name": "Modifier les dégradés",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Align objects",
              "id": "5056fcf76dc14ec58b6fbe449c4d4b7e",
              "internalId": "align-objects",
              "name": "Aligner les objets",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Ungroup content",
              "id": "3dd2f70ca3b640fe8d27c88f65fc4446",
              "internalId": "ungroup-content",
              "name": "Dissocier le contenu",
              "toolType": ""
            }
          ],
          "tools": [
            {
              "archived": false,
              "enName": "Rectangle Tool",
              "id": "22670d5fb7ce42d99847501eae7df924",
              "internalId": "rectangle-tool",
              "name": "Outil Rectangle",
              "toolType": "tool"
            },
            {
              "archived": false,
              "enName": "Ellipse Tool",
              "id": "8464b7ae6d7c411c9e9a8221b2570cac",
              "internalId": "ellipse-tool",
              "name": "Outil Ellipse",
              "toolType": "tool"
            },
            {
              "archived": false,
              "enName": "Direct Selection Tool",
              "id": "00ddab72568d42d69dc429a099489738",
              "internalId": "direct-selection-tool",
              "name": "Outil Sélection directe",
              "toolType": "tool"
            },
            {
              "archived": false,
              "enName": "Select > All",
              "id": "558f881418bf488e82706ebe4a81e956",
              "internalId": "select-all",
              "name": "Sélection > Tous",
              "toolType": "menu"
            },
            {
              "archived": false,
              "enName": "Select > Deselect",
              "id": "7d71fc72384748f1a7eaf07f07daf864",
              "internalId": "select-deselect",
              "name": "Sélection > Désélectionner",
              "toolType": "menu"
            },
            {
              "archived": false,
              "enName": "Align",
              "id": "4aaf0c7329094c9e83a82805c7569b11",
              "internalId": "align",
              "name": "Aligner",
              "toolType": "panel"
            },
            {
              "archived": false,
              "enName": "Gradient",
              "id": "0e18cdb4943e4bfab58ffb01be31c29d",
              "internalId": "gradient",
              "name": "Dégradé",
              "toolType": "panel"
            },
            {
              "archived": false,
              "enName": "Object > Create Gradient Mesh",
              "id": "6834722879ce451d92ba7c4779e1ba34",
              "internalId": "object-create-gradient-mesh",
              "name": "Objet > Créer un filet de dégradé",
              "toolType": "menu"
            },
            {
              "archived": false,
              "enName": "Color",
              "id": "a0415cca99b54c73b09c09a5340bb823",
              "internalId": "color",
              "name": "Couleur",
              "toolType": "panel"
            }
          ],
          "topics": [
            {
              "archived": false,
              "enName": "Color",
              "id": "0b866e9c90384a2a8a4feefa187d13f4",
              "internalId": "color",
              "name": "Couleur",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Gradient mesh",
              "id": "577d085eded54e1bb8bb47ab4b9f7ee3",
              "internalId": "gradient-mesh",
              "name": "Filet de dégradé",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Gradients",
              "id": "ac2ee423096a4eafa3a9825237c0b98d",
              "internalId": "gradients",
              "name": "Dégradés",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Alignment",
              "id": "3067432ec8974d98bb77660e8210df4b",
              "internalId": "alignment",
              "name": "Alignement",
              "toolType": ""
            },
            {
              "archived": false,
              "enName": "Selections",
              "id": "f22fa5991a7345c0a639f887f6ae6cac",
              "internalId": "selections",
              "name": "Sélections",
              "toolType": ""
            }
          ]
        }
      },
      "urls": {
        "helpx": "",
        "helpx_iframe": "",
        "low_url": "https://www.adobe.com/fr/learn/illustrator/in-app/create-and-combine-shapes-and-color-gradients",
        "low_url_temp": "https://www.adobe.com/fr/learn/illustrator/in-app/create-and-combine-shapes-and-color-gradients"
      },
      "created_on": "2023-11-03T19:38:36.149Z",
      "modified_on": "2024-04-19T22:35:23.996Z",
      "locale": "fr_FR",
      "published_status": "live",
      "tutorialUUID": "7ba2983d-735d-3691-b704-b4979b7b1153",
      "archive": false,
      "version": 1
    }
  ],
  "per_page": 50,
  "page": 1,
  "total_objects": 1
}