Effet de texte mélangé

 

Effet de texte mélangé

Ce tutoriel est écrit avec Photoshop CC.

 

Pour réaliser cet effet il faut écrire des lettres une par une puis les disposer pour qu’elles se superposent partiellement.

Écrire le texte :

ouvrir un nouveau document ou une image
prendre l’outil Texte ou touche T

afficher le panneau Caractère puis configurer le texte, sa police, sa taille ou d’autres paramètres

Pour que les lettres puissent se superposer il faut choisir une police large, si la police est étroite l’effet se verra beaucoup moins.

choisir par exemple la police Arial bold (gras)
avec l’outil Texte, cliquer dans le document et écrire la première lettre, P pour cet exemple

Écrire la première lettre

cliquer à un autre emplacement dans le document et écrire la lettre suivante H, pour cet exemple
écrire de la même façon toutes les lettres une à une

Aligner le texte :

Pour aligner les lettres.

Dans le panneau Calques,

1 faire un Ctrl + clic sur la vignette du calque de texte de la première lettre (représentée par un T), de façon à sélectionner ses pixels (non transparents)
2 cliquer ensuite sur la lettre suivante
3 puis maintenir la touche Maj et cliquer sur la dernière lettre, de façon à sélectionner toutes les autres lettres, sauf la première

Aligner les calques

Dans le panneau Options en haut de l’interface,
cliquer sur l’icône Aligner les centres dans le sens vertical
puis désélectionner par Ctrl + D

Donc on aligne horizontalement toutes les autres lettres par rapport à la sélection de la première.

Faire se superposer les lettres :

Il faut maintenant ajuster la position de chaque lettre par rapport à la précédente, pour qu’elle se superpose partiellement.

prendre l’outil Déplacement ou touche V
déplacer la deuxième lettre contre la première, puis maintenir la touche Maj et appuyer 2 fois sur la touche Flèche de gauche, de façon à faire se chevaucher la lettre
ou déplacer de la valeur que voulez

La touche Maj permet de déplacer de 10 px. Donc ici on superpose de 20px, mais cela dépend de la taille des lettres.

aligner les autres lettres de la même façon

Donc on place la lettre suivante au contact de la précédente puis on décale de la même valeur (pixels) pour toutes les lettres. Il faut que visuellement cela régulier.

Pour la lettre T dans cet exemple, c’est particulier car la barre du T est en haut et donc au contact elle ne va pas se superposer, donc on peut la déplacer d’une distance supérieure, par exemple de 30px sinon on n’obtient pas la superposition avec le O précédent. Faire de même pour le O qui suit le T.

Lettres superposées

Autre exemple avec lettres obliques (facultatif) :

Au lieu d’aligner horizontalement vous pouvez par exemple aligner de façon oblique, c’est plus compliqué à créer et dans ce cas les distances de superposition ne seront peut être pas identiques.

Dans le panneau Calques,
sélectionner le calque d’une lettre, par exemple le P
choisir le menu Edition / Transformation / Homothétie ou les touches Ctrl + T
faire pivoter la lettre, par exemple vers la gauche

Si on maintient la touche Maj cela fait pivoter par étapes de 15°, mais vous pouvez également paramètrer l’inclinaison minitieusement dans le panneau Options en haut de l’interface, dans le champ Rotation.

ensuite, faire pivoter chaque lettre pour créer un ensemble harmonieux.

Bien sûr la superposition sera très différente, donc il faut ajuster en conséquence.

Exemple de lettres obliques

Ajouter de la couleur :

Maintenant nous allons ajouter de la couleur. Pour cet exemple chaque lettre aura une couleur différente, mais vous pouvez également n’appliquer qu’une seule couleur pour tout le mot.

dans le panneau Calque, sélectionner la 1ère lettre donc le P
dans le panneau Caractère, cliquer sur la couleur, pour afficher le Sélecteur de couleur

Pour cet exemple nous allons colorier le texte avec les couleurs du spectre (des couleurs), donc comme il y a 9 lettres il faut choisir 9 couleurs.

pour le P, choisir du rouge, donc ici R230 V23 B23 ou T0 S90 L90 ou #e61717
valider la fenêtre par OK

Sélecteur de couleur

Pour les autres lettres, il faut conserver la même Saturation et la même Luminosité, donc pour cela on va uniquement changer la valeur du T de Teinte (TSL). On conserve le S à 90 et le L à 90 (par exemple) et on fait varier uniquement le T.

Voici les couleurs que j’ai choisi :

  • P (rouge) T0 S90 L90 ou #e61717
  • H (orange) T30 S90 L90 ou #e57e17
  • O (jaune) T60 S90 L90 ou #e5e517
  • T (vert) T80 S90 L90 ou #a1e517
  • O (turquoise) T170 S90 L90 ou #17e5c3
  • S (bleu) T200 S90 L90 ou #17a1e5
  • H (violet) T260 S90 L90 ou #5c17e5
  • O (magenta) T290 S90 L90 ou #c317e5
  • P (rose) T320 S90 L90 ou #e517a1

La première couleur avec une Teinte (T) à 0 et ensuite on fait varier uniquement la valeur de Teinte (T).

Lettres coloriées

Activer la transparence :

Maintenant nous allons rendre les lettres partiellement transparentes, pour faire apparaître la partie des lettres qui se superpose, en semi-transparence.

Dans le panneau Calques, il faut diminuer l’Opacité de tous les calques.

sélectionner le 1er calque puis maintenir la touche Maj et cliquer sur le dernier calque, pour tous les sélectionner
appuyer directement sur le 6 du pavé numérique
ou entrer 60 dans le champ Opacité (ou utiliser le petit curseur)

Cela diminue l’opacité des calques à 60%.

Lettres en transparence

Cette valeur d’Opacité dépend de l’intensité de la couleur, donc surtout de la Luminosité, lettre L de TSL. Pour cet exemple on a choisi une couleur un peu matte avec une Luminosité L90, donc en fonction de vos choix, la valeur d’Opacité est à ajuster (visuellement).

Pour les couleurs Jaune et Verte, il faut peut être ajuster l’Opacité différemment, mais l’ensemble des lettres doit rester homogène (visuellement).

Finaliser le texte :

Pour finaliser le texte on a plusieurs solutions, par exemple ajouter un Style de calque, ou une ombre.

Pour cet exemple nous allons simplement ajouter une ombre mais au mot entier, pas à chaque lettre.

Ajouter une ombre au mot entier :

Dans le panneau Calques,
décocher l’icône Œil en début du calque Arrière-plan pour le masquer
sélectionner tous les calques de texte avec la touche Maj (cliquer sur le 1er calque de texte, maintenir la touche Maj et cliquer sur le dernier calque de texte)
utiliser les touches Maj + Ctrl + Alt + E pour créer un calque fusionné de tous les calques visibles

Donc cela fusionne tous les calques mais uniquement ceux qui sont visibles dans le panneau Calques, donc pas l’Arrière-plan puisqu’il est masqué.

Ensuite il faut masquer tous les calques, sauf le calque fusionné que l’on vient de créer, pour cela nous allons faire une petite manipulation très rapide.

sélectionner le calque Arrière-plan
faire un Alt + clic sur l’icône Œil pour masquer tous les autres calques
cliquer sur l’icône Œil du calque fusionné pour le faire apparaître

Donc la touche Alt sur l’icône Œil masque tous les autres calques.

Pour ajouter une ombre sur l’ensemble du mot il faut également faire une manipulation d’ajout de calque d’ombre puis de suppression de la sélection du mot.

Dans le panneau Calques,
sélectionner le calque fusionné du mot entier
choisir le menu Calque / Style de calque / Options de fusion / Ombre portée…
dans les paramètres configurer l’ombre, par exemple : Couleur NoirMode ProduitOpacité 75%Angle 135°Distance 8Grossi 0Taille 0
valider la fenêtre par OK

Ombre portée

Mot avec Ombre portée

choisir le menu Calque / Style de calque / Créer un calque (et valider la fenêtre qui s’affiche)

L’ombre est maintenant isolée sur un calque seul (nommé Ombre portée de Calque 1).

Pour le calque de l’ombre, avec Photoshop CC Il faut aussi désactiver la fonction de fusion avancée.

sélectionner le calque de l’ombre,
faire un clic droit et choisir Effacer le style de calque

Effacer le style de calque

Supprimer de l’ombre, la sélection du mot :

Pour supprimer de l’ombre, la partie du mot en transparence,
sélectionner le calque de l’ombre portée
faire un Ctrl + clic sur la vignette du calque du mot fusionné (sans sélectionner ce calque)

Récupérer la sélection

Cela récupère la sélection des pixels non transparent.

Avant de supprimer cette sélection, il faut l’ajuster finement.

choisir le menu Sélection / Modifier / Contracter…
entrer 1 pixel et valider par OK

choisir le menu Sélection / Modifier / Contour progressif… ou les touches Maj + F6
entrer 0,6 pixel et valider par OK

appuyer 3 fois sur la touche Suppr pour supprimer entièrement la sélection
désélectionner avec Ctrl + D

Vue de l’ombre seule

Supprimer l'ombre sur la partie du mot sélectionné

Il ne reste que l’ombre autour du mot entier.

Mot avec ombre

La valeur de Contour progressif dépend de la dimension du mot (résolution du document), plus le mot est grand plus il faut augmenter la valeur. Si vous préférez, vous pouver utiliser la fonction Sélectionner et masquer… au lieu de passer par Sélection/Modifier/…

sélectionner le calque de l’ombre et ajuster son Opacité, par exemple à 60%

Augmenter l’intensité des couleurs :

ajouter un calque de réglage Teinte/Saturation
ajuster la Saturation pour obtenir des couleurs plus riches, par exemple +60

Variante avec un dégradé :

Il est possible d’ajouter un effet de dégradé en couleur sur les lettres, pour cela il faut reprendre nos calques de texte.

rétablir les couleurs par défaut en appuyant sur la touche D
masquer le calque final du mot entier, celui que l’on avait fusionné

Pour tous les calques de texte,
cliquer sur l’icône Œil de chaque calque pour les faire tous réapparaître

sélectionner le premier calque de texte, lettre P
choisir le menu Calque / Style de calque / Incrustation en dégradé…
configurer les paramètres : Mode SuperpositionOpacité 50Dégradé Noir vers BlancStyle LinéaireAngle Echelle 100
valider la fenêtre par OK

Ajouter un dégradé

Pour configurer le dégradé, cliquer sur la vignette de couleur, puis dans la fenêtre Editeur de dégradé, cliquer sur la première vignette Premier plan vers Arrière-plan puis valider la fenêtre par OK.

faire un clic droit sur la ligne du calque et choisir Copier le style de calque

sélectionner tous les autres calques de texte, avec la touche Maj donc pas le premier qui est déjà fait
faire un clic droit et choisir Coller le style de calque

Cela applique le même style de calque à tous les autres calques en même temps.

Lettres avec un dégradé

Autre exemple de texte ombré avec dégradé et couleurs différentes et plus intenses.

Texte ombré avec dégradé

Ajuster l’opacité des calques :

Il faut ajuster l’Opacité des calques, cela dépend de l’intensité des couleurs, le but étant que de conserver la transparence de superposition. Pour cet exemple, les calques de texte de départ sont à 75%. Mais en fonction de la couleur, l’opacité peut etre différente, par exemple sur le jaune ou le vert, cela dépend quelles couleurs se superposent.

Pour ajuster la transparence il faut afficher à nouveau le style de calque du dégradé et modifier la valeur d’Opacité, donc ce n’est pas l’opacité du calque mais l’opacité du dégradé qu’il faut ajuster.

Vous pouvez également réactiver l’ombre (si vous voulez une ombre), celle du mot entier et ajuster son Opacité par exemple à 50%.

Ajuster finement l’opacité de superposition (facultatif) :

Il est possible d’ajuster plus finement l’opacité de la partie des lettres qui se superposent, pour cela nous allons ajouter un Masque de fusion.

sélectionner chaque calque de texte un par un et ajouter un Masque de fusion par le menu Calque / Masque de fusion / Tout faire apparaître ou cliquer directement sur l’icône en bas du panneau Calques

Pour sélectionner uniquement la zone qui superposée entre 2 lettres,
sélectionner la 2ème lettre donc ici c’est le H
faire un Ctrl + clic sur la vignette (en forme de T) de la lettre précédente, donc le P

prendre l’outil Pinceau ou touche B
appuyer sur le 5 du pavé numérique pour lui attribuer une Opacité de 50% ou entrer 50% dans le champ Opacité du panneau Options en haut de l’interface

faire un clic droit dans le document (ou image) et choisir une forme Arrondi net et une Epaisseur plus grande que la sélection
cliquer 1 fois dans l’image, pour effacer la sélection, donc à 50%
puis désélectionner avec Ctrl + D

Effacer partiellement la partie en superposition

Il ne faut pas cliquer plusieurs fois sinon cela soustrait de l’opacité à chaque fois. Au lieu de cliquer 1 fois vous pouvez aussi peindre sans relacher le bouton gauche de la souris.

Faire de même avec les autres calque de texte, donc on sélectionne une lettre et on fait un Ctrl + clic sur la vignette de la lettre précédente, pour récupérer sa sélection, puis on peint à 50% sur le masque de fusion (pour effacer partiellement).

Pour certaines couleurs plus foncées ou plus claires, il faut peut être ajuster l’opacité du Pinceau, à 40% ou au contraire à 60%.

 

Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.