- Arts and Design
Create Glowing Text with Stone and Timber Texture in Photoshop
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:
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.
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.
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.
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.
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.
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.
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%.
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.
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. :)
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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:
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.
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.
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.
Now you have to download this greenish Timber Texture:
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.
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:
Background group which consists of two layers: Background and Stone Texture and
Text Effect group which includes four layers: Glow, Glow copy, Glow copy 2 and Timber Texture layer.
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. :)