ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create Vertical Text with Ice Texture, Gradient and Motion Blur Filter

Updated on January 24, 2016

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:

STEP 1

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.

STEP 2

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:

STEP 3

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.

STEP 4

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.

STEP 5

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.

STEP 6

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.

STEP 7

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:

Size: 7px

Position: Outside

Blend Mode: Normal

Opacity: 100%

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:

STEP 8

Right click on Photoshop Text layer and select Rasterize Layer Style.

STEP 9

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.

STEP 10

Check Gradient Overlay to colorize Our Photoshop Text with pastel shades and insert these settings:

Blend Mode: Normal

Dither: unchecked

Opacity: 100%

Select Red, Purple, Blue Gradient

from the Gradient Picker.

Reverse: unchecked

Style: Reflected type of gradient

Align with Layer: checked

Angle: 90 degrees

Scale: 100%.

STEP 11

The third Layer Style to be added to Photoshop layer is Inner Glow. Change its settings as follows:

Blend Mode: Hard Light

Opacity: 100%

Noise: 20%

Color of Glow: #cbf7f8

Technique: Softer

Source: Center

Choke: 0%

Size: 50px

Contour: Rounded Steps

Anti-aliased: unchecked

Range: 50%.

Jitter: 0%.

STEP 12

Now apply Inner Shadow Layer Style and change only its Distance to 0px, Choke to 40% and Size to 10px.

STEP 13

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.

STEP 14

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.

STEP 15

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.

STEP 16

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:

  1. Background Group which has two layers- Background and Ice Texture and

  2. Text Effect Group also containing two layers- Photoshop copy and Photoshop.

STEP 17

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.

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://corp.maven.io/privacy-policy

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)
ClickscoThis is a data management platform studying reader behavior (Privacy Policy)