🎨 Créer une bannière LinkedIn stylée avec Midjourney

[Hors-série #06] Petit tuto rapide pour briller sur Linkeudine.

À moins d'en avoir rien à foutre style Jean-Claude, 54 ans, boomer & trolleur émérite en commentaire, tout le monde vous dira qu'un profil LinkedIn bien léché, bah, c'est quand même important.

À commencer par une photo de profil pas trop déconnante - mais là-dessus, je pourrais difficilement vous aider à part vous filer des conseils gros comme un paquebot (évitez déjà de faire la gueule, quoi).

Nan, ce qui va nous intéresser, c'est de créer une bannière cool de A à Z.

Et tout ça rien qu'avec Midjourney, enfin presque.

Allez, en avant Rantanplan : c'est parti pour un tuto assez court, aussi pragmatique que simple à suivre.

⚠️ Tuto réservé à des utilisatrices et utilisateurs de Midjourney pas trop débutant·es : en effet, on ne va pas vraiment s'attarder sur les paramètres de Midjourney auxquels nous aurons recours.

Étape 1 : créer le fond de la bannière

Je trouve cette étape intéressante car on voit bien ici (pour l'instant) les limites de l'IA : à moins de demander à Midjourney un truc complètement random, il va falloir lui écrire un prompt précis, qui est plus raccord avec votre charte graphique.

Et ça, y'a pas grand monde qui peut le faire à votre place.

Allez, supposons que les couleurs de ma charte graphique ressemblent à ça :

Dans mon univers iconographique, disons que j'ai recours pour mes visuels à des statues grecques.

Ce qu'on va faire, c'est écrire un prompt :

• Qui demande à Midjourney de générer un visuel au format bannière, sinon ça sert à rien : --ar 4:1 .

• Qui tient compte des couleurs de ma charte en nous aidant du paramètre --sref , et en jouant avec le style et son poids --sw [0-1000] .

• D'inclure sur cette bannière mes éléments iconographiques, dans des statues.

• Pour l'instant, on ne met pas de texte.

Mais avant de lui fournir des images en style de référence, causons background.

Sur cette partie, on peut imaginer tout et n'importe quoi. Quand je vous disais que les créatifs sont pas totalement dead 👀

On peut partir sur du fond épuré avec une couleur (précisez de préférence les éléments qui doivent apparaître dessus - ou pas - pour bien le driver) :

/imagine minimalist banner, empty pink background, --no elements --ar 4:1 --ar 4:1

Avec des dégradés :

/imagine simple empty banner, shades of blue and yellow from left to right --ar 4:1

Dans une matière :

/imagine white marble background, photography of a green plant on the left, aerial view --ar 4:1

Un truc plus photographique :

/imagine minimalist banner, clean green background --ar 4:1

Avec des éléments géographiques :

/imagine minimalist and colorful banner, red dots, blue circles, white background, pastel color palette --ar 4:1

Avec des motifs (même si pas ouf les motifs avec le format choisi, mieux vaut rester en 1:1) :

/imagine colorful banner, blue background, white banknotes --tile --ar 4:1

En jouant avec un style :

/imagine purple background, typewriter on the left with some papers, neon colors --ar 4:1

En retraitant les images avec du region vary, on peut aussi arriver à ce genre de choses photoréaliste :

Bref, j'ai à peine effleuré les possibilités.

Moi, je suis parti là-dessus :

/imagine minimalist banner, clean and abstract background of Greek statues --ar 4:1 --style raw --sw 10 --sref https://s.mj.run/7kF-eFnCJm0

Quelques précisions sur ce que l'on voit dans le prompt :

• J'aurai pu lui fournir une couleur dominante afin d'éviter qu'il ne fasse des trucs chelous (comme dans cet exemple). Je ne l'ai pas fait car j'ai réduit le poids du style de l'image de référence au minimum.

• J'ai utilisé --style raw afin de générer des visus moins embellis. Ce paramètre permet d'obtenir une correspondance plus précise lorsque l'on demande des styles spécifiques.

• Midjourney n’intègre pas de colorimétrie (les images générées ne respecteront donc pas les codes CMJN ou hexa), mais les teintes dominantes seront au moins cohérentes avec votre univers graphique.

😭 P'tain c'est la galère avec mon prompt !

Vous y avez certainement pensé si vous palpez Midjourney de temps en temps, il existe une chouette commande qui peut vous filer un coup de pouce : /describe.

(qui, comme son nom l'indique, demande au bot de... décrire une image, en l'occurrence ici une bannière existante que vous aimez bien)

Si cette solution a le mérite d'exister, je ne la conseille pas pour autant puisque si l'on en croit les CGU, les images passées à la moulinette peuvent être commercialisées ou copiées par tous, en mode free party Far West. Pas cool.

Résultat ?

J'ai eu des trucs plutôt chouettes pour un seul tirage :

Étape 2 : affiner le visu

Je suis parti sur le premier.

Le hic : on n'a pas assez de place pour caler nos futures infos. On va donc recourir à la fonctionnalité de "pan", que l'on va d'ailleurs faire 2 fois histoire d'avoir le champ libre :

À partir de là, on peut commencer à pimper notre bannière avec nos infos.

La première option, c'est d'utiliser la fonctionnalité de "region vary" afin d'inclure une accroche sur la bannière :

Néanmoins, en procédant de cette manière, vous allez vite vous apercevoir d'un problème :

Oui, à date (avril 2024), Midjourney est toujours aussi nul à chier pour inclure du texte dans ses visuels. Dall-e gère bien mieux la chose (sans que ce soit parfait non plus, hélas).

Il existe un certain nombre d'astuces pour avoir des résultats un peu plus probants (avec du raw, écrire en majuscules, ne pas dépasser 3 ou 4 mots dans la phrase...) mais très honnêtement, c'est s'arracher les tifs pendant trois plombes pour des résultats toujours aussi déplorables.

Donc ce qu'on va faire, c'est plutôt passer par Canva.

Étape 3 : terminer la bannière sur Canva

On crée un nouveau design pour notre bannière, et on copie-colle notre image de Midjourney vers Canva. À cause de notre "pan right", il faut adapter le format du visu, mais ça passe tranquille quand même :

Pour la suite, je ne rentrerai pas dans les détails : on est pas là pour un tuto bannière Canva, d'autres le font bien mieux que moi.

Reste qu'une bannière, notamment sur LinkedIn - parce qu'on est là pour ça j'crois - se compose de plusieurs éléments :

• L'accroche, ou la proposition de valeur.

• Quelques renseignements complémentaires au besoin.

• Éventuellement, des logos sympas pour montrer avec qui vous avez bossé.

• Un CTA.

Par conséquent, on ajoute notre punchline, quelques petits éléments décoratifs, et zou : on a une bannière qui fera tout à fait le café pour démarcher du prospect comme un thonier.

Le contrat initial est rempli :

• On a généré la majeure partie de la bannière avec Midjourney ;

• Dans nos couleurs ;

• Avec notre univers iconographique.

On aurait pu s'amuser à préparer davantage notre bannière sur Midjourney, en lui demandant par exemple de nous ajouter un CTA :

C'est clairement pas un CTA, mais cette version est pas dégolasse : il faudrait virer les espèces de planètes avec un "region vary" en précisant dans notre prompt "empty".

Mais je trouve personnellement que c'est une perte de temps : c'est plus rapide d'arriver au résultat que l'on souhaite avec Canva.

J'imagine néanmoins que Midjourney sera capable un jour ou l'autre d'intégrer du texte à la perfection sans chier dans la colle, auquel cas on fera une petite màj de ce tuto.

À la revoyure !