Texte derrière l'image

Comment placer du texte derrière une image

La page s'ouvre avec une photo de démo déjà chargée (notre ami le fermier, avec "it ain't much" bien glissé derrière sa casquette), pour que vous voyiez exactement à quoi ressemble l'effet avant de toucher à quoi que ce soit. Quand vous le souhaitez, remplacez-la par votre propre image :

1. Cliquez sur « Téléversez votre photo » et choisissez une image avec un sujet bien net. Une personne fonctionne le mieux, mais un chien, une voiture, une tasse de café, tout ce qui se détache de l'arrière-plan fera l'affaire.
2. Tapez votre texte. Appuyez sur Entrée pour une deuxième ligne. Le texte se glisse automatiquement derrière votre sujet ; pas de masque, pas de panneau de calques, rien à détourer à la main.
3. Faites-le glisser en place, directement sur l'aperçu. Attrapez le canevas et déplacez le texte là où il se lit le mieux, généralement de façon que le sujet chevauche une ou deux lettres. C'est ce chevauchement qui crée l'illusion de profondeur.
4. Stylisez-le. Choisissez une police, ajustez la taille et l'espacement, ajoutez un contour, faites-le pivoter, baissez l'opacité ou inclinez-le en faux 3D si l'envie vous prend.
5. Téléchargez votre PNG. L'export garde la résolution d'origine de votre photo, pas celle de l'aperçu ; une photo de 4000px donne donc un résultat de 4000px.

Ce qui se passe vraiment en coulisses

Quand votre photo se charge, un petit modèle de segmentation IA s'exécute directement dans votre navigateur et détermine quels pixels appartiennent au sujet et lesquels à l'arrière-plan. L'outil reconstruit ensuite votre image en trois calques : la photo d'origine en bas, votre texte au milieu et un détourage du sujet recollé par-dessus. Votre œil lit cet empilement comme de la profondeur : le texte semble avoir toujours fait partie de la scène.

Comme tout se passe sur votre appareil, il n'y a ni file d'attente de téléversement ni attente d'un serveur. La première photo prend quelques secondes de plus le temps de télécharger le modèle ; ensuite, c'est presque instantané. Votre photo ne quitte jamais votre navigateur pendant l'édition, ce qui convient aussi aux photos que vous préférez ne pas envoyer à un serveur inconnu.

Où vous avez déjà vu cet effet

Partout, franchement. Les miniatures YouTube en usent sans arrêt : la tête d'un créateur qui dépasse devant un énorme "EXPOSED" ou "I TRIED IT" est devenue le style maison de la plateforme. Les affiches de paroles façon Spotify l'utilisent. Les pochettes d'album l'utilisent. Les photographes Instagram l'utilisent pour les anniversaires, les récaps de voyage et les annonces de fiançailles. Les pages sportives placent le numéro de l'athlète derrière lui. Les streamers placent leur pseudo derrière leur avatar.

Si ça marche, c'est simple : le chevauchement est l'un des indices de profondeur les plus forts pour votre cerveau. Quand l'épaule d'une personne couvre une partie d'une lettre, le texte cesse d'être une légende plaquée dessus et devient partie intégrante de la scène. Un texte à plat rivalise avec votre sujet pour attirer l'attention ; un texte derrière le sujet le met au contraire en valeur. Même photo, mêmes mots, une impression totalement différente.

Choisir une photo qui s'y prête

Le modèle de segmentation est bon, mais vous pouvez lui faciliter ou compliquer la tâche. Les photos où le sujet se détache nettement de l'arrière-plan (couleurs différentes, bon éclairage, un peu de distance) donnent des détourages nets aux bords propres. Les photos où une veste sombre se fond dans une porte sombre donnent des bords plus flous et baveux autour du chevauchement.

Quelques points qui aident à chaque fois :

• Du contraste entre le sujet et l'arrière-plan. Une personne en t-shirt clair devant des arbres fonctionne mieux qu'une personne en vert devant les mêmes arbres.
• Un sujet évident. Les photos de groupe fonctionnent, mais l'effet est plus fort quand une seule personne ou un seul objet occupe l'image.
• De l'espace au-dessus ou sur le côté. Le texte doit avoir de la place. Les photos recadrées serré sur le visage ne laissent aucun endroit où le mettre.
• Un sujet net. Si la photo a déjà un arrière-plan naturellement flou, c'est encore mieux : le texte hérite de cet aspect photographique en couches.

Les portraits pris au téléphone avec une bonne lumière sont idéaux. C'est l'essentiel de ce que les gens donnent à cet outil, et c'est ce sur quoi le modèle a été entraîné en priorité.

Bien choisir la typographie

Un texte à moitié caché doit survivre à la perte de 30 à 40 % de lui-même, donc les polices épaisses l'emportent. Anton est la police par défaut pour une bonne raison : épaisse, haute et lisible même avec une épaule entière devant. Bebas Neue et Archivo Black sont des cousines proches. Impact est le choix classique des mèmes. Pour quelque chose de plus doux, Pacifico et Caveat donnent un rendu manuscrit ; agrandissez-les simplement pour compenser leurs traits plus fins.

Douze polices d'affichage sélectionnées sont proposées d'emblée, et un catalogue d'une centaine d'autres Google Fonts, chargées à la demande, se cache derrière le champ de recherche. Conseil pratique : choisissez votre police avant d'affiner la position, car passer d'une police étroite à une police large déplace tout.

Côté couleur, le blanc est la valeur sûre sur la plupart des photos. Mais reprendre une couleur déjà présente dans la scène (le ciel, un t-shirt, une enseigne au néon) est l'astuce qui donne un rendu conçu plutôt que généré. Utilisez la pipette, visez un élément de l'arrière-plan, puis baissez l'opacité à 85-90 % pour que le texte se fonde dans la lumière de la photo.

Les petits réglages qui rendent l'effet crédible

Le contour vous sauve quand le texte traverse des zones claires et sombres de la photo. Quelques pixels de contour sombre gardent les lettres lisibles là où elles passent sur un ciel lumineux. Mettez-le à zéro si votre fond est uniforme.

La rotation et l'inclinaison 3D sont faciles à exagérer. Quelques degrés de rotation donnent de l'énergie ; quarante-cinq degrés, du chaos. Les curseurs d'inclinaison déforment le plan du texte pour qu'il semble s'enfoncer dans la scène ; des valeurs subtiles (10–20) imitent étonnamment bien la perspective de la photo.

L'option d'inversion retourne tout le principe : au lieu que le sujet passe devant le texte, c'est l'arrière-plan qui le fait, et le texte semble épinglé sur votre sujet. C'est le bon choix peut-être une fois sur dix, mais quand c'est le bon, c'est vraiment le bon. Essayez-la quand le détourage automatique prend la « mauvaise » moitié de votre scène.

Ajoutez un filigrane avant de publier

Un champ dédié au filigrane se trouve sous les options de style. Saisissez votre pseudo ou votre domaine, puis placez-le avec les positions prédéfinies (coins, bords, centre) ou faites glisser les curseurs X/Y pour un emplacement précis. Vous pouvez régler sa taille en pixels, choisir une couleur et activer un contour de contraste pour qu'il reste lisible sur n'importe quel fond. Le filigrane est intégré au PNG téléchargé : quand votre image est repartagée (et les bonnes le sont toujours), votre nom voyage avec elle.

Partagez un lien, pas seulement un fichier

Le bouton Partager crée un lien qui contient toute votre composition : photo, texte, style et réglages du filigrane. Toute personne qui l'ouvre arrive sur cette page avec votre configuration exacte, prête à être ajustée ou téléchargée. Pratique pour demander un deuxième avis avant de publier, ou pour transmettre un modèle à un collègue : réglez le style une fois, partagez le lien, laissez-le changer la photo.

Questions fréquentes

Ai-je besoin de Photoshop pour ça ?

Non. Ce que vous feriez dans Photoshop avec la sélection du sujet, des masques de calque et un calque de texte, cet outil le fait en une étape dans le navigateur. Photoshop offre toujours plus de contrôle pour des retouches chirurgicales, mais pour le look classique texte derrière le sujet, il n'y a pas de vraie différence dans le résultat, juste une dizaine de minutes de différence d'effort.

Est-ce gratuit ?

Vous pouvez créer votre composition et tout prévisualiser sans compte. Le téléchargement du PNG en pleine résolution nécessite une connexion et, selon la promotion en cours, il est gratuit pour une durée limitée ou inclus dans un abonnement. Le badge en haut de l'outil vous indique ce qui s'applique en ce moment.

Quels types de fichiers puis-je importer ?

JPG, PNG, WebP, GIF, AVIF, BMP et HEIC/HEIF directement depuis un iPhone. L'export est toujours un PNG à la résolution d'origine de votre photo.

Pourquoi le détourage a-t-il raté une partie de mon sujet ?

Généralement à cause d'un faible contraste : le bord du sujet se fond dans l'arrière-plan, ou l'éclairage est très faible. Essayez une photo où le sujet ressort davantage, ou utilisez l'option d'inversion, qui donne parfois une séparation plus nette sur les images difficiles. Les scènes chargées avec beaucoup de personnes qui se chevauchent sont le cas le plus difficile.

Puis-je écrire plusieurs lignes ?

Oui, appuyez sur Entrée dans la zone de texte. Les lignes sont centrées en bloc et le curseur de taille les redimensionne ensemble. Deux lignes courtes valent généralement mieux qu'une longue, car chaque ligne a sa propre chance de chevaucher le sujet.

Est-ce que ça marche sur mon téléphone ?

Oui. La segmentation fonctionne très bien sur les téléphones récents, et déplacer le texte avec le pouce est franchement plus naturel qu'avec une souris. Les téléchargements arrivent dans votre pellicule ou votre app Fichiers comme n'importe quelle autre image.