Les tendances en matière de design web changent souvent. Ces derniers temps une mise en forme spéciale des textes est apparue : L’Inner Letter.

L’effet consiste à marquer l’image comme si on était venue frapper la lettre sur le fond. L’effet est des plus agréable visuellement et permet de mettre en valeur un texte et si en plus vous incrustez une image de fond, la mise en valeur est encore plus forte.

Nous allons apprendre aujourd’hui à créer cet effet. Pour commencer, lancez Photoshop et créez un nouveau document de 800×600.

Ajoutez un nouveau calque (Ctrl+n), appelez-le bg puis remplissez-le avec l’outil Pot de peinture en blanc.

Fenêtre Calque

A présent, effectuez un double clic sur le calque bg pour voir apparaître la fenêtre Style de Calque. Cochez ensuite Incrustation de dégradé. Configurez les paramètres comme suit:

Dégradé style radial

Cliquez sur Dégradé et définissez deux couleurs.

Dégradé de couleurs

Validez le tout. Nous allons maintenant ajouter un calque de texte avec l’outil Texte. Configurez votre texte comme ceci:

Configuration du texte

Résultat

A présent nous allons séparer chacune des lettres afin d’obtenir un calque pour chaque caractère. Pour ce faire, pixelisez le texte en faisant clic droit sur le calque de texte puis Pixeliser le texte. Avec l’outil Baguette magique, cliquez sur la première lettre.

Sélection à l'aide de la baguette magique

Faites clic droit sur la sélection puis Calque par couper. Reproduisez cette opération sur l’ensemble des lettres.

Fenêtre Calques

Pour plus de clarté, renommez les calques avec la lettre correspondante: “c” pour la lettre “C”, etc…

A présent sélectionnez le calque nommé “c” puis double cliquez dessus afin d’ouvrir la fenêtre de Style de calque. Cochez Ombre interne.

Configuration de l'ombre interne

Créez un Nouveau style… puis faites OK. A présent sélectionnez tous vos calques de textes puis appliquez le style créé à l’ensemble de ces calques à l’aide de la fenêtre Styles.

Voici ce que vous devriez obtenir:

Après ajout des styles à tous les calques

Nous allons passer à la deuxième partie de ce tutoriel qui consiste à incruster une image dans le fond blanc des caractères.

Trouvez une image, de préférence libre de droit, et collez là (Ctrl+v) dans votre document.

Ajout d'une image

Placez cette image au-dessus du calque “c” dans votre fenêtre Calques. Effectuez un clic droit sur le calque de votre image puis sélectionnez Créer un masque d’écrêtage. Votre image se retrouve ainsi incrustée dans la partie blanche de votre “C”.

Répétez cette même opération pour le reste de vos caractères et voici ce que vous devriez obtenir:

Résultat final

Ce tutoriel est terminé! N’hésitez pas comme d’habitude à nous faire par de vos créations.

Voici un autre exemple d’ Inner Letter réalisé par nos soins: