Notions de base de l'éditeur d'images

L'éditeur d'images Channable est l'endroit où vous créez ou modifiez des modèles pour les images produit. Ces modèles mettent automatiquement à jour vos images produit pour créer des annonces très pertinentes et des visuels améliorés.

Un modèle se compose d'un Canvas (l'arrière-plan) et de différents Objets (texte, images, formes) placés dessus.

Interface de l'éditeur d'images

L'éditeur est divisé en zones distinctes pour créer objets, contrôler le canvas, et gérer votre modèle.

Contrôles et outils du canvas

Ces contrôles, situés sur le côté droit du canvas, vous aident à naviguer et à modifier votre design.

Icône/Contrôle	Description
Zoom avant/arrière	Changez la taille d'affichage du canvas.
Flèche (Sélection)	Sélectionnez et déplacez des objets individuels sur le canvas.
Main (Déplacer)	Déplacez la vue complète du canvas.
Flèches circulaires	Annulez ou Rétablissez votre dernière action.
Aperçu du produit	Parcourez les produits pour voir l'apparence du modèle pour chacun d'eux.

Paramètres du canvas

Le Canvas est la zone de base (le carré blanc) où vous construisez votre modèle. Cliquez Paramètres sur le côté droit de l'éditeur pour accéder à ces options.

Paramètre	Description	Détails
Taille	Définit les dimensions finales de sortie du modèle.	Choisissez parmi des tailles prédéfinies (basées sur des canaux d'export comme Google Ads) ou saisissez manuellement la hauteur et la largeur en pixels (px).
Couleur d'arrière-plan	Définit la couleur unie derrière tous les objets.	Sélectionnez-la avec le sélecteur de couleur ou en spécifiant des valeurs Hexadécimales (HEX) (RGB).
Opacité	Contrôle la transparence de la couleur d'arrière-plan	Définie en pourcentage. 100 % est entièrement visible (opaque) et 0 % est entièrement transparent.

Paramètres de la grille

Le grille est une superposition optionnelle pour vous aider à aligner les objets. Elle n'apparaît jamais dans l'image finale exportée.

• Afficher la grille : Activez ou désactivez la visibilité des lignes de la grille.

• Aimant sur la grille : Lorsqu'activé, le déplacement d'un objet s'aligne automatiquement sur la ligne de grille la plus proche, facilitant l'alignement.

• Taille de la grille : Définissez la taille en pixels de chaque cellule carrée de la grille.

• Couleur et opacité de la grille : Personnalisez l'apparence des lignes de la grille.

Types d'objets

Important : Le champ de projet utilisé pour les objets dynamiques doit être présent dans tous les projets où le modèle est utilisé !

Utilisez le panneau à gauche pour ajouter de nouveaux éléments à votre modèle. Vous pouvez créer trois types d'objets :

• Objet texte : Pour du texte statique ou des champs produit dynamiques (comme les titres).

• Objet image : Pour des images statiques ou des images produit dynamiques.

• Objet forme : Pour des formes statiques comme des encadrés, lignes et flèches.

Tous les types d'objets — Texte, Image et Forme — disposent de paramètres spécifiques sous l'onglet Design.

Objet image

Les objets image peuvent être dynamiques (récupérant les images produit depuis un champ) ou statiques (la même image pour tous les produits).

Propriété	Description	Détails
Disposition	Position et taille de l'objet.	Ajustez manuellement en pixels (px) la position X/Y et la largeur/hauteur.
Image	Relie l'objet à vos données produit.	Pour les images dynamiques, sélectionnez un champ de projet de type Image dans le menu déroulant. Définissez également l'Opacité de l'image (en pourcentage).
Ombre	Ajoute un effet d'ombre portée.	Configurez la couleur, l'opacité, le décalage (X, Y) et le flou. Un décalage de 0,0 signifie aucune ombre.
Contour	Crée une bordure autour de l'objet image.	Définissez la couleur, l'opacité et la largeur (en pixels). Choisissez un style : Pas de bordure, Continu (plein) ou En pointillés.

Remarque : Nous redimensionnons automatiquement l'image pour qu'elle s'adapte aux limites de l'objet (lignes bleues). Cela évite que les images soient coupées ou recouvrent involontairement d'autres éléments.

---

Objet texte

Les objets texte prennent en charge le texte statique et les valeurs de champs dynamiques (par ex., mélanger une phrase fixe avec le prix d'un produit).

Propriété	Description	Détails
Disposition	Position et taille de la zone de texte.	Ajustez manuellement en pixels (px) la position X/Y et la largeur/hauteur.
Valeur	Le contenu de l'objet texte.	Saisissez du texte statique, sélectionnez des champs dynamiques ou mélangez les deux.
Police	Contrôlez l'apparence du texte.	Choisissez une police dans la liste, définissez la couleur, la décoration (par ex. souligné), l'alignement, la hauteur de ligne et l'espacement. Utilisez l'option Échelle pour ajuster automatiquement la taille de la police à la zone.
Ombre	Ajoute une ombre portée derrière le texte.	Configurez la couleur, l'opacité, le décalage (X, Y) et le flou. Un décalage de 0,0 signifie aucune ombre.
Contour	Crée une bordure autour des lettres.	Définissez la couleur, l'opacité et la largeur (en pixels). Choisissez un style : Aucun, Continu (plein) ou En pointillés.

---

Objet forme

Les objets forme servent pour des formes statiques comme des encadrés, lignes et flèches.

Propriété	Description	Détails
Disposition	Position et taille de l'objet forme.	Ajustez manuellement en pixels (px) la position X/Y et la largeur/hauteur.
Forme	Contrôlez l'apparence du remplissage de la forme.	Spécifiez la couleur de remplissage et l'opacité.
Ombre	Ajoute une ombre portée derrière la forme.	Configurez la couleur, l'opacité, le décalage (X, Y) et le flou. Un décalage de 0,0 signifie aucune ombre.
Contour	Crée une bordure autour de la forme.	Définissez la couleur, l'opacité et la largeur (en pixels). Choisissez un style : Aucun, Continu (plein) ou En pointillés.

---

Gérer le modèle

Utilisez les contrôles en haut à droite pour gérer le modèle lui-même.

• Sauvegarder : Enregistrez les modifications en cours sur votre modèle.

• Icône d'engrenage (Paramètres) : Accédez aux options pour Supprimer ou Dupliquer le modèle.

• Onglet Utilisation : Voyez où, dans vos projets, le modèle actuel est utilisé.