➜ TEST : Quel style de logo faire pour attirer les bons clients ?

Comment ajouter un texte sur une image ?

Comment ajouter du texte sur une image ? C'est toujours complexe de rester lisible, alors je vous montre comment faire
Attention à la composition dans vos mises en pages et où placer le texte.

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

La lisibilité du texte sur une image est essentielle, mais complexe à obtenir. Voici donc 10 astuces pour y parvenir efficacement.

1- Quel outil utiliser pour écrire du texte sur une image ?

Les différents outils pour faire de la mise en page.

Pour ajouter du texte sur une image, des logiciels comme Photoshop, Illustrator et Indesign sont très populaires mais payants et complexes à utiliser.

Des outils gratuits en ligne comme Canva, Graphicburger, Envato elements et editor method permettent de faire de la mise en page gratuitement.

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

La typographie doit être épaisse pour qu'elle se démarque bien du fond et qu'elle soit lisible.
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

Il faut toujours mettre son texte aux endroits les plus vides de la photo pour ne pas perdre le regard.
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

L'ombre portée, si bien maîtrisée (orientation de l'ombre, pour ou moins grosse et foncée), permet de détacher le texte du fond pour une meilleur lecture.
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 permet de détacher le sujet d'une image riche en détails.
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

Les contrastes seront toujours la clé d'une belle visibilité et d'un attrape regard.
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

Faire des fonds colorés et contrastés sous le texte, sans non plus cacher le sujet de la photo est assez simple et graphique. Ca se fait surtout dans le format vidéo.
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

Et pourquoi ne pas faire un mélange de l'image et du texte avec un masque d'écrêtage?
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

Il est primordial d'utiliser des images pour attirer le regard, notamment sur internet, car elles vont en plus vous permettre d'avoir un bon référencement SEO.
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

Attention à la composition dans vos mises en pages et où placer le texte.
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.
Rechercher
les dernières nouveautés des IA dans Canva
Communication visuelle
Flore

IA Canva

Avec les dernières mises à jour, l’IA de Canva continue d’innover en offrant des outils qui révolutionnent le domaine de la création digitale pour les

Partagez sur les réseaux cet article
Lire la suite »
Communication visuelle
Flore

Bonne année 2016

J’espère que, malgré le jour de retard, vous fêterez avec joie la bonne année 2016. Mais mieux vaut tard que jamais non ? Pour célébrer

Partagez sur les réseaux cet article
Lire la suite »
Image de Flore Michelot alias FloreDuWeb
Flore Michelot alias FloreDuWeb

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.

15 Responses

  1. 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.

    1. 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.

    1. 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.

  2. 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 😉

Laisser un commentaire