Cet article explique en détail les différents éléments d'Image Editor afin de tirer le meilleur parti de toutes ses possibilités. Nous vous recommandons de d'abord prendre connaissance de la valeur ajoutée de cette fonctionnalité et la manière de la mettre en place.
1. Modèles
2. Paramètres du canevas
3. Paramètres de la grille
4. Paramètres des objets
4.1 Objet image
4.2 Objet texte
4.3 Objet Forme
Grâce à notre éditeur d'images dynamique, vous pouvez combiner l'optimisation des données et des images pour des annonces encore plus percutantes. Générez sans effort des annonces optimisées et pertinentes à grande échelle, pour des campagnes sociales sur plusieurs canaux à la fois, directement à partir de votre flux.
1. Modèles
Image Editor est la partie de notre outil qui vous permet de modifier ou de créer des modèles d'images. Ces modèles peuvent être appliqués à des produits spécifiques afin d'améliorer les images et de créer des annonces produits hautement pertinentes. Un modèle se compose d'un Canevas et d'Objets qui sont ajoutés à ce canevas. Vous pourrez travailler sur ces deux éléments lorsque vous modifierez ou créerez des modèles.
En haut de la page, vous trouverez un grand nombre d'options différentes. Sur le côté gauche (1), vous avez la possibilité de créer 3 types d'objets différents, à savoir des objets de type Texte, Image ou Forme.
Sur le côté droit (2), vous avez la possibilité d'effectuer un zoom avant ou arrière sur le canevas. La flèche vous permet de sélectionner les différents objets et la main vous permet de déplacer le canevas. En cliquant sur les flèches arrondies, vous pouvez annuler ou refaire une action. En cliquant sur les différents produits, vous obtiendrez un aperçu de votre modèle pour chaque produit sélectionné.
Enfin, en haut à droite (3), vous pouvez soit "Sauvegarder" votre modèle, soit cliquer sur l'icône en forme de rouage pour supprimer ou dupliquer un modèle.
L'onglet "Utilisation" peut également s'avérer utile pour voir où le modèle spécifique est utilisé.
2. Paramètres du canevas
Cliquez sur "Paramètres" sur le côté droit de l'éditeur d'images pour arriver à l'écran suivant.
Vous pouvez ajuster la taille et la couleur d'arrière-plan (ainsi que son opacité) du canevas (le cadre blanc à gauche) en ajustant les paramètres.
La taille du canevas peut être soit une des tailles prédéfinies, soit vous pouvez indiquer manuellement les dimensions pour la hauteur et la largeur. Les tailles prédéfinies sont accessibles depuis le menu déroulant et sont basées sur les tailles recommandées ou requises pour différents canaux d'export, tels que Google Ads ou Instagram Ads. Si aucune de ces options ne correspond à vos besoins, vous pouvez définir la taille du canevas vous-même.
La couleur d'arrière-plan est une couleur unie spécifiée par une valeur RVB (le spectre des couleurs) et une opacité. La couleur peut être sélectionnée soit à l'aide du sélecteur de couleurs (option 1 dans l'image ci-dessous), soit en spécifiant la valeur RVB à l'aide de valeurs hexadécimales (option 2 dans l'image ci-dessous). L'opacité est définie en pourcentage, où 100 % est totalement opaque et 0 % est totalement transparent.
3. Paramètres de la grille
Les paramètres de la grille comprennent une grille sous-jacente configurable qui peut être utilisée pour aligner les objets sur le canevas. Pour configurer la grille, assurez-vous que le paramètre "Grille d'affichage" est activé. La principale utilité de la grille est le paramètre "Aligner sur la grille". Lorsqu'il est activé, les objets se placent sur la ligne de la grille la plus proche lorsqu'ils sont déplacés, ce qui vous aide à aligner vos différents objets. Vous pouvez modifier la Taille de la grille en modifiant celle de chaque cellule carrée de la grille, ainsi que sa couleur et son opacité.
4. Paramètres des objets
Outre la modification des paramètres d'un modèle d'image, vous pouvez également ajouter des objets à vos modèles. Un objet est un élément qui peut être statique (par exemple une forme, une image statique ou un texte statique) ou dynamique (une image du produit ou le titre du produit sous forme d'objet texte). Chaque fois qu'un nouvel objet est ajouté au canevas, il est superposé à l'objet précédent.
Vous pouvez apporter des modifications à vos objets sous l'onglet "Objets". Ici, leur ordre peut être modifié (en cliquant sur les 3 bandes à gauche et en faisant glisser l'objet), ainsi que leur nom et leur visibilité. Enfin, vous pouvez vérouiller vos objets afin qu'ils ne soient pas déplacés et également les supprimer.
4.1 Objet image
Le type d'objet le plus important est l'objet Image. Les images peuvent être dynamiques ou statiques. Lorsque vous insérez un objet Image dynamique, l'objet est vide jusqu'à ce que vous choisissiez de connecter un champ d'image dans le menu déroulant. Une image est alors ajoutée au canevas. Il est important de noter que nous redimensionnons dynamiquement la taille de celle-ci pour qu'elle tienne dans le cadre de l'image (avec le contour bleu). Cela permet d'éviter que les images soient accidentellement (partiellement) placées en dehors du canevas ou qu'elles recouvrent accidentellement un autre objet.
Si vous souhaitez ajouter une image statique identique pour tous les produits, consultez cet article de notre Centre d'aide.
Sous l'onglet "Design", vous pouvez ajuster les paramètres suivants :
Disposition
La position et la taille de l'objet Image, exprimées en pixels, qui peuvent être ajustées manuellement.
Image
Pour les images dynamiques, vous pouvez choisir le champ d'image à partir duquel l'image sera récupérée via Champ d'image. Vous pouvez également définir l'opacité de l'image, exprimée en pourcentage.
Ombre
Vous pouvez créer une ombre derrière votre image dont vous pouvez spécifier la couleur, l'opacité, le décalage et le flou. Si le décalage (exprimé en pixels) pour les axes X et Y est de 0,0, aucune ombre ne sera visible. En augmentant par exemple, la valeur de l'axe X, l'ombre sera visible à droite de l'image.
Trait
La bordure de l'objet Image. Vous pouvez spécifier la couleur, l'opacité et la largeur de cette bordure, ainsi que son style. Les styles disponibles sont l'absence de bordure, une bordure continue ou une bordure en pointillés.
4.2 Objet Texte
L'objet Texte est un objet dans lequel vous pouvez avoir des valeurs statiques et dynamiques, comme un champ de texte normal dans Channable.
Disposition
La position et la taille de l'objet Texte, exprimées en pixels, qui peuvent être ajustées manuellement.
Valeur
Le texte à afficher dans l'objet texte. Une valeur statique peut être combinée à des champs dynamiques, comme le montre l'exemple ci-dessus.
Police
La police de l'objet Texte. Il existe une liste de polices disponibles, ainsi que d'autres paramètres tels que la couleur, la décoration, l'alignement, la hauteur de ligne et l'espacement.
La taille de la police peut être définie directement. Vous pouvez également sélectionner "Échelle à respecter" pour adapter automatiquement la taille de la police au cadre de l'objet Texte.
Ombre
Cette option permet de définir l'ombre derrière le texte de l'objet Texte. Vous pouvez spécifier sa couleur, son opacité, son décalage et son flou.
Si le décalage (exprimé en pixels) pour les axes X et Y, est égal à 0,0, aucune ombre ne sera visible. En augmentant, par exemple la valeur de l'axe X, l'ombre sera visible à droite du texte.
Trait
La bordure autour des lettres dans l'objet Texte. Vous pouvez définir la couleur, l'opacité et la largeur, ainsi que le style de cette bordure. Les styles disponibles sont l'absence de bordure, une bordure continue ou une bordure en pointillés.
4.3 Objet Forme
Les objets Forme sont des formes purement statiques, comme des ronds, des flèches et des lignes :
Disposition
La position et la taille de l'objet Forme, exprimées en pixels.
Forme
Ici, vous pouvez spécifier la couleur et l'opacité de l'objet Forme.
Ombre
Ce paramètre permet de définir l'ombre derrière l'objet Forme. Vous pouvez spécifier sa couleur, son opacité, son décalage et son flou.
Si le décalage (exprimé en pixels) pour les axes X et Y, est égal à 0,0, aucune ombre ne sera visible. En augmentant, par exemple la valeur de l'axe X, l'ombre sera visible à droite du texte.
Trait
La bordure autour de la forme. Il peut n'y avoir aucune bordure, une ligne continue ou une ligne en pointillés. Vous pouvez également spécifier la couleur, l'opacité et la largeur (en pixels) de la bordure.