ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create Glowing Text with Water Drops Texture and Layer Styles in Photoshop

Updated on December 5, 2015

From this tutorial you will learn how to create Glossy Text with only one beautiful Water Drops Texture and lots of Blending Options.

The Font used is DejaVu Sans of Condensed Bold Oblique Style which is exclusive for Photoshop so you dont’t need to surf the net in search of awesome thick Font. Of course, you can use another Font of your choice but you’ll have to adjust the settings of the layer styles as they depend on the shape and size of the object they are applied on.

The tutorial is suitable for beginners level as I have explained everything in detail and the creation of the Text Effect itself is very simple. In addition to the Blending Options, you are going to use also Free Transform and Clipping Mask which are very easy to be applied.

The Water Drops Texture applied on both the Background and Text is my own photo and unrestricted stock.

This is what you are going to create:


Open your Adobe Photoshop program and create a new .psd file. Name the file Glossy Text. Set the Width to 1000px and Height to 600px. Insert 96 Pixels/Inch for Resolution, then select RGB for Color Mode and Transparent for Background Contents.

Rename Layer 1 to Background then Press Ctrl+G (or go to Layer, Group Layers) to place the Background layer in a Group and call the newly created Group Background too.

Prepare the Background with Inner Shadow and Water Drops Texture

In Steps 2-6 your simple task is firstly to colorize the Background layer, then you will darken its borders with the help of Inner Shadow Layer Style. After that you have to Paste the Water Drops Texture in a new layer and change its Blend Mode to create awesome wet surface.


While Background layer is selected, navigate to the Tools bar and change the Foreground Color to #b0c9c7. When you are ready, grab Paint Bucket tool and drag once on the canvas to colorize it.


Double click on the Background layer's thumbnail. Thus you'll activate the Layer Style box. Check Inner Shadow Layer Style then increase its Opacity to 95%, reduce Distance to 0px and increase Size to 100px. Leave all other default settings unchanged.

This is the Background you’ll get on your canvas after adding Vignette Effect with the help of Inner Shadow.


Click on this Water Drops Texture and when it appears in high res on your screen, right click and select Save Image As. Place it in the folder where your Glossy Text .psd file is. We are going to use this Texture in the next step.


Create a New Layer (Layer, New) above the Background layer and call it Water Drops Texture.

Open in Adobe Photoshop the Water Drops Texture you downloaded in Step 4, press Ctrl+A to load selection then press Ctrl+C to copy it. Go back to your Glossy Text .psd file, verify that Water Drops Texture layer is selected and press Ctrl+V to paste the texture. As the texture is bigger than your canvas, go to Edit, Free Transform and drag a chosen node in inner direction so that to resize the texture to cover your canvas. Press Enter to apply the Transformation.


Change Blend Mode of Water Drops Texture layer to Overlay. With this we completed our Background.

Type the Text, Make two Duplicates and Add Blending Options to All Text Layers

In Steps 7-16 you have to type the Text using thick default Font, then you should duplicate twice its layer and add Shadow, Glow and 3D Effect.


In this step we'll start to create our Glossy Text Effect with Water Texture. Take Horizontal Type tool or press T. Select DejaVu Sans default Font from the Font Family drop down menu. Choose Condensed Bold Oblique from Font Style drop down menu and insert 170pt for Font Size. Choose #f8e1fa for Text Color then type Water with Capital Letters.

When you are ready with typing the Text, select it then click on Toggle the Character and Paragraph Panels icon in your Options bar and Set the Tracking for the Selected Characters to 70-100.

While Water Text layer is selected, press Ctrl+G to put it in a Group and name the new Group Water Text.


Duplicate the Water text layer two times. Reduce Fill Opacity of both Water copy and Water copy 2 layer to 0%.


Go back to the original Water text layer, right click on it and select Blending Options (Layer, Layer Style, Blending Options). Select Drop Shadow Layer Style, reduce its Distance to 0px and increase Size to 25px. Don't change the other settings.

Keep Layer Style dialog box open because we have to add more Blending Options.


The second Layer Style to be applied on the original Water text layer is Outer Glow. Change the Color of Glow to #cde3fc, increase Size to 25px and select Cone-Inverted Contour from the Contour Picker.


Now in order to add 3D effect to our Water text layer, check Bevel and Emboss Layer Style and change the following settings:

Style: Outer Bevel

Depth: 1000%

Size: 13px

Color for Highlight: e9ecff

Color of Shadow: #7c97be

Color of Shadow Opacity: 40%.


The last Layer Style to be added to Water text layer is Contour. Only select Notched Slope-Rounded Contour from the Picker and don't change the other two settings.

You should get the following result after applying Blending Options on the original Water Text layer:


Now select Water copy layer and firstly apply Bevel and Emboss Layer Style. Change the following settings:

Depth: 1000%

Size: 10px

Highlight Mode: Overlay

Color for Highlight: #92cdff

Color for Highlight Opacity: 50%

Color of Shadow: #6ea3be

Color of Shadow Opacity: 60%.


Now check Contour Layer Style and only select Shallow Slope-Valley type of Contour.

Below is shown the outcome you should get after adding 3D Effect to the first copied Text layer:


Now highlight Water copy 2 text layer and apply Bevel and Emboss Layer Style. Change the following settings:

Depth: 225%

Size: 30px

Soften: 3px

Gloss Contour: Rounded Steps

Highlight Mode: Overlay

Color for Highlight: #b6d1ff

Color for Highlight Opacity: 50%

Color of Shadow: #b2c7dc

Opacity: 100%.


Apply also Contour Layer Style on Water copy 2 text layer and change the Contour to Cove-Deep.

This is the result of applying 3D Style on the second copied Text layer:

Blend the Text with the Water Drops Texture

You will finish your work on this awesome Text Effect with adding again the same Water Drops Texture which we have already used for the Background. To make it blending with the Text, you have to apply Clipping Mask only.


Create a New Layer between Water and Water copy layer in Water Text group and name it Water Drops Texture 2.

Copy the same Water Drops Texture that we used for the Background and Paste it in this new layer then resize it using Edit, Free Transform to make it cover your text.


Now right click on Water Drops Texture 2 layer and select Create Clipping Mask.


This is how your whole text will look after applying the Clipping Mask. Our work is done.

You should have the following two groups and layers in Layers panel:

  1. Background group with two layers in it: Background and Water Drops Texture
  2. Water Text group which includes these four layers: Water, Water Drops Texture 2 layer, Water copy and Water copy 2 layer.


This is how our Glossy Text with water drops looks saved in .jpg format.

Hope you liked this short tutorial and enjoyed it. Good luck and have fun! :)


    0 of 8192 characters used
    Post Comment

    • CorneliaMladenova profile imageAUTHOR

      Korneliya Yonkova 

      2 years ago from Cork, Ireland

      Thank you very much for the nice comment, Peter :)

    • agvulpes profile image


      2 years ago from Australia

      Thanks so much for a very detailed description for making Water Drops ! I will see how I go using PSelements ?

    • CorneliaMladenova profile imageAUTHOR

      Korneliya Yonkova 

      3 years ago from Cork, Ireland

      Thank you very much for the support, Michael! God bless! :)

    • Michael-Milec profile image


      3 years ago

      Convincing demonstration... Just a blessing you are CorneliaMladenova.

      Peace with us.

    • CorneliaMladenova profile imageAUTHOR

      Korneliya Yonkova 

      3 years ago from Cork, Ireland

      Thank you very much for reading my tut :)

    • PAINTDRIPS profile image

      Denise McGill 

      3 years ago from Fresno CA

      Very nice water text. Love it. So you make a photo clipping mask on top of the photo. Sweet effect. Thanks.


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)