Comment ajouter du texte sur une image ? C'est toujours complexe de rester lisible, alors je vous montre comment faire
Bienvenue sur Flore Du Web. Si vous êtes nouveau ici, vous voudrez sans doute savoir quel style de logo faire pour attirer les bons clients.
Cliquez ici pour faire le test gratuitement ! 🙂
Ce blog aide les entrepreneurs et créateurs de contenu à créer des visuels impactant qui se démarqueront de la concurrence pour un meilleur taux de clic.
Apprendre la communication visuelle permet aussi de mieux cibler et de donner une meilleure image de vous. Vous y trouverez des tutos sur des IA
et outils graphiques, mais aussi des conseils avisés pour mieux communiquer.
Ce blog aide les entrepreneurs et créateurs de contenu à créer des visuels impactant qui se démarqueront de la concurrence pour un meilleur taux de clic.
Apprendre la communication visuelle permet aussi de mieux cibler et de donner une meilleure image de vous. Vous y trouverez des tutos sur des IA
et outils graphiques, mais aussi des conseils avisés pour mieux communiquer.
Voici comment ajouter un texte sur une image en suivant ces 10 conseils.
Ajouter du texte sur une image peut parfois être un véritable défi.
Méthode Impact
Cours
Des messages visuels puissants pour augmenter ta visibilité en 6 semaines
Suivez-moi sur Instagram, Youtube et Tiktok pour apprendre à maîtriser ces outils ainsi que la communication visuelle, le graphisme et la mise en page.
Flore Du Web
2- Choisir une police avec une graisse épaisse
Le fond est assez foncé, le texte relativement clair et épais pour qu’il puisse se démarquer. Il est placé en bas à gauche pour laisser le regard se porter aussi sur le sujet de la photo : les montagnes.
Choisissez des polices épaisses pour écrire un texte sur une image. Cela rend le texte plus lisible. Jouez avec l’interlignage pour améliorer encore la lisibilité.
3- Repérer les parties vides de la photo pour ajouter le texte
Le texte a été placé en haut à gauche, dans la zone la plus claire et surtout la plus vide de l’image. Les couleurs sont les mêmes que la forêt.
Dans les parts vides ou aplats d’une image, le texte se brouille moins avec les éléments. Ajoutez du texte sur une image en utilisant ces espaces pour une meilleure lisibilité.
4- Mettre une ombre portée sur le texte
Cette photo étant foncée et claire en même temps, il fallait trouver un moyen de faire ressortir le texte pour qu’il soit plus visible. L’ombre portée a été l’une des solutions.
L’ombre portée permet de détacher le texte sur une image sans empiéter sur celle-ci, tout en maintenant l’esthétisme.
5- Mettre un contour sur le texte
Le contour est ici assez épais, pour bien le détacher du fond. J’ai mis une opacité pour apporter de la transparence et un côté graphique plus moderne.
Mettre un contour sur le texte améliore sa visibilité, notamment pour les sous-titres dans une vidéo. Il faut aussi tester cette technique pour ajouter du texte sur une image.
6- Contraster l’image de fond
La photo était très claire à la base. Je l’ai assombrie pour créer un fort contraste entre le texte blanc et le ciel noir. Le texte est placé dans une zone dégagée pour éviter le brouillage.
Pour ajouter un texte sur une image, jouez sur le contraste en fonçant l’image ou en utilisant un texte de couleur claire.
7- Mettre un fond derrière le texte
J’ai mis un fond coloré, reprenant une couleur présente dans la photo. Le texte reste bien lisible grâce au fort contraste entre le fond coloré et le texte. Le fond coloré prend peu de place sur l’image.
Mettre un fond derrière le texte permet de le rendre lisible. Vous pouvez jouer avec la transparence pour ne pas cacher totalement l’image derrière.
8- Intégrer l’image dans le texte
L’image a été insérée à l’intérieur du texte grâce à un masque d’écrêtage. J’ai utilisé une image foncée pour qu’elle se démarque bien du fond.
Ajouter un texte sur une image peut aussi se faire en intégrant l’image dans le texte lui-même. Cela crée un effet graphique intéressant et renforce votre communication visuelle.
9- Les images dans le web
Le texte a été placé en haut à gauche pour équilibrer avec la masse sombre en bas à droite. Le bleu a été repris de la forêt, apportant un côté graphique intéressant.
Quand vous ajoutez un texte sur une image pour le web, faites attention aux mots clés et aux descriptions pour améliorer le référencement SEO. Assurez-vous que les images ne soient pas trop lourdes pour maintenir une bonne expérience utilisateur.
10- Attention à la composition
Le texte est clair, sur un fond sombre. Le bleu a été pris de la lumière derrière l’homme pour faire un rappel. Il est placé à droite, et le texte à gauche. Le texte est dans l’alignement du regard pour attirer l’attention une nouvelle fois vers les yeux de l’homme. Le mot « composition » est plus gros pour asseoir le texte malgré le fait qu’il soit un peu en hauteur.
Newsletter
Recevez chaque semaine des actualités pour améliorer votre identité visuelle grâce à des astuces simples et efficaces.
Soyez au courant de toutes les nouveautés et plus encore...
En 15 ans de carrière dans la communication visuelle, j’ai vu l’évolution du graphisme et des nouvelles technologies. Aujourd’hui, je partage avec toi cette expérience
Auteure de cet article et de ce site.
Graphiste webdesigner depuis 2009 ayant fait 4 ans d’études dans ces domaines,
j'accompagne les entrepreneurs à créer leur communication visuelle pour tous supports.
Merci pour ces astuces ! C’est vrai que Photoshop peut-être décourageant quand on n’y connais pas grand chose. Perso j’utilise Snappa, il est payant mais très intuitif quand on débute.
Je ne connais pas Snappa, je vais me renseigner, merci 🙂 Sinon Photoshop peut s’apprendre, je donne des cours dessus, c’est très ludique en vérité, mais il faut savoir pas où commencer.
Merci pour cet article 😉 Je pensais savoir faire, mais en lisant ton article, je me rends compte que je peux certainement faire des graphismes beaucoup plus sympas. Merci 😉
Pour offrir les meilleures expériences, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le fait de consentir à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou les ID uniques sur ce site. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.
Fonctionnel
Toujours activé
Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou la personne utilisant le service.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.
15 Responses
Merci
Je t’en prie 🙂
Merci pour ces astuces ! C’est vrai que Photoshop peut-être décourageant quand on n’y connais pas grand chose. Perso j’utilise Snappa, il est payant mais très intuitif quand on débute.
Je ne connais pas Snappa, je vais me renseigner, merci 🙂 Sinon Photoshop peut s’apprendre, je donne des cours dessus, c’est très ludique en vérité, mais il faut savoir pas où commencer.
Je t’en prie 🙂
Merci pour ces astuces pratiques, je vais moins galérer maintenant.
Merci pour ces astuces ! J’aime bien l’idée du texte-image, je testerai 🙂
Je t’en prie 🙂 N’hésites pas si tu as des questions sur comment faire, car je ne donne pas de tuto réellement pour faire cela.
Merci pour ces précieux conseils!
Merci à toi pour le commentaire 🙂
Top ton article qui tombe à pic ! J’ai hâte de voir tes prochains !
Merci pour cet article 😉 Je pensais savoir faire, mais en lisant ton article, je me rends compte que je peux certainement faire des graphismes beaucoup plus sympas. Merci 😉
Super, contente que ça t’aide !
Merci, très utile en effet, je me cassait la tête pour ce type de mise en page. Je vais tester les outils dont tu parles.
Je t’en prie, n’hésites pas si tu as des questions/besoin d’aide 🙂