Comment créer un effet de texte Raindrops dans Adobe Photoshop

Ce que vous allez créer

L'utilisation des filtres et des canaux alpha de Photoshop est un excellent moyen de créer et de jouer avec les sélections. Ce tutoriel vous montrera comment utiliser une technique simple pour créer des gouttelettes, puis les styliser et ajouter quelques textures et calques de réglage pour créer un effet de texte gouttes de pluie.. 

Inspirez-vous du marché d’Envato en regardant les photographies de la pluie. Cela peut aider lorsque vous essayez de créer des gouttes de pluie d'aspect réaliste pour ce style..

Commençons!

Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel:

  • CoreHumanistSans font
  • Stock d'eau sur métal par NGS-stock
  • Kagami - Texture 06 de taviskaron
  • texture de bokeh par nutmeg104
  • Free Pack 6000 gradients photoshop de Supertuts007 (Charger le CSP True Sky Gradients.grd fichier)

1. Créer le fond et le texte

Étape 1

Créer un nouveau 1500 x 875 px document et remplissez le Contexte avec Noir.

Étape 2

Créer le texte dans Toutes en majuscules en utilisant la police CoreHumanistSans. Assurez-vous de régler le Couleur à blanc, la Taille à 350 pt, et le suivi à -25.

Étape 3

Clic-droit le calque de texte et choisissez Convertir en objet intelligent.

2. Appliquer le filtre

Étape 1

Met le Premier plan et Contexte couleurs à Noir et blanc.

Aller à Filtre> Galerie de filtres> Texture> Vitrail. Changer la Taille de la cellule à 20, la Épaisseur de la frontière à 7, et le Intensité lumineuse à 3.

Étape 2

Chacune des cellules va créer une goutte, de sorte que vous pouvez jouer avec les paramètres de filtre pour obtenir des tailles différentes.

Étape 3

Choisissez le Outil Baguette Magique et décochez la Contigu boîte dans le Les options bar. Ensuite, cliquez sur l'une des cellules blanches pour créer une sélection.

3. Créer les gouttes

Étape 1

Ouvrez le Canaux panneau (Fenêtre> Canaux) et cliquez sur le bouton Créer un nouveau canal icône en bas du panneau.

Étape 2

Avec le Alpha 1 canal sélectionné, choisissez le Outil Pot De Peinture et remplissez la sélection avec blanc, et puis aller à Sélectionner> Désélectionner.

Étape 3

Aller à Filtre> Flou> Flou Gaussien, et changer le Rayon à 5.

Étape 4

Aller à Image> Réglages> Niveaux. Ce que vous devrez faire ensuite, c’est changer le Ombres et Points forts curseurs jusqu'à ce que vous obteniez des gouttelettes définies.

Étape 5

Assurez-vous de garder les bords bien lisses, pas déchiquetés.

4. Chargez la sélection et ajoutez l'image de fond

Étape 1

Clique le RVB canal, puis revenir à la Couches panneau.

Faire le Gouttes couche invisible en cliquant sur l'icône en forme d'œil à côté.

Étape 2

Aller à Sélectionner> Charger la sélection, et choisissez le Alpha 1 canal de la Canal menu déroulant.

Étape 3

Créez un nouveau calque, appelez-le Gouttes 1, remplir la sélection avec blanc, et alors Désélectionner.

Étape 4

Changer la Gouttes 1 couches Remplir valeur à 0, dupliquez-le et renommez la copie en Gouttes 2.

Étape 5

Vous pouvez ajouter n'importe quelle image de fond de votre choix, mais pour ce tutoriel, nous allons utiliser un métal brossé avec celui de gouttes de pluie..

Alors ajoutez le Stock d'eau sur métal image sur le dessus Contexte superposer et redimensionner pour l'adapter au document.

5. Style les gouttes 1 couche

Double-cliquez la Gouttes 1 couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 7
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 180
  • Altitude: 53
  • Vérifier la Anti-aliasé boîte
  • Mode de surbrillance: Vive lumière
  • Opacité: 50%
  • Mode Ombre - Opacité: 15%

Étape 2

Ajouter un Contour avec ces paramètres:

  • Contour: Cône - Asymétrique
  • Vérifier la Anti-aliasé boîte

Étape 3

Ajouter un Ombre portée avec ces paramètres:

  • Opacité: 5%
  • Distance: 3
  • Taille: 5

Cela va styler la première couche de gouttes.

6. style les gouttes 2 couche

Double-cliquez la Gouttes 2 couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 16
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 27
  • Altitude: 53
  • Vérifier la Anti-aliasé boîte
  • Mode de surbrillance: Vive lumière
  • Opacité: 50%
  • Mode Ombre - Opacité: 5%

Assurez-vous de changer le Angle et Altitude valeurs pour correspondre à l'éclairage des gouttes sur l'image d'arrière-plan que vous utilisez.

Étape 2

Ajouter un Contour avec ces paramètres:

  • Contour: Cône
  • Vérifier la Anti-aliasé boîte.
  • Intervalle: 100%

Étape 3

Ajouter un Ombre intérieure avec ces paramètres:

  • Opacité: 50%
  • Distance: 0
  • Taille: 13

Étape 4

Cela va styler la deuxième couche de gouttes Vous pouvez ajuster vos valeurs si nécessaire.

7. Modifier le fond

Étape 1

Comme vous pouvez le constater, le texte n’a pas l’air beau avec les gouttes sur l’arrière-plan. Ils se chevauchent, ont des tailles différentes et submergent le texte.

Nous allons donc supprimer certaines de ces gouttes pour améliorer le résultat final. Pour ce faire, choisissez le Outil de soin des taches, et choisissez un pinceau doux et rond avec une taille de goutte.

Peignez ensuite chaque goutte que vous souhaitez supprimer. Vous pouvez parcourir la même zone plusieurs fois jusqu'à ce qu'elle soit propre.

Étape 2

le Outil de soin des taches devrait fonctionner correctement, mais n'hésitez pas à utiliser tout autre outil de votre choix pour obtenir le résultat souhaité.

Étape 3

Continuez à travailler sur l'image de fond jusqu'à ce que vous obteniez un résultat qui vous plaise.

8. Ajouter plus de textures

Étape 1

Maintenant, nous allons ajouter une texture floue pour ajuster l'éclairage des gouttes et les rendre plus réalistes..

Alors ajoutez le Kagami - Texture 06 image sur toutes les couches et appelez-le Drops Texture. Redimensionnez-le pour couvrir le texte, puis changez le calque Mode de fusion à Lumière douce et son Opacité à 30%.

Étape 2

Commande-clic la Gouttes la vignette du calque pour créer une sélection. Puis sélectionnez le Drops Texture couche et cliquez sur le Ajouter un masque de calque icône au bas de la Couches panneau.

Étape 3

Les textures Bokeh sont un excellent ajout pour rendre un design plus éclatant..

Ajouter le texture de bokeh l'image au-dessus de tous les calques, redimensionnez-la si nécessaire et renommez son calque en Texture de bokeh. Changer son Mode de fusion à Lumière douce et cela Opacité à 35%.

9. Ajouter un peu de coloration

Étape 1

Clique le Créer un nouveau calque de remplissage ou de réglage icône au bas de la Couches panneau et choisissez Gradient Map.

Étape 2

Choisissez le remplissage en dégradé ci-dessous, cochez la case Tremblement boîte, et changer le calque de réglage Mode de fusion à Combustion linéaire et son Opacité à 20%.

Étape 3

Cela ajoutera une belle coloration bleue au résultat final..

Toutes nos félicitations! Vous avez terminé

Dans ce didacticiel, nous avons créé du texte blanc sur un fond noir et utilisé deux filtres avec un canal alpha pour transformer le texte en petites gouttelettes..

Ensuite, nous avons stylé les gouttes et ajouté une image d’arrière-plan. Après cela, nous avons modifié l'image de fond pour obtenir un résultat meilleur et plus propre..

Enfin, nous avons ajouté des textures supplémentaires et un calque de réglage pour améliorer la coloration du résultat final..

N'hésitez pas à laisser vos commentaires, suggestions et résultats ci-dessous.