- Arts and Design
Create Vertical Text with Ice Texture, Gradient and Motion Blur Filter
In this quick Adobe Photoshop tutorial for Beginners level we are going to use Vertical Type Tool, Blending Options and Motion Blur Filter to create awesome colorful text in only seventeen steps. I have used default Myriad Hebrew Font and to beautify the Background have applied Frost Texture overlay- the Texture is my photo and unrestricted stock.
The Text Fffect could be created in any Photoshop version.
This is the outcome you should achieve:
Open Adobe Photoshop then in the Menu Bar select File, New to create a new .psd document. When New dialog box pops up on your screen, firstly insert something in Name field. I have called my file Text with Gradient and Motion Blur Filter but you can choose a shorter title.
Change also the Width to 900 Pixels and insert 1300 Pixels for Height. Insert also 72 or 96 Pixels/Inch for Resolution (or 300 Pixels/Inch if you would like to print the Text) and from Color Mode drop down menu choose RGB Color (CMYK for those who will print). You have also to set your Background Contents. I prefer to select Transparent Option as it will create an editable and transparent Layer 1 in Layers panel.
Now we'll have to rename our first layer and place it in a Group. For the purpose double click on Layer 1 name and write Background in the white space. Then go to Layer, Group Layers or simply press Ctrl+G to create Group 1. Double click on Group 1 name and insert Background in the white space to rename it.
Create Sparkling Background with Dark Radial Gradient and Ice Texture
In the next four steps you will have to prepare beautiful Background with golden sparkles. You should fill your first layer with dark radial Gradient then paste cool Ice Texture on a new layer, resize it and blend it with the Gradient. The golden glow will be very simple to be done- you only need to change the Blend Mode of the Ice Texture to Color Dodge.
Click on the Foreground Color swatch in the Tools bar and insert #2f1e02 code in the Color Picker. Change also the Background Color to #060400. Grab Gradient Tool and change its settings as following: from the Gradient Picker in the Options bar take Foreground to Background Gradient and choose also Radial Type. Then drag with the tool from the middle to any corner of the canvas and you'll get this Background:
Click on the following Ice Texture to get it in a separate window then right click on it and choose Save As to download it and save it in your folder. You can use this photo of mine not only to create the effect in this tutorial but also for your own works.
Open in Adobe Photoshop the Ice Texture you downloaded and use Move tool to place it in a new layer in the Text with Gradient and Motion Blur Filter .psd file. You can also Copy and Paste it in the .psd document- just Create a New Layer above the Background one and rename it to Ice Texture, press Ctrl+A to select the whole Texture (opened in Photoshop) then press Ctrl+C to Copy it. Go back to the Text with Gradient and Motion Blur Filter file, select the new Ice Texture layer and press Ctrl+V to paste the Texture. In order to adjust the size of the Texture to your canvas size, use Edit, Free Transform. Drag the nodes in inner direction to make the Texture as big as the canvas. Press Enter when you are ready.
Change Blend Mode of Ice Texture layer to Color Dodge and you will create this beautiful glowing Background:
Use Vertical Type Tool and Layer Styles to Create Lustrous Colorful Text
From the next step till Step 13 you will be working on the Text Effect. Firstly you'll have to select Vertical Type tool to type the chosen word on your canvas, then you will need to have a good play with Blending Options to give the Text 3D look and nice colors. You will achieve the lustrous effect with the help of both Shadow layer styles, default Red, Purple, Blue Gradient, Inner Glow of pale blue color and Bevel and Emboss with maximum Depth value.
Navigate again to the Tools bar and grab Vertical Type Tool. Now we have to change the settings of the instrument in the Options bar. Firstly select Myriad Hebrew from the Font Family drop down menu then from the Set Font Style drop down menu choose Bold Italic. Set also the Font Size to 90pt. Now click on Toggle the Character and Paragraph Panels icon and set the Tracking to 150. When ready with the settings, type Photoshop in capital letters.
Place your Photoshop Text layer on top of Layers panel, out of Background Group. Now we have to Group the Text layer too- while it is highlighted, Press Ctrl+G and rename the new Group to Text Effect.
In this step we are going to make add Stroke Layer Style to our Text in order to make it thicker. So right click on Photoshop Text layer and select Blending Options or go to Layer, Layer Style, Blending Options. Check Stroke in Layer Style dialog box and insert the following settings:
Blend Mode: Normal
Fill Type: Color
Color of Stroke: #f4f968.
Press OK button to apply the Layer Style and to close the dialog box.
Your Text will look like this after adding the yellow Stroke:
Right click on Photoshop Text layer and select Rasterize Layer Style.
In this step we'll start to add Blending Options to the rasterized Text layer so double click on Photoshop layer's thumbnail and when Layer Style box appears on your screen, firstly check Drop Shadow and change only Distance to 0px, Spread to 40% and Size to 18px. Leave all other settings as given by default.
Check Gradient Overlay to colorize Our Photoshop Text with pastel shades and insert these settings:
Blend Mode: Normal
Select Red, Purple, Blue Gradient
from the Gradient Picker.
Style: Reflected type of gradient
Align with Layer: checked
Angle: 90 degrees
The third Layer Style to be added to Photoshop layer is Inner Glow. Change its settings as follows:
Blend Mode: Hard Light
Color of Glow: #cbf7f8
Contour: Rounded Steps
Now apply Inner Shadow Layer Style and change only its Distance to 0px, Choke to 40% and Size to 10px.
In order to add 3D effect to our Photoshop layer, check Bevel and Emboss Layer Style and change its Depth to 1000%, Size to 13px, Set Color for Highlight to #5b81d8 and its Opacity to 100%, then reduce Color of Shadow Opacity to 60%.
To improve the 3D look of your Vertical Text you should also apply Contour Layer Style. Simply change the Contour type to Half Round and leave the other two default settings unchanged.
Your Text should resemble the outcome on my screenshot below after applying the previously given Blending Options.
Apply Motion Blur Filter to Add More Background Effect
From the coming step till the end of this tutorial you are going to add final touches with the help of Motion Blur Filter. Firstly you'll have to duplicate your Text, rasterize its layer styles and move the copied layer below the original one. After that you should use Motion Blur Filter of increased distance to imitate veils effect behind the letters.
While Photoshop layer is selected, press Ctrl+J to duplicate it (Layer, Duplicate Layer) and move the duplicate at the bottom of Text Effect Group. After that, right click on it and select Rasterize Layer Style.
With Photoshop copy layer highlighted, navigate to the Menu bar and select Filter, Blur, Motion Blur. In Motion Blur dialog box set the Angle to 0 degrees and Distance to 280 pixels.
This is how the Text Effect will look after applying Motion Blur Filter to the copied layer with the rasterized layer styles. The nice relief is due to the Blending Options we rasterized. If you don't do this the effect won't be the same.
To the right you can see Layers Panel with two groups of layers in it:
Background Group which has two layers- Background and Ice Texture and
Text Effect Group also containing two layers- Photoshop copy and Photoshop.
This is the Text Effect saved in .jpg format. In order to sharpen the image and achieve better result I opened the .jpg file in Adobe Photoshop, duplicated the Background then applied Filter, Other, High Pass on the duplicate, changed the Blend Mode to Soft Light and reduced Opacity to 50%. Then merged both layers and voila, I got this awesome Text on glowing background.