Effet de réflexion de texte dans Photoshop

Écrit par Steve Patterson.

Dans ce Effets de texte Photoshop tutoriel, nous allons créer un simple effet de réflexion de texte. Cet effet a été utilisé partout dans la publicité, et comme nous le verrons, c'est très facile à faire.



Voici la réflexion que nous allons créer :



  Un effet de réflexion de texte dans Photoshop. Image © 2009 Photoshop Essentials.com L'effet de réflexion du texte final.

Commençons!

Étape 1 : créer un nouveau document Photoshop

Créez un nouveau document Photoshop vierge en accédant à la Dossier menu en haut de l'écran et en choisissant Nouveau . Vous pouvez également créer un nouveau document avec le raccourci clavier Ctrl+N (Gagner) / Commande + N (Mac). Quoi qu'il en soit, cela fait apparaître Photoshop Nouveau document boite de dialogue. Entrez les dimensions dont vous avez besoin pour votre document. Pour ce tutoriel, je vais saisir 6 pouces pour mes documents Largeur , 3 pouces pour le Hauteur , et un Résolution de 300 pixels/pouce . Cliquez sur D'ACCORD lorsque vous avez terminé de quitter la boîte de dialogue. Votre nouveau document vierge apparaîtra sur votre écran :

  La boîte de dialogue Nouveau document dans Photoshop. Image © 2009 Photoshop Essentials.com Créez un nouveau document Photoshop vierge.

Étape 2 : Remplissez le nouveau document avec du noir

Cette étape est facultative, mais je vais utiliser le noir comme couleur d'arrière-plan pour mon document plutôt que le blanc par défaut. Si vous préférez vous en tenir au blanc, vous pouvez ignorer cette étape. Pour remplir le document de noir, montez jusqu'au Éditer menu en haut de l'écran et choisissez Remplir pour afficher la commande Remplir de Photoshop :



  Sélectionnez Remplissage dans le menu Edition de Photoshop. Image © 2009 Photoshop Essentials.com Allez dans Edition > Remplir.

Vous pouvez également sélectionner la commande Remplir avec le raccourci clavier Maj+F5 . Dans les deux cas, la boîte de dialogue Remplir s'affiche. En haut de la boîte de dialogue se trouve le Contenu section, avec une option nommée simplement Utilisation . Sélectionner Le noir dans la liste à droite du mot Utiliser :

  La boîte de dialogue de la commande Remplir dans Photoshop. Image © 2009 Photoshop Essentials.com Sélectionnez Noir dans la section Contenu en haut de la boîte de dialogue Remplissage.

Cliquez sur D'ACCORD lorsque vous avez terminé de quitter la boîte de dialogue et que Photoshop remplit le document de noir :

  Le document Photoshop est maintenant rempli de noir. Image © 2009 Photoshop Essentials.com L'arrière-plan du document est maintenant rempli de noir.

Étape 3 : Sélectionnez l'outil Texte

Pour ajouter du texte au document, nous avons besoin de Photoshop Tapez aussi l. Vous pouvez soit cliquer dessus dans la palette Outils pour le sélectionner, soit pour un moyen plus rapide, appuyer sur la lettre J sur votre clavier pour le sélectionner avec le raccourci :



  L'outil Texte dans Photoshop. Image © 2009 Photoshop Essentials.com Sélectionnez l'outil Texte.

Étape 4 : Sélectionnez une police

Avec l'outil Texte sélectionné, montez jusqu'à la Barre d'options en haut de l'écran et choisissez la police que vous souhaitez utiliser pour l'effet. Votre choix de polices dépendra des polices que vous avez actuellement installées sur votre ordinateur. Je vais m'en tenir à quelque chose de simple et choisir Gill Sans lumière pour mon effet. Ne vous souciez pas de la taille de la police pour l'instant :

  Choisir une police dans la barre des options de Photoshop. Image © 2009 Photoshop Essentials.com Choisissez une police dans la barre d'options.

Étape 5 : Sélectionnez une couleur pour le texte

Ensuite, nous devons choisir une couleur pour notre texte. Il existe plusieurs façons de choisir une couleur de texte dans Photoshop. Pour ce tutoriel, je vais utiliser un moyen très simple et rapide, qui consiste à sélectionner une couleur prête à l'emploi dans le Palette de nuances . Basculez vers votre palette Nuancier, qui est par défaut regroupée entre les palettes Couleur et Styles. La palette Nuancier contient une collection de nuances de couleurs qui sont installées par défaut avec Photoshop. Pour choisir l'une des couleurs, déplacez simplement le curseur de votre souris sur son échantillon de couleur. Vous verrez le curseur se transformer en pipette. Cliquez sur l'échantillon avec la pipette pour sélectionner la couleur. Je vais choisir l'échantillon rouge dans le coin supérieur gauche :

  La palette Nuancier dans Photoshop. Image © 2009 Photoshop Essentials.com Choisissez une couleur pour le texte en cliquant sur un échantillon de couleur dans la palette Nuancier.

Étape 6 : Ajoutez votre texte

Une fois que vous avez choisi une couleur, cliquez n'importe où dans le document et ajoutez votre texte. Je vais taper le mot 'REFLECTIONS', le tout en majuscules :



  Ajout de texte au document dans Photoshop. Image © 2009 Photoshop Essentials.com Ajoutez votre texte au document.

Lorsque vous avez terminé, cliquez sur le coche dans la barre d'options pour accepter votre texte et quitter le mode d'édition de texte :

  Cliquez sur la coche dans la barre d'options pour accepter le texte. Image © 2009 Photoshop Essentials.com Cliquez sur la coche dans la barre des options pour accepter le texte.

Étape 7 : redimensionnez le texte si nécessaire avec la transformation gratuite

Si vous avez besoin de redimensionner votre texte, remontez jusqu'à la Éditer menu en haut de l'écran et choisissez Transformation libre , ou appuyez sur le raccourci clavier Ctrl+T (Gagner) / Commande + T (Mac). Dans les deux cas, la commande Free Transform de Photoshop s'affiche, ce qui nous permettra de redimensionner facilement le texte et de le déplacer également si nous en avons besoin :



  Sélection de la commande Free Transform dans Photoshop. Image © 2009 Photoshop Essentials.com Allez dans Edition > Transformation libre.

Une fois que vous l'avez sélectionné, vous verrez la boîte de transformation libre et des poignées apparaître autour de votre texte dans le document. Pour redimensionner le texte, maintenez votre Décalage clé, qui vous empêchera de déformer accidentellement le rapport largeur/hauteur du texte lorsque vous le redimensionnez, puis cliquez simplement sur l'une des quatre poignées d'angle (les petits carrés) et faites-les glisser vers l'intérieur pour rendre le texte plus petit ou vers l'extérieur pour l'agrandir. Pour déplacer le texte, cliquez n'importe où dans la zone de transformation libre et faites glisser le texte vers un nouvel emplacement. Ne cliquez pas sur le petit symbole cible au centre même de la boîte, sinon vous déplacerez le symbole cible, pas le texte. Je vais agrandir un peu mon texte en maintenant la touche Maj enfoncée et en faisant glisser la poignée dans le coin inférieur droit vers l'extérieur. Je vais également faire glisser le texte un peu vers le bas pour que le bas du texte apparaisse plus près du centre horizontal du document :

  Redimensionner le texte avec la commande Free Transform dans Photoshop. Image © 2009 Photoshop Essentials.com Utilisez la transformation libre pour redimensionner et/ou déplacer le texte si nécessaire.

Lorsque vous avez terminé, appuyez sur Entrer (Gagner) / Revenir (Mac) pour accepter la transformation et quitter la commande Transformation libre.

Étape 8 : dupliquer le calque de texte

Maintenant que nous avons notre texte, nous pouvons commencer à créer l'effet de réflexion. La première chose dont nous aurons besoin est une copie de notre texte, alors dupliquons le calque de texte en remontant jusqu'au Couche menu en haut de l'écran, en choisissant Nouveau , puis en choisissant Calque via copie . Ou, pour un moyen beaucoup plus rapide de dupliquer un calque, appuyez simplement sur le raccourci clavier Ctrl+J (Gagner) / Commande + J (Mac):



  Dupliquer le calque de texte dans Photoshop. Image © 2009 Photoshop Essentials.com Accédez à Calque > Nouveau > Calque via Copier.

Dans les deux cas, dit à Photoshop de faire une copie de notre calque de texte. Rien ne semblera s'être passé dans notre document, mais si nous regardons notre palette Calques, nous pouvons voir que nous avons maintenant une copie du calque assis directement au-dessus de l'original (notez que la copie a le mot 'copie' dans son nom ):

  La palette Calques dans Photoshop. Image © 2009 Photoshop Essentials.com Une copie du calque de texte apparaît au-dessus de l'original.

Étape 9 : Retournez le calque de texte verticalement

Ensuite, nous devons retourner notre calque de texte copié à l'envers, et Photoshop arrive juste avec une commande conçue spécifiquement pour une telle tâche. Montez jusqu'au Éditer nouveau menu, choisissez Transformer , puis choisissez Retourner verticalement :



  Retourner le calque de texte verticalement dans Photoshop. Image © 2009 Photoshop Essentials.com Allez dans Edition > Transformer > Retourner verticalement.

Le calque de texte copié apparaîtra à l'envers devant le calque de texte d'origine, créant un effet visuel intéressant, bien qu'entièrement illisible :

  Le calque de texte copié est maintenant retourné. Image © 2009 Photoshop Essentials.com Le calque de texte copié apparaît à l'envers devant le texte d'origine.

Étape 10 : faites glisser le texte copié sous l'original

Sélectionnez le Bouger aussi l dans la palette Outils, ou appuyez sur la lettre J pour le sélectionner avec le raccourci clavier :

  Sélection de l'outil de déplacement dans Photoshop. Image © 2009 Photoshop Essentials.com Sélectionnez l'outil de déplacement.

Ensuite, avec le calque de texte copié toujours sélectionné dans la palette Calques (les calques sélectionnés sont surlignés en bleu), maintenez votre Décalage , puis cliquez à l'intérieur du document et faites glisser le texte copié à l'envers sous le texte d'origine. Maintenir la touche Maj pendant que vous faites glisser facilite le déplacement du texte vers le bas, car cela vous empêche de vous déplacer accidentellement vers la gauche ou vers la droite :

  Faites glisser le texte copié sous le texte d'origine. Image © 2009 Photoshop Essentials.com Faites glisser le texte copié vers le bas jusqu'à ce qu'il soit juste en dessous de l'original.

Étape 11 : Ajoutez un masque de calque au texte inversé

À ce stade, tout ce qui reste à faire pour créer notre effet de réflexion est de faire fondre notre texte à l'envers de haut en bas en transparence. Pour cela, nous utiliserons un masque de calque . Pour ajouter un masque de calque à notre calque de texte copié, assurez-vous que le calque de texte copié est toujours sélectionné, puis cliquez simplement sur le Masque de calque icône en bas de la palette Calques :

  Cliquez sur l'icône Ajouter un masque de calque dans la palette Calques de Photoshop. Image © 2009 Photoshop Essentials.com Cliquez sur l'icône Masque de calque au bas de la palette Calques.

Rien ne se passera dans le document, mais vous remarquerez qu'un petit rectangle blanc est apparu à droite du calque de texte dans la palette Calques. C'est le masque de calque vignette d'aperçu , nous indiquant que nous avons maintenant un masque de calque sur ce calque, même si nous n'avons encore rien fait avec :

  La vignette d'aperçu du masque de calque dans Photoshop. Image © 2009 Photoshop Essentials.com Une vignette d'aperçu du masque de calque apparaît sur le calque de texte copié dans la palette Calques.

Étape 12 : Sélectionnez l'outil de dégradé

Pour que le texte de ce calque se fonde en transparence, nous devons dessiner un dégradé noir à blanc sur notre masque de calque (pour plus d'informations sur le fonctionnement des masques de calque, assurez-vous de consulter notre Comprendre les masques de calque tutoriel dans le Bases de Photoshop rubrique du site). Pour dessiner un dégradé, nous devrons utiliser Photoshop Outil gradient , donc sélectionnez-le dans la palette Outils ou appuyez simplement sur la lettre g sur votre clavier pour le sélectionner avec le raccourci :

  Sélection de l'outil de dégradé dans Photoshop. Image © 2009 Photoshop Essentials.com Sélectionnez l'outil Dégradé.

Avec l'outil Dégradé sélectionné, vous verrez que la barre d'options en haut de l'écran a changé pour vous montrer des options spécifiques à l'outil Dégradé. Sur la gauche de la barre d'options, vous verrez un zone d'aperçu du dégradé vous montrant le dégradé actuellement sélectionné. Dans mon cas, il affiche déjà le dégradé noir à blanc dont j'ai besoin. Si le vôtre affiche également le dégradé noir à blanc, vous pouvez ignorer cette étape. Si vous voyez des couleurs différentes dans votre zone d'aperçu, cliquez directement sur la zone d'aperçu :

  Les options de l'outil Dégradé dans la barre des options de Photoshop. Image © 2009 Photoshop Essentials.com Cliquez sur la zone d'aperçu du dégradé dans la barre d'options.

Cela fait apparaître Photoshop Éditeur de dégradé , qui nous montre une collection de dégradés parmi lesquels nous pouvons choisir. Celui que nous voulons est le dégradé noir à blanc , troisième à partir de la gauche, rangée du haut. Cliquez dessus pour le sélectionner, puis cliquez sur D'ACCORD dans le coin supérieur droit de la boîte de dialogue pour en sortir :

  L'éditeur de dégradés dans Photoshop. Image © 2009 Photoshop Essentials.com Sélectionnez le dégradé noir à blanc dans l'éditeur de dégradé.

Étape 13 : Dessinez un dégradé vertical de bas en haut le long du texte à l'envers

Avec l'outil Dégradé et le dégradé noir à blanc sélectionné, il ne nous reste plus qu'à dessiner un dégradé vertical le long de notre texte à l'envers. Tout d'abord, assurez-vous que le masque de calque est sélectionné, et non le calque lui-même. Vous devriez voir un bordure blanche en surbrillance autour de la vignette du masque de calque dans la palette Calques qui nous indique que le masque de calque est sélectionné. Cliquez sur la vignette d'aperçu du masque de calque pour la sélectionner si vous ne voyez pas la bordure de surbrillance qui l'entoure.

Pour dessiner le dégradé, cliquez à l'intérieur du document à environ 3/4 de la descente vers le bas du texte à l'envers. Maintenez ensuite votre Décalage et faites glisser jusqu'au point où le texte à l'envers rencontre le texte d'origine. Maintenir la touche Maj pendant que vous faites glisser vous empêche de vous déplacer vers la gauche ou vers la droite lorsque vous faites glisser vers le haut :

  Dessiner un dégradé sur le masque de calque dans Photoshop. Image © 2009 Photoshop Essentials.com Cliquez et faites glisser un dégradé noir à blanc verticalement le long du texte à l'envers.

Relâchez le bouton de la souris lorsque vous avez terminé, c'est-à-dire lorsque Photoshop dessine réellement le dégradé, et vous verrez que le texte à l'envers s'estompe à mesure que vous vous déplacez vers le bas des lettres :

  Le texte du bas s'estompe maintenant en transparence. Image © 2009 Photoshop Essentials.com Le texte du bas s'estompe maintenant en transparence après avoir dessiné le dégradé sur le masque de calque.

Puisque nous avons dessiné le dégradé noir à blanc sur le masque de calque, nous ne pouvons pas le voir dans le document, mais nous boîte voyez-le si nous regardons la vignette d'aperçu du masque de calque dans la palette Calques :

  La vignette d'aperçu du masque de calque montrant le dégradé noir à blanc. Image © 2009 Photoshop Essentials.com La vignette d'aperçu du masque de calque montre le dégradé réel du noir au blanc.

Étape 14 : Ajustez l'opacité du calque pour affiner l'effet

Si vous souhaitez que le reflet de votre texte apparaisse un peu plus estompé, montez simplement au Opacité dans le coin supérieur droit de la palette Calques et réduisez l'opacité du calque. je vais baisser le mien à cinquante% :

  L'option d'opacité du calque dans la palette Calques de Photoshop. Image © 2009 Photoshop Essentials.com Réduisez l'opacité du calque pour estomper encore plus le reflet.

Voici, après avoir réduit l'opacité, mon dernier effet de réflexion de texte :

  Un effet de réflexion de texte dans Photoshop. Image © 2009 Photoshop Essentials.com L'effet de réflexion du texte final.

Où aller ensuite...