Bêta — La Composition d’images est en bêta et ses options peuvent encore évoluer. L’option de fond généré nécessite la fonctionnalité Fonds générés dans les contenus, que votre Technical Account Manager active dans les paramètres du Workflow.
Vue d’ensemble
Un composant Image classique affiche une seule image. La Composition d’images prend une liste d’images et les assemble pour vous en un seul visuel. Chaque image peut venir d’un import, d’une URL ou d’une variable de Datasource. La composition change donc par destinataire, par exemple les trois produits qu’il a consultés.Ajouter des images
1
Insérez le composant
Dans l’Éditeur de Content, choisissez Composition d’images dans la barre d’outils, puis tracez-la sur le canvas.
2
Ajoutez vos images
Dans la section Images du panneau de configuration, cliquez sur Ajouter une image pour chaque image du visuel.
3
Choisissez la source de chaque image
Ouvrez une image et définissez sa source : importez un fichier, collez une URL ou choisissez une variable de Datasource contenant une adresse d’image.
4
Ordonnez-les
Utilisez Placer l’image derrière et Placer l’image devant pour décider quelle image recouvre l’autre.
Détourer l’image
Détourer l’image rend le fond transparent avant la composition. C’est l’option qui transforme de simples packshots catalogue en produits posés naturellement côte à côte. La plateforme le fait pour vous, conserve le résultat et le réutilise la prochaine fois que la même image est composée. Packaging, étiquettes, marques et couleurs sont préservés — seul le fond disparaît.Transformer chaque image
Chaque image a ses propres Transformations et Ajustements, pour faire ressortir un petit produit à côté d’un grand.
Les ajustements couvrent Luminosité, Contraste, Saturation, Niveaux de gris, Flou et Teinte, pour harmoniser des images venant de catalogues différents.
Choisir une disposition
Deux interrupteurs terminent la composition :
- Fond ajoute une couleur ou une scène générée derrière les images, utile une fois les fonds détourés.
- Équilibrer les tailles met les images à l’échelle pour un poids visuel équivalent, afin qu’un petit flacon ne soit pas écrasé par une grande boîte.
Générer un fond
1
Activez le fond
Dans la section Disposition, activez Fond.
2
Choisissez un fond généré
Réglez Type sur Généré.
3
Décrivez la scène
Dans Description, écrivez ce qui doit apparaître derrière les images, par exemple « Une table en bois vide, des lumières de Noël en arrière-plan ».
Préparer vos images
Les packshots enregistrés en détourage, avec un fond transparent, donnent le meilleur résultat. Une photo prise sur fond blanc garde un liseré blanc autour d’un packaging blanc. La plateforme ne peut pas distinguer le fond du pack blanc. Ces photos doivent être corrigées dans le catalogue source, en détourages propres.Faire varier la scène par destinataire
Insérez des variables dans la description pour changer la scène selon le destinataire. Seules les variables dont les valeurs peuvent être énumérées à l’avance fonctionnent ici. Ce sont les champs de Datasource, les champs de Datagraph Object Family et les variables personnalisées construites dessus. Les variables qui dépendent de données du Workflow ne peuvent pas être utilisées. En ajouter une affiche « Cette variable dépend de données du workflow, elle ne peut pas être utilisée dans un fond généré. » Par exemple, un enseigne de surgelés conserve une Datasource de correspondance avec une ligne par rayon :
La description est alors une variable Scène suivie de « Photorealistic food photography, no text, no other product. ». Les images des produits viennent d’un champ de Datasource produit lié à chaque image : les produits sont la deuxième variable. Avec 5 produits et 9 rayons, la publication prépare 45 scènes.
Passer le Type de Couleur à Généré (ou l’inverse) remplace le réglage précédent. Revenir à Généré repart d’une description vide.
Publier avec un fond généré
À la publication d’un Content qui utilise un fond généré, la nouvelle version attend toutes les scènes. Une scène est préparée pour chaque combinaison de variables — chaque produit et chaque rayon de l’exemple ci-dessus. Pendant la préparation, l’éditeur est verrouillé : il s’ouvre en lecture seule et Save et Publish restent désactivés. L’en-tête affiche la progression, par exemple « Génération des arrière-plans : 12/45 ». La nouvelle version passe en ligne une fois toutes les scènes prêtes. La version en ligne précédente continue de servir pendant la génération. Au-delà d’un nombre maximal de combinaisons, la publication est refusée. Le message est « Les variables d’arrière-plan généré produiraient N images, ce qui dépasse le maximum de M. ». Retravaillez les variables pour réduire les combinaisons.Un destinataire dont la combinaison n’a pas de scène voit les images sans le fond généré.
Prévisualiser le résultat
La composition est construite pour vous et affichée directement sur le canvas : vous voyez le visuel final pendant que vous travaillez. Changer une disposition, une couleur ou une transformation rafraîchit l’aperçu. Un nouveau fond généré peut mettre quelques secondes à apparaître sur le canvas.Et ensuite ?
Composant Image
Ajoutez une image unique, statique ou liée aux données.
Data Binding
Alimentez chaque image depuis une variable de Datasource.
Conditions
N’affichez la composition qu’à la bonne audience.
Paramètres du Content
Passez en revue, régénérez ou rejetez chaque scène générée.
Tous les composants
Découvrez les autres types de composants.