Comment ajouter du texte dans Photoshop

Environ 7 min de lecture

Accueil/ Tutoriels PS/ Comment ajouter du texte dans Photoshop

Ajouter du texte dans PS paraît simple… jusqu'à ce que la mise en page parte de travers. Ce guide déroule tout le processus : créer le plan de travail, choisir l'outil Texte, régler correctement la taille, l'interligne et l'alignement, puis exporter en PNG et en PSD. Aucune expérience n'est nécessaire, et la déformation du texte ainsi que les styles avancés sont abordés à la fin.

Étape 1 : ouvrir Online PS

  1. Ouvrez Online PS (zaixianps.cc) dans votre navigateur.
  2. Dès le chargement de la page, vous disposez d'un espace de travail semblable à Photoshop : rien à installer.

Étape 2 : créer un nouveau plan de travail

  1. Cliquez sur le menu Fichier en haut à gauche → Nouveau, ou utilisez directement le raccourci Ctrl+N (sur Mac, c'est également Ctrl+N).
  2. Dans la boîte de dialogue qui s'ouvre, définissez la largeur, la hauteur, la résolution et le contenu de l'arrière-plan, puis cliquez sur Créer.

Étape 3 : choisir l'outil Texte

  • Dans la barre d'outils à gauche, repérez l'outil Texte horizontal ou l'outil Texte vertical (raccourci T) et cliquez dessus pour passer en mode de saisie de texte.

Étape 4 : définir les attributs du texte

  1. Couleur : cliquez sur la pastille de couleur en haut de la barre d'outils et choisissez la teinte souhaitée.
  2. Police et taille : dans les listes déroulantes de la barre d'options en haut, choisissez la police, la taille et le style (gras, italique, etc.).

Étape 5 : saisir le texte sur le plan de travail

  1. Cliquez une fois n'importe où sur le plan de travail : un curseur de texte apparaît.
  2. Saisissez votre texte ; appuyez sur Entrée pour passer à la ligne. Chaque ligne devient son propre objet texte.

Étape 6 : ajuster la position du texte

  • Sélectionnez le calque de texte correspondant (dans le panneau Calques à droite), puis déplacez le texte à sa place avec l'outil Déplacement (raccourci V).

Étape 7 : modifier un texte déjà saisi

  1. Le calque de texte étant sélectionné, double-cliquez sur le texte dans le plan de travail pour revenir en mode d'édition.
  2. Vous pouvez aussi modifier à tout moment la police, la taille, la couleur et l'alignement depuis la barre d'options en haut.

Étape 8 : enregistrer ou exporter l'image

  • Exporter vers un format d'image courant :
    1. Cliquez sur Fichier → Exporter sous et choisissez le format souhaité — PNG, JPEG, SVG — dans le sous-menu.
    2. Vérifiez les réglages dans la fenêtre qui s'affiche, cliquez sur Enregistrer et le navigateur télécharge le fichier automatiquement.
  • Enregistrer en PSD modifiable (pour continuer à travailler plus tard dans Photopea ou Photoshop) :
    1. Choisissez Fichier → Enregistrer au format PSD et le fichier est téléchargé directement en .psd.

Fonctions de texte avancées (facultatif)

  • Déformation du texte : sélectionnez le calque de texte → cliquez sur … (plus d'options) dans la barre d'options → choisissez Déformation du texte, puis courbez le texte en arcs, en vagues et en d'autres formes.
  • Texte le long d'un tracé : tracez d'abord un tracé avec la Plume → sélectionnez l'outil Texte → amenez le curseur sur le tracé et cliquez pour saisir le long de celui-ci.

Conseils

  • Compatibilité navigateur : utilisez la dernière version de Chrome, Edge, Firefox ou Safari, et désactivez les bloqueurs de publicité pour que rien n'interfère avec les outils.
  • Raccourcis : la plupart des raccourcis Photoshop se comportent de la même façon dans Photopea ; une fois qu'ils sont familiers, la retouche devient beaucoup plus rapide.
  • Enregistrement automatique : Photopea conserve automatiquement le travail récent dans le cache local de votre navigateur. Exportez tout de même un PSD avant de fermer la page, par précaution.

Suivez les étapes ci-dessus et vous saurez ajouter, modifier et exporter du texte dans Photopea en quelques minutes, presque sans courbe d'apprentissage. Pour des effets de texte plus poussés, consultez l'aide officielle de Photopea ou un tutoriel Photoshop avancé.


Références

  • Documentation officielle d'Adobe Photoshop
  • HTML5 et le traitement d'image front-end moderne
  • Online PS