Adobe Firefly : tutoriel

Avec l’arrivée de Dall-E, , Midjourney et Stable Diffusion Adobe – le géant de la création de contenu numérique – a senti le danger : sa position pouvait sérieusement être menacée.

Parce que si quelques lignes de texte permettaient de créer n’importe quel type d’image (photoréaliste, illustration, interfaces de produits numériques…), à quoi bon utiliser sa suite d’outils ?

Adobe s’est donc mis à travailler sur ses propres outils de génération de contenu par IA et en a lancé deux dans un premier temps (plusieurs autres sont en préparation) :

• Le remplissage génératif dans Photoshop.
• Adobe Firefly : le générateur d’images à partir de texte (et quelques petites choses en plus).

Dans cet article, je vais te parler de ce dernier.

De la façon dont il est devenu un outil extrêmement utile dans mon travail quotidien.

Je vais t’expliquer comment j’aborde certains cas d’usage assez fréquents.

Ainsi, si toi aussi tu effectues des tâches similaires, tu peux l’ajouter à ton arsenal et évaluer son intérêt face aux autres possibilités.

Alors, commençons par le commencement.

Qu’est-ce qu’Adobe Firefly ?

Firefly est le nom qu’Adobe a donné à son intelligence artificielle générative, qui nous permettra, à partir d’un texte (prompt), de créer des images à partir de zéro, de retoucher ou modifier celles qui existent, de créer des vidéos et de les éditer facilement, ou de créer des vecteurs à partir de croquis.

Comme tu le vois, il est assez complet et va au-delà de ce que proposent aujourd’hui des alternatives comme Stable Diffusion ou Midjourney, pour citer les deux plus populaires.

Autre avantage lié au fait qu’il s’agisse d’Adobe : il est intégré à ses outils d’édition, comme Photoshop ou Illustrator..

Mais pour ceux qui n’utilisent pas ces outils, il dispose aussi de sa propre plateforme web, de sorte que n’importe qui peut l’utiliser de manière indépendante.

Et c’est cette plateforme que je vais t’expliquer.

Usages d’Adobe Firefly

Avant toute chose, la première chose à faire est de te rendre sur l’outil et créer un compte gratuit si tu n’en as pas déjà un.

Une fois dedans, tu peux voir qu’à ce jour l’outil propose six types d’usage. Quatre sont déjà fonctionnels et deux le seront bientôt :

Passons-les en revue un par un et voyons ce qu’ils peuvent nous apporter.

Text to image

Le premier est peut-être le plus connu et le plus courant.

C’est le concurrent direct de Midjourney ou Dall-E : un générateur d’images à partir de prompts.

Autrement dit, nous écrivons un texte -en anglais- et l’outil le transforme en plusieurs images, afin que nous choisissions celle qui nous plaît ou modifiions le texte jusqu’à obtenir ce que nous voulons.

Mode d’emploi

Quand on entre dans cette fonctionnalité, un carrousel à défilement infini d’images générées avec l’outil s’ouvre.

Si l’on passe la souris sur l’une d’elles, le prompt qui l’a générée s’affiche :

Même si nous pouvons cliquer sur n’importe laquelle pour ouvrir le générateur, l’idéal est de passer quelques secondes à chercher une image qui ait un style ou un ton similaire à ce que nous recherchons – même si l’image elle-même représente un concept différent –, car cela nous fera gagner du temps en retouche.

Je te précise ça avec un exemple :

Imaginons que j’aie besoin d’un plongeur comme motif central pour une illustration des fonds marins.

Étape 1 : sélection de l’image initiale

Je regarde et je vois ceci :

Pour l’illustration que j’ai en tête, ça me convient :

• La vue de face.
• Le style de réalisme fantastique de l’image.
• L’éclairage et les tonalités de couleur.

Je clique donc dessus et le générateur s’ouvre, où je peux voir et modifier le prompt utilisé, ainsi que les styles de l’image :

Étape 2 : ajuster le prompt pour obtenir une image de base

La première chose que je peux faire est de modifier le prompt pour qu’il corresponde à mon idée.

Si je ne sais pas très bien comment expliquer en anglais ce que je veux, je peux utiliser un traducteur en ligne comme DeepL pour cela :

Ensuite, je le colle dans Firefly et je génère les résultats :

Pshhhhh…

Oui, c’est bien ce que nous lui avons demandé, mais franchement, on est loin de ce que je cherchais. Il faut donc affiner un peu la génération de l’image.

Je peux principalement faire deux choses :

#1. Utiliser une image de référence

Pour cela, depuis la page aux résultats médiocres, je reviens en arrière avec la flèche du navigateur jusqu’à retrouver mon koala spatial initial.

À ce stade, je choisis l’image que je préfère et je la prends comme modèle à partir de l’icône aux trois petits points qui apparaît dans le coin supérieur droit quand on passe la souris sur l’image :

Malgré la déformation du visage, les résultats commencent à être (un peu) meilleurs pour mon objectif :

Quelques curiosités ici :

• La plus évidente est que Firefly a utilisé la forme des oreilles du koala pour concevoir les tuyaux d’air.
• Les images sont plus réalistes que fantastiques parce que je lui ai indiqué que je voulais un contenu de type « photo ». Nous allons maintenant revenir sur ce point.
• Je choisis un fond neutre pour te montrer ensuite un usage complet de l’outil, mais en réalité, si je n’avais besoin que de l’illustration du plongeur, je créerais le fond ici même.
• Nous pouvons choisir le poids de l’image de référence d’origine grâce au curseur qui apparaît quand on clique sur cette image. En général, 50% donnera les meilleurs résultats :

Quoi qu’il en soit, comme je ne suis toujours pas satisfait des résultats, je vais t’expliquer la deuxième méthode d’amélioration.

#2. Modifier le prompt

C’est l’autre option pour améliorer les résultats initiaux. Et elle est en plus beaucoup plus simple.

Si je remplace le prompt ci-dessus par : "Cyberpunk diver in bright blue submarine suit, face covered, on a neutral background", les résultats sont nettement meilleurs pour mon objectif :

Là, ça change tout.

Les deux images de droite, surtout celle du haut, pourraient me convenir et je pourrais les utiliser comme référence..

C’est d’ailleurs ce que je vais faire. Ce sera mon point de départ..

Étape 3 : sélection du format

Essentiel pour deux raisons :

1. Il doit s’adapter à mon illustration.
2. Lors de l’exportation, Firefly ajoute un filigrane à l’image qui va gâcher la composition (si nous ne l’avons pas prévu à l’avance).

Plus loin, je t’expliquerai comment lutter contre le deuxième problème, mais pour l’instant restons sur le premier.

Dans le panneau de droite, nous avons toutes les options de contenu.

La première consiste à choisir le format (ratio) :

Nous choisirons celui qui convient le mieux à la composition que nous avons en tête.

On peut le choisir ou le modifier ensuite, mais sache que l’image générée sera modifiée (dans notre exemple, le plongeur). Autrement dit, le format ne change pas seulement : quand l’image est régénérée, elle n’est plus identique et change plus ou moins, donc je te recommande de le choisir maintenant.

Je vais garder le format carré, qui est très polyvalent.

Étape 4 : choisir le type d’image

Juste sous le format, c’est là que nous commençons à donner à l’image le ton que nous voulons.

Par défaut, selon le prompt, Firefly interprète les connotations que nous voulons donner à l’image : le « cyberpunk » de mon exemple oriente le résultat, par exemple.

Pour commencer, nous déciderons si ce dont nous avons besoin est :

#1. Une photo

Comme tu le vois, cela ne change pas beaucoup le style d’origine ("None").

#2. Un « graphique »

C’est la version illustration ou design « numérique » de l’image précédente.

#3. Un style artistique.

À l’inverse de la précédente, cette illustration a un caractère beaucoup plus pictural ou artistique. Plus « analogique », si tu préfères.

Comme tu le vois, nous affinons déjà beaucoup plus le type d’image que nous voulons. Mais attends, il y a encore pas mal de choses.

Étape 5 : définir le style

Dans mon cas, je vais utiliser la photographie, parce que, comme je l’ai dit au début, je cherche un style de réalisme fantastique ; je veux donc que l’image initiale, la base, soit réaliste.

C’est maintenant qu’il faut appliquer la touche fantastique, alors faisons un peu de magie.

La première chose à faire est de cliquer sur le bouton "All" pour voir toutes les possibilités, qui sont nombreuses :

Tu as différents « mouvements », « thèmes », « techniques », « effets », « matériaux » et « concepts » avec lesquels jouer.

Et tu peux les combiner entre eux.

Alors fais-le.

Essaie.

Expérimente.

Amuse-toi.

Cela dit, comme conseil, je te dirais d’appliquer les différentes sélections une par une, afin de pouvoir vérifier l’impact de chacune sur l’image.

C’est la manière de garder un certain contrôle, car si tu en appliques plusieurs à la fois, tu ne sauras pas laquelle donne à l’image l’effet qui te plaît :

Cela dit, il est important de savoir que les styles que tu donnes à l’image seront TRÈS fortement affectés si tu utilises une image de référence.

Voici le résultat obtenu avec le même prompt et les mêmes effets SANS utiliser d’image de référence :

Étape 6 : couleur et ton, la retouche finale

Nous avons presque notre protagoniste, mais nous voulons encore peaufiner l’image.

Pour cela, nous avons la dernière section du panneau, où nous jouerons avec les couleurs, la lumière et la composition (d’où l’image est prise, le type d’objectif, etc.) :

Conseil:

Tu dois savoir que ces détails, surtout la composition, auront plus d’impact sur notre image :

• Si nous avons ajouté un vrai fond, contrairement à cet exemple où je cherche un fond neutre.
• Et surtout, si nous n’utilisons pas d’image de référence, ce qui supprime beaucoup de ces nuances.

Étape 7 : télécharger l’image

Une fois que j’ai l’image souhaitée, il ne me reste plus qu’à la télécharger ici :

Mais à ma grande surprise, en l’ouvrant je vois ceci :

Ohhhh.

Tout ce temps passé à travailler pour obtenir une image que je ne peux pas utiliser.

Eh bien, parfait.

Pas de panique, il existe plusieurs solutions à ce problème ; je vais te les expliquer dans un instant.

Mais avant, voyons d’autres cas d’usage, car nous y rencontrerons aussi le même problème.

Remplissage génératif

Si nous revenons à l’accueil d’Adobe Firefly et choisissons l’option Generative fill , nous aurons la possibilité d’importer l’une de nos images (ce qui n’était pas possible avec la génération d’images) ou de travailler avec l’une de celles proposées :

Cas d’usage 1 : supprimer des éléments d’une image

Je vais téléverser mon plongeur et sélectionner l’outil remove :

Maintenant, avec le pinceau de la boîte à outils inférieure en mode "Add", je vais supprimer les éléments que je ne veux pas dans l’image :

Il est possible que je doive répéter cette opération deux ou trois fois :

Jusqu’à obtenir finalement quelque chose de correct et utilisable :

Ne t’inquiète pas pour la tache rouge du fond, nous la ferons disparaître juste après.

Il est clair que pour quelqu’un qui maîtrise Photoshop, les possibilités sont plus vastes ; mais pour ceux qui ne le maîtrisent pas, cette option de l’outil sera très utile.

Parce que, même si dans ce cas je veux supprimer le filigrane, sur n’importe quelle photo de nos dernières vacances je peux retirer des « figurants » indésirables.

Ou dans quelque selfie de groupe, je peux être très méchant et faire comme si cette personne quejaimepastrop n’avait jamais été là.

Je te laisse méditer là-dessus.

Cas d’usage 2 : changer le fond d’une image

Bon, une fois le filigrane supprimé comme je viens de te l’expliquer (d’autres options plus tard), je clique sur "background" pour supprimer le fond :

Voilà, nous avons déjà l’image sans fond :

Et j’ajoute le fond que je veux en écrivant le prompt. Par exemple, un fond sous-marin :

Je le place dans la jungle :

Ou à New York :

Not bad, hein ?

Créer directement des illustrations avec un fond

Une fois que tu connais ces possibilités, je veux te préciser qu’en réalité il aurait été beaaaucoup plus simple de créer le fond avec l’outil de génération d’images, par exemple comme dans ces deux cas :

Dont le prompt est :

"Diver in a bright blue submarine suit, with a black diving suit covering his face completely, against a dark and terrifying background of the deep sea.". »

En gras, tu vois comment je lui indique que je veux le fond de l’image.

Plus rapide et plus simple ; selon ce dont j’ai besoin, j’opterai donc pour la méthode longue et manuelle ou la méthode rapide et automatique.

Création d’une illustration ou d’une composition complexe

La possibilité de supprimer des fonds ou d’en ajouter d’autres à nos images est utile dans différentes situations.

L’une d’elles est lorsque tu dois créer une composition complexe avec différents éléments et fonds.

Dans notre exemple, imagine que je veuille ajouter deux autres plongeurs à droite ou à gauche du protagoniste et un calmar géant derrière. Sans oublier le fond marin, bien sûr.

Alors, ce que je devrais faire :

1. Créer chaque élément séparément avec Firefly, comme nous l’avons vu à l’étape précédente.
2. Supprimer le fond de chacun d’eux comme nous l’avons vu.
3. Créer la composition dans Photoshop et enregistrer.

Pour obtenir quelque chose comme ceci :

Une « illustration » pour laquelle n’importe quel illustrateur professionnel verra clairement une énorme marge d’amélioration.

Mais j’ai vu des jaquettes de jeux vidéo pires.

Et, surtout : elle a été réalisée en moins de dix minutes.

Vraiment.

En partant de zéro.

Moi, en tout cas, je trouve le rapport résultat / temps hallucinant..

Et Firefly nous permet d’exécuter deux des trois étapes -créer tous les éléments d’une illustration / composition professionnelle et parvenir à les isoler du fond- TRÈS rapidement.

Pour la première fois dans l’histoire, notre créativité est vraiment la seule limite..

Pas nos compétences en design ou en retouche.

Pas le temps disponible.

Notre imagination. Tout simplement.

Variations de couleurs dans les vecteurs et effets de texte

Firefly possède deux autres fonctionnalités que je n’ai pas encore utilisées.

L’une consiste à créer des variations de couleur dans des illustrations vectorielles..

Son utilisation, là encore, est très simple : tu téléverses un SVG et tu écris le prompt ou tu utilises le panneau d’options :

L’autre fonctionnalité disponible permet de créer des effets de texte.

Je suppose que je l’utiliserai un jour pour une bannière ou un autre format, mais pour l’instant je peux seulement te dire que, pour l’utiliser, il suffit d’écrire le mot ou le texte et de sélectionner l’effet.:

C’est tout pour les cas d’usage de Firefly, mais chose promise, chose due…

Comment supprimer le filigrane de Firefly

Avant de commencer, je pense qu’il faut répéter que les images générées avec Adobe Firefly sur son site web ne disposent PAS d’une licence d’utilisation commerciale.

Est-ce qu’on peut le faire ? Oui, mais à nos risques et périls.

Bon, en plus de cela, tu dois savoir que chaque fois que nous téléchargeons une image de la plateforme, ce filigrane sera ajouté dans le coin inférieur gauche.

Que nous créions une image de zéro ou que nous utilisions le remplissage génératif pour supprimer ou changer des fonds.

Mais il existe des moyens de l’éviter si nous voulons utiliser les images à des fins commerciales.

Commençons par le plus simple.

#1. En recadrant l’image

Évident, non ?

Je télécharge l’image complète puis je la recadre dans Photoshop ou un outil similaire afin de laisser le filigrane hors champ :

Si tu te souviens, à l’étape 3 du tutoriel, nous définissions le format. Et je t’avais alors expliqué qu’il y avait deux facteurs à prendre en compte au moment de le choisir :

• Le format que nous voulions pour l’image.
• Le filigrane.

Parce que, par exemple, si nous voulons une image carrée pour une publication Instagram, nous pouvons choisir un format horizontal ("landscape" ou "widescreen"), puis effectuer un recadrage comme celui de l’image ci-dessus.

Le filigrane restera en dehors de la composition finale.

Agrandir le recadrage

Si, une fois le recadrage effectué, la taille de l’image est trop petite pour ce dont nous avons besoin, nous pouvons toujours utiliser Waifu pour l’agrandir.

C’est un outil que j’utilise constamment pour ce genre de choses, car il permet de doubler (ou quadrupler) une image avec une perte de qualité bien inférieure à celle de la concurrence actuelle.

Et en plus, il est gratuit et très simple à utiliser :

1. Sélectionner l’image.
2. Choisir les réglages.
3. Télécharger.

#2. En retouchant l’image

C’est peut-être la méthode la plus évidente et la première qui vient à l’esprit.

Mais bien sûr, cette technique peut être abordée de deux façons différentes.

Avec Firefly lui-même

Comme nous l’avons fait dans le tutoriel sur le remplissage génératif avec le bras du plongeur.

La manière la plus simple, même si elle ne fonctionne pas toujours.

Avec Photoshop (ou équivalent)

Si tu sais retoucher des images, tu commenceras peut-être directement par là :

Copier, coller, tampon de duplication, remplissage d’après le contenu, etc.

En plus de notre arsenal habituel, les versions sur abonnement de Photoshop ajoutent le remplissage génératif de Firefly, ce qui revient à réunir dans un seul outil les deux méthodes dont nous parlons.

Idéal.

#3. Faire une capture d’écran complète ou partielle

Passons à des méthodes plus imaginatives mais très simples.

Une fois l’image créée dans Firefly, au lieu de cliquer sur télécharger et de laisser le filigrane s’ajouter, tu peux faire autre chose : faire une capture totale ou partielle de la fenêtre du navigateur.

Une fois cette capture obtenue, tu peux affiner le recadrage dans Photoshop ou un outil similaire, avec deux avantages :

• L’image obtenue ainsi a déjà une résolution supérieure à celle de l’image téléchargée.
• En plus, tu pourras utiliser l’image complète, sans filigrane dans le coin.

C’est toujours très utile, mais encore plus si tu as un écran 4k, car la résolution de la capture sera énorme et pourra même servir à des créations destinées à l’impression (qui exigent une résolution plus élevée que les formats numériques).

#4. Inspecteur d’éléments

Méthode similaire à la précédente, mais un peu moins manuelle et plus techie..

Une fois l’image voulue générée, au lieu de faire une capture comme avant, il s’agit de rechercher le fichier original de l’image dans le code afin de pouvoir l’enregistrer sur notre PC.

La première chose à faire est d’ouvrir l’inspecteur en faisant un clic droit dans la zone ombrée à côté de l’image, car si je le fais directement sur l’image, il ne s’ouvrira pas (Adobe veut nous compliquer les choses juste un tout petit peu, ce qui est logique) :

Ensuite, il faut chercher le fichier source de l’image. Tu auras besoin de connaître un peu de HTML pour cela, mais ce n’est pas difficile :

Je fais un clic droit sur le chemin de l’image dans le HTML et je sélectionne "ouvrir dans un nouvel onglet" :

L’image s’ouvre alors dans un nouvel onglet du navigateur, avec une résolution plus qu’intéressante et sans filigrane. Je peux ensuite l’enregistrer normalement sur l’ordinateur :

C’est la dernière technique que je connais pour télécharger des images Adobe Firefly sans filigrane.

Comme tu le vois, elles sont différentes et j’utilise l’une ou l’autre selon les cas. Habitue-toi à toutes et le filigrane ne sera plus jamais un problème pour toi.

Après avoir fait un bon tour d’horizon de l’outil, nous pouvons déjà commencer à tirer quelques conclusions. Mais avant…

Avantages d’Adobe Firefly

Je vois essentiellement trois avantages à cet outil par rapport à ses concurrents.

Pour commencer, l’un des principaux est qu’il il est gratuit..

Et sans limite de génération ni de téléchargement. Du moins, pour l’instant.

Ce n’est pas que Midjourney soit excessivement cher -bien au contraire-, mais si tu ne veux que quelques images ponctuelles, eh bien, tu économises un peu.

Le deuxième avantage que je lui vois est qu’il il est puissant tout en restant simple..

Autrement dit, obtenir de bons résultats est relativement facile et le panneau latéral aide.

D’autres outils comme Stable Diffusion sont certes très puissants – surtout dans leurs dernières versions –, mais ont une courbe d’apprentissage plus raide. Avec Firefly, en revanche, des prompts simples et le panneau latéral permettent d’obtenir de très bons résultats dès le départ.

Le dernier avantage évident que je lui vois est que, grâce à ce panneau latéral, il est possible de générer un style propre d’image. Si j’utilise toujours les mêmes styles et effets -une combinaison qui produit des images avec une certaine personnalité-, je peux maintenir une cohérence sur l’ensemble d’un projet (images pour un site web, illustrations ou supports de communication pour un client).

Inconvénients d’Adobe Firefly

Mais évidemment, tout ne pouvait pas être positif.

Cette IA a aussi ses points faibles. Et ils ne sont pas franchement mineurs :

Pour commencer, la plateforme web n’autorise pas l’utilisation commerciale des images générées.

On peut le faire, bien sûr, mais on risque une amende. À toi de voir.

À cet égard, la deuxième complication vient du filigrane ajouté à chaque création.

J’ai expliqué les méthodes que je connais pour contourner ce problème, mais cela reste une contrainte.

Le point négatif suivant, selon moi, est que Firefly ne gère toujours pas très bien, dans de nombreux cas, la génération des visages et des mains : les images peuvent être correctes dans l’ensemble, mais ces zones restent déformées. Si c’est le cas, il faut modifier le prompt et prier.

À cet égard, même s’il est puissant, je pense que Firefly reste un petit cran derrière le dernier modèle de Midjourney, qui, en plus d’améliorer ces déformations des doigts et des yeux, génère des images avec un petit supplément de qualité.

En fait, si on le compare à cet outil, on voit que Firefly manque de certaines fonctionnalités, puisqu’il n’est pas capable de :

• Générer des interfaces web.
• Générer des logos corrects.
• Copier le style d’artistes reconnus.
• Utiliser une image externe comme référence.

Ce sont toutes des fonctionnalités très utiles que Midjourney possède et que Firefly n’a pas, pour l’instant.

Enfin, deux petits détails :

J’ai constaté que certains concepts complexes comme "monocle" ne sont pas reconnus par Firefly dans une composition. Et ce n’est pas une question de complexité du prompt : si tu remplaces ce mot par "lunettes", il le reconnaît et l’utilise sans problème.

J’ai rencontré plusieurs cas de ce type et chercher des alternatives est pénible ou, parfois, impossible.

Cela dit, lorsqu’ils sont écrits séparément, Firefly sait utiliser ces concepts ; j’imagine donc que ce n’est qu’une question de temps avant qu’il ne les reconnaisse.

Enfin, on peut ajouter que, pour l’instant, tu ne peux utiliser que des prompts en anglais.

Ce n’est pas propre à Firefly, mais c’est bien le cas, et si nous voulons utiliser des prompts complexes sans être très à l’aise avec la langue de Shakespeare, nous devrons recourir à des traducteurs externes.

Conclusions finales

Après avoir expliqué les usages de base de l’outil, avec ses avantages et ses inconvénients, ma conclusion est que si ces inconvénients ne posent pas problème -et ils n’en poseront pas à beaucoup de monde-, nous avons affaire à un excellent outil.

Un de ceux qui changent les règles du jeu.

Mais il faudra bien sûr attendre qu’Adobe sorte sa version commerciale pour les particuliers -il existe déjà une option pour les entreprises- afin de connaître son prix et de voir si elle vaut vraiment le coup, ou si la concurrence payante (Midjourney) ou gratuite (Stable Diffusion) est plus intéressante.

Pour l’instant, je te recommande de commencer à bricoler avec, car tu pourrais vraiment avoir une très bonne surprise.