Transformer une image de marque en campagne complète pour les réseaux sociaux

Passez de la création d’une image de marque dans Firefly à la programmation de publications sur Instagram, TikTok et YouTube depuis Express.

Publié le 3 juin 2026

Télécharger des fichiers

00:01

Introduction et présentation d’Angelo Montilla

[Angelo Montilla] : Que diriez-vous de créer, à partir d'une idée ou d'un concept de design généré dans Adobe Firefly, un système d'identité visuelle cohérent et adaptable à différentes plateformes ?

Bonjour.

Je m'appelle Angelo Montilla.

Je vais vous montrer comment utiliser conjointement Firefly et Adobe Express pour générer des images et créer du contenu adaptable afin de faciliter la publication sur plusieurs réseaux sociaux.

Découvrons sans plus attendre comment publier le même contenu partout avec Firefly et Express.

J'ai créé cette image avec le modèle Firefly Image 5, réputé pour son photoréalisme haute fidélité et ses éclairages réalistes.

Le prompt mentionne une femme pleine d'assurance, qui porte d'élégantes lunettes noires et des écouteurs, et tient une canette blanche, devant un beau ciel bleu.

Je vais utiliser ce visuel comme image de référence pour promouvoir une boisson gazeuse sur les réseaux.

Je change de modèle et sélectionne Gemini 3.1 (w/ Nano Banana 2).

Pour le rapport L/H, je passe d'Auto à Écran large (16:9).

01:10

Créer un visuel de campagne à partir d’images de référence

Nano Banana 2 préserve parfaitement le contenu d'origine lors des modifications via des prompts.

Par ailleurs, je peux ajouter jusqu'à six images de référence.

Je survole l'image, je clique sur Modifier et je choisis Utiliser comme image de référence.

L'image est ajoutée en tant que référence, comme vous le voyez sur la gauche.

Puisqu'il s'agit d'un lancement de produit, je vais aussi exploiter une image de soda de marque comme référence.

Pour ce faire, je fais glisser ici le fichier PNG de la canette de soda.

La deuxième image de référence est ajoutée au projet.

Je modifie maintenant le prompt pour que le sujet tienne la canette de la deuxième image.

Une fois le prompt saisi, je clique sur Générer.

Le résultat est remarquable.

Le sujet tient la canette de la deuxième image avec réalisme.

Je clique sur l'image pour mieux voir.

Je vais maintenant affiner le tout pour renforcer la cohérence de marque.

À l’aide d’un nouveau prompt, je vais appliquer aux lunettes de soleil et au débardeur des codes couleur conformes à la charte graphique du produit.

Je conserve le modèle Nano Banana et je clique sur Générer.

Après avoir testé plusieurs variations et retravaillé les détails, j'ai obtenu une image qui colle parfaitement au style souhaité.

Mon visuel de campagne étant prêt, je vais passer dans Express pour le redimensionner et l'adapter à différentes plateformes.

Pour ce faire, je clique sur Partager en haut à droite et je choisis Ouvrir dans Express.

Un nouvel onglet s'ouvre avec l'image dans Express.

Je vais ajouter du texte et adapter le visuel à différentes plateformes.

02:58

Ajouter du texte et des effets dans Express

Sur la gauche, je choisis Texte et je clique sur Ajouter un titre.

Un bloc de texte apparaît sur l'image.

Je remplace le texte par défaut par mon titre : « Fresh lemon taste ».

J'ajuste le bloc pour afficher le texte sur trois lignes.

Pour l'instant, il est centré.

Dans le menu à gauche, j'opte pour un alignement à gauche.

Passons à la police.

Je recherche la police Adobe New Spirit Compressed et je sélectionne le style Semibold Italic qui correspond à la police du branding de la canette.

J'augmente la taille du texte à 130 points.

Je vais aussi changer l'interligne pour réduire l'espacement des lignes du titre.

Je clique donc sur l'icône Plus, puis je fais glisser le curseur Interligne vers la gauche.

Je réduis l'affichage en appuyant sur Option (sous macOS) ou Alt (sous Windows) et en faisant défiler vers l'extérieur, puis je positionne le bloc de texte en haut à gauche.

Je sélectionne le texte puis, sur la gauche, je choisis le blanc comme couleur de fond.

Je sélectionne les deux premiers mots pour leur appliquer un fond jaune.

Pour ce faire, je clique sur l'onglet Personnalisé, je colle le code hexadécimal et j'appuie sur Retour.

Les mots « fresh » et « lemon » sont maintenant en jaune.

Le bloc de texte étant sélectionné, je clique sur l'onglet Effets en haut à gauche.

Je fais défiler vers le bas et je choisis une forme d'arrière-plan.

Pour la personnaliser, je clique sur l'icône des paramètres.

Ici, je vais échantillonner un vert de la canette pour le définir comme arrière-plan.

Je clique sur la pipette, puis je sélectionne le vert sur la canette pour l'appliquer comme couleur d’arrière-plan.

Je peux aussi faire glisser le curseur Taille de la forme pour modifier la taille de la forme d'arrière-plan.

Ce type d'effet permet de faire ressortir le texte pour qu'il soit plus lisible, surtout avec un arrière-plan chargé.

Passons au redimensionnement et à l'adaptation du visuel pour les différentes plateformes.

05:04

Adapter le visuel à chaque plateforme et programmer sa publication

Je clique sur Redimensionner au-dessus de l'image.

Le menu correspondant apparaît sur la gauche.

Dans Réseaux sociaux et pub, je clique sur Instagram, puis je coche Post carré Instagram et Carrousel Instagram.

Ensuite, sous TikTok, je coche Vidéo TikTok.

Enfin, sous YouTube, je coche Miniature YouTube.

J'ai à présent toutes les tailles souhaitées.

Je clique donc sur Dupliquer et redimensionner.

Express crée les versions nécessaires en opérant des redimensionnements.

Dans certains cas, le texte des nouvelles versions doit être repositionné ou légèrement redimensionné.

Par exemple, je reviens à toutes les versions et je sélectionne le carrousel Instagram, puis je déplace le texte vers le haut et je le redimensionne en conséquence pour remplir l'espace.

Pour finir, je peux programmer les posts directement dans Adobe Express afin de les publier en temps voulu.

Par exemple, une fois le design sélectionné, je clique sur Partager en haut à droite, puis sur Tout afficher pour révéler d'autres options.

Je clique sur Planifier un post.

Une fenêtre contextuelle s'affiche.

Dans le menu Sélectionner des canaux, je choisis Instagram, puis j'ajoute le texte du post dans le champ Légende.

Il contient tous les détails de la campagne.

Je clique sur le bouton Aperçu en bas à droite dans la fenêtre pour prévisualiser le post Instagram.

Impeccable !

Je fais défiler vers le bas et je sélectionne Planifier, puis je clique sur le calendrier pour choisir la date et l'heure de publication.

Je peux maintenant cliquer sur Planifier pour confirmer mon post de lancement de produit.

Voilà, vous savez maintenant comment utiliser Adobe Firefly et Adobe Express pour créer un seul visuel et l'adapter à plusieurs plateformes.

Tirez parti de ce workflow dans vos projets pour renforcer la cohérence, gagner du temps et créer du contenu à grande échelle.

Merci de votre attention.

C'était Angelo Montilla.

À bientôt pour une autre vidéo.

Remarque : les ressources Adobe Stock sont fournies à des fins d’entraînement uniquement. Voir les conditions

Ce que vous apprendrez

Créer un visuel de campagne à partir d’images de référence

Partez d’une image de base dans Firefly, ajoutez une photo de produit ou d’autres contenus en guise de référence, puis affinez les couleurs et le style afin d’obtenir un rendu fidèle à votre identité visuelle.

Ajouter du texte et des effets dans Express

Ouvrez l’image dans Express, puis insérez un titre, choisissez des polices et des couleurs conformes à la charte graphique, et appliquez un arrière-plan de forme pour faire ressortir le texte.

Adapter le visuel à chaque plateforme et programmer sa publication

Servez-vous de l’outil Redimensionner d’Express pour adapter le visuel aux formats propres à Instagram, TikTok et YouTube en une seule étape, puis planifiez la diffusion de vos publications directement depuis l’application.

Formation et design: Angelo Montilla
Contributions Adobe Stock: liza; Deeplab

Cookie Settings

General information

Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.

If enabled:

We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud

If disabled:

We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you

General information

Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.

If enabled:

We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud

If disabled:

We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you

Voir la transcription

Ce que vous apprendrez