ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create Glowing Text with Stone and Timber Texture in Photoshop

Updated on October 27, 2015

In this tutorial I am going to show you a simple way to create cool Glowing Text Effect with Blending Options and two Textures.

All Adobe Photoshop versions are applicable as I have used default Impact Font, simple selections and Layer Mask.

Both Textures- Stone and Timber are my photos and unrestricted stock. I would be glad if you choose to use them for your projects.

This is the outcome you should get if you follow correctly all my steps:

STEP 1

Your first task while implementing this tut is to create a Folder which you'll need to keep your downloaded photos, the .psd file and the final result saved in a format you prefer.

Start your work with creating a new .psd document. Navigate to the Menu bar and choose File. New. Call your file Glowing Text for example (of course, you can give it another name), type 1300 Pixels for Width and 800 Pixels for Height, set the Resolution to 72 or 96 Pixels/Inch, select RGB Color for Color Mode and Transparent for Background Contents.

If you plan to print your final result, set the Resolution to 300 Pixels/Inch and choose CMYK Color from Color Mode drop down menu.

Rename your first layer to Background and place it in a group (Ctrl+G) called Background too.

Create Background with Stone Texture

Steps 2-5 are very easy to follow. You nly have to colorize the Background layer, then you are going to add Stone Texture and resize it using Free Transform. Changing its Blend Mode will help you to create beautiful dark Background for your Text Effect.

STEP 2

While your Background layer (not the group) is selected, Set Foreground Color to #463232, grab Paint Bucket tool from the Tools bar and drag with the instrument anywhere on your canvas to colorize it.

STEP 3

Click on this Stone Texture to open it in high res in a new window, then right click on it and choose Save Image As in order to download it and save it in your Folder.

STEP 4

Create a New Layer on top of Background group. Name it Stone Texture.

Open in Adobe Photoshop the previously downloaded image, press Ctrl+A to Select it, then press Ctrl+C to Copy it.

Go again to your Glowing Text .psd file, select Stone Texture layer and press Ctrl+V to Paste there the photo.

You can place the Texture in Stone Texture layer using Move tool too.

Apply Edit, Free Transform and move any node in inner direction to adjust the size of the Texture to the size of the canvas.

Press Enter to apply the Transformation.

STEP 5

Change the Blend Mode of Stone Texture layer to Overlay.

With this we finished our work on the Background.

Type the Text and Apply Blending Options on the Three Text Layers

In Steps 6-23 your task will be firstly to type the Text with Impact Font, then you have to make two copies of it and change their Fill Opacity. After that you have to add different Blending Options to the three Text layers.

STEP 6

Take Horizontal Type tool and go to the Options bar to give it new settings. Firstly select Impact default Font from Font Family drop down menu, Set the Font Size to 350pt, choose Black (#000000) for Text Color and leave the Tracking to 50 by default. We don't need bigger Tracking as we are not going to add thick Stroke to the Text.

Type Glow using Capital Letters when you are ready with the settings of the Type tool.

Move Glow Text layer on top of Layers pane and put it in a group which you should call Text Effect.

STEP 7

With Glow Text layer selected, press twice Ctrl+J (Layer, Duplicate Layer) to make two copies of it.

Reduce Fill Opacity of both Glow copy and Glow copy 2 layer to 0%.

STEP 8

Go back to the original Glow layer (the one with 100% Fill Opacity), right click on it and choose Blending Options from the fly out menu (Layer, Layer Style, Blending Options).

Tick Drop Shadow when Layer Style box pops up on your screen. Heighten the values of the following three options: set Distance to 10px, Spread to 35% and Size to 25px.

STEP 9

The second Layer Style you have to apply on Glow layer is Pattern Overlay. Select Metallic Black (128 by 128 pixels, RGB mode) from the Pattern Picker and set its Scale to 230%.

You can use another Pattern if Metallic Black Pattern is not exclusive for your Photoshop version. Just don't be afraid to experiment. :)

STEP 10

Now we are going to add more texture and glow. For the purpose tick Satin Layer Style and change its Blend Mode to Linear Dodge. Set Color of Effect to #d6f7ff and increase Opacity to 100%. Change Distance to 170px, Size to 117px and choose Ring-Double Contour from the Contour Picker.

STEP 11

The next Layer Style we need to apply on Glow layer is Inner Glow. Set its Blend Mode to Normal, Opacity to 100% and move Source from Edge to Center. Increase also the Size to 65px, then choose Cone-Assymmetrical from the Contour Picker.

STEP 12

Now tick Inner Shadow Layer Style. We'll use it to lighten more the first Text layer. Change its Blend Mode to Hard Light, insert #ebfdff Color Code for Color of Shadow and heighten the Opacity value to 100%. Lower Distance to 0px, change Size to 180px and select Ring-Double Contour.

STEP 13

We are going to add thin golden shaded border to Glow Text layer so check Stroke Layer Style. Increase Size value to 10px, select Inside for Position and choose Gradient for Fill Type. Set Gradient Angle to 90 degrees and Scale to 39%.

Click on the Gradient swatch to set the Color Stops as follows:

First Color Stop (Location 0%): #8a6b2e

Second Color Stop (Location 70%): #ede456

Third Color Stop (Location 100%): #715c1b.

STEP 14

In order to improve the volume and stroke of our Text, in this step we are going to add Bevel and Emboss to Glow layer. Change Technique to Chisel Hard, Size to 8px and choose Ring for Gloss Contour. Set Color for Highlight to #d1d4db, then increase Color for Highlight and Color of Shadow Opacity to 100% both.

The last Layer Style we should apply on Glow layer is Contour. Only select Gaussian from Contour Picker and leave the other two settings as given by default.

This is how our Text will look so far. For now it resembles more frosty style text but we'll change things in the coming steps.

STEP 15

In this step you have to select Glow copy layer (the one with 0% Fill Opacity). Right click on it, choose Blending Options from the fly-out menu and firstly tick Gradient Overlay in Layer Style box. Change the Blend Mode to Multiply and reduce Opacity to 40%. Find Steel Bar Gradient from the Gradient Picker and verify that the Gradient Angle is set to 90 degrees.

STEP 16

We are going to add more glow in this step using Satin Layer Style, so check it in the dialog box, set its Blend Mode to Multiply and select #c0ffff for Color of Effect. Increase Opacity to the maximum 100%, change Distance to 61px, Size to 250px and select Ring-Double Contour from the Contour Picker.

STEP 17

The third Layer Style we should apply on Glow copy layer is Inner Glow. Lower the Opacity to 55%, Set Color of Glow to #d5feff and Size to 32px.

STEP 18

Tick Inner Shadow to darken the borders of Glow copy layer (this will make the Satin Effect more prominent too). Change Distance to 7px, Choke to 15% and Size to 101px then select Ring-Double Contour from the Contour Picker.

STEP 19

We have to add metallic border to our Glow copy layer now so check Stroke Layer Style, slightly increase Size to 6px, check if the Angle is 90 degrees, select Gradient for Fill Type and insert the following Color Stops:

First Color Stop (Location 0%): #535b5e

Second Color Stop (Location 25%): #d4d595

Third Color Stop (Location 50%): #4a5154

Fourth Color Stop (Location 75%): #b1b781

Fifth Color Stop (Location 100%): #535b5e.

STEP 20

Let us improve the 3D Effect of our Text. Tick Bevel and Emboss Layer Style. Change its Style to Stroke Emboss and Technique to Chisel Soft. Increase Depth to 123%, Size to 11px and Soften to 9px then choose Ring from Contour Picker.

Now apply the same Contour we used in Step 14- simply select Gaussian and don't change the other two settings.

This is how our Text will look so far with the Blending Options applied on Glow and Glow copy layer:

STEP 21

It's time to select the second copy- Glow copy 2 layer. Firstly apply Gradient Overlay and change the following settings: select Overlay for Blend Mode, reduce Opacity to 45%, select Transparent Rainbow Gradient of 90 degrees Angle.

STEP 22

In this step we are going to add purple glow to our Text so tick Inner Glow Layer Style. Change the Blend Mode to Normal, increase the Opacity to 100%, set the Color of Glow to #c761dd, move Source from Edge to Center, increase Choke to 20% and Size to 45px, then select Sawtooth 1 from the Contour Picker.

STEP 23

The third Layer Style we need to apply on Glow copy 2 layer is Bevel and Emboss. Increase its Depth to 1000% and Size to 24px, set Color for Highlight to #4b928a and its Opacity to 100%, then change Color of Shadow to #569899 and its Opacity to 100%.

Now only tick Contour Layer Style and leave its default settings unchanged.

We finished our work with the Blending Options. Below is shown the result you should get on your screen. In the next steps we have to add Texture in order to create really awesome Text Effect.

Apply Timber Texture with Changed Blend Mode and Layer Mask

From the coming Step till the end of this tut your task will be to apply cool Timber Texture with Blend Mode changed to Pin Light. Then you are going to add Layer Mask so that the Texture fits the size and shape of the Text.

STEP 24

Now you have to download this greenish Timber Texture:

STEP 25

Create a New Layer on top of Text Effect group and name it Timber Texture. Paste there the Texture you downloaded in Step 24 and apply Edit, Free Transform to resize the Texture so that it covers the Text only.

STEP 26

Change the Blend Mode of Timber Texture to Pin Light. Keep the layer selected.

Hold down Ctrl and click on Glow layer's thumbnail to Load Selection on the Text then click on Add Layer Mask icon at the bottom of Layer's panel (Layer, Layer Mask, Reveal Selection).

This is the result you should get on your canvas after applying the Layer Mask.

Compre your Layers pane with mine. You should have these two groups of layers in it:

  1. Background group which consists of two layers: Background and Stone Texture and

  2. Text Effect group which includes four layers: Glow, Glow copy, Glow copy 2 and Timber Texture layer.

STEP 27

This is my work saved in .jpg format. You can improve the quality of the .jpg file with the help of Filter, Other, High Pass or Filter, Sharpen, Unsharp Mask.

Thanks a lot for reading this tutorial. If you have questions or critiques just leave a comment below. :)

Comments

    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 and support, my friend :)

    • Kylyssa profile image

      Kylyssa Shay 

      2 years ago from Overlooking a meadow near Grand Rapids, Michigan, USA

      This text is so beautiful! Thank you so much for breaking down the steps for making it.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com 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: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    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 googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    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)
    Marketing
    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.
    Statistics
    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)