ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create Glamorous Text with Patterns and Wall Texture in Photoshop

Updated on January 12, 2016

In this tutorial I will show you fast and easy way to create attractive Text Effect with the help of Blending Options, Custom Shape Tool, patterns and awesome Wall Texture.

While following the steps, you are going to use default Impact Font, Tile 2 Custom Shape and two Textures- Streaks and Woven Flat which are exclusive for all Photoshop versions.

The nice relief of the Background is achieved with Wall Texture, which is my own photo and unrestricted stock. You can add it to your own designs if you like it.

This is the outcome you should get:

STEP 1

First and foremost you should organise your work. Create a Folder where you are going to place your .psd file, the Wall Texture which is to be downloaded and the final result saved in .jpg or .png format.

Now open Adobe Photoshop and navigate to the Menu bar. Select File, New and in New dialog box give name to your document- I have called mine Glamorous Text. Insert 1200 Pixels for Width and 700 Pixels for Height. Type 72 or 96 Pixels/Inch for Resolution (300 Pixels/Inch if you intend to print the file). Select RGB Color from Color Mode drop down menu (CMYK Color if you are to print) and set the Background Contents to Transparent so that you get editable first layer named Layer 1 automatically.

Double click on Layer 1 name and type Reflected Gradient then drag the layer to the Folder icon at the bottom of Layers panel or press Ctrl+G to place it in a group. Rename Group 1 to Background.

Create Background with Awesome Pink Wall Texture and Tile 2 Custom Shape

In Steps 2-8 you should colorize your first layer with golden shaded Reflected Gradient- for the purpose you need to drag with Gradient tool from the middle to upper or bottom side of the canvas. To achieve the unique look of your Background, you should blend the Gradient with the Wall Texture by changing the Blend Mode of the Texture layer. As a final touch, you should draw Tile 2 Custom Shape which is default for Photoshop to create the base of the Text. You will learn how to use Pillow Emboss to add nice relief to a shape and to make it look 3D.

STEP 2

In the Tools bar Set Foreground Color to #f3ec84 and Background Color to #373504. Grab Gradient tool (hot key G) and navigate to the Options bar. First click on the swatch and select Foreground to Background Gradient, click also on the Reflected type icon (the one I have drawn yellow rectangle around). When you are ready with the settings drag with the tool from the middle to the bottom side of the canvas holding down Shift key. You should get this outcome:

STEP 3

In this step you have to download this Wall Texture which will be added to the Background to give it unique relief.

Click on the Wall Texture to get it in high res in a separate window, then right click and choose Save As to place it in your folder.

STEP 4

Create a New Layer on top of Background group and name it Wall Texture.

After the Wall Texture have been downloaded, open it in Adobe Photoshop, press Ctrl+A to select it then press Ctrl+C to Copy it.

Go back to your Glamorous Text .psd file, verify that Wall Texture layer is highlighted and press Ctrl+V to Paste the Texture there.

As you can see, the Texture is bigger than the canvas. You can manipulate it this way, but for the sake of precision I decided to make it fit my canvas. If you want to follow me, go to Edit, Free Transform and move a chosen node in inner direction until the Texture takes the size of your canvas. Press Enter key when you are happy with the result.

STEP 5

Change Blend Mode of Wall Texture layer to Overlay.

STEP 6

Create a New Layer on top of Background group and call it Tile 2 Custom Shape after the Shape we are going to use right now.

Set Foreground Color to #9b1454.

Select Custom Shape tool and navigate to the Options bar to change its settings. Firstly select Pixels for Mode then find Tile 2 Shape from the Custom Shape Picker.

Draw the shape so that it covers the middle part of your canvas as you see on the screenshot below.

STEP 7

Change the Blend Mode of Tile 2 Custom Shape layer to Multiply and reduce its Fill Opacity to 25%. The shape looks pale as you can see but in the next step we'll add to it volime and interesting relief.

STEP 8

Double click on Tile 2 Custom Shape layer to activate Layer Style dialog box (Layer, Layer Style, Blending Options). Check Bevel and Emboss to add 3D Effect. Change the following settings:

Style: Pillow Emboss

Size: 57px

Angle: -145 degrees

Gloss Contour: Sawtooth 2

Highlight Mode Opacity: 0%

Shadow Mode Opacity: 25%.

This is the result you should get after applying 3D Effect on Tile 2 Custom Shape. Pillow Emboss always gives unique touch to the shapes.

With this we completed our work on the Background.

Type the Text then Add Patterns, Awesome Gradients and Other Blending Options

In steps 9-16 you will firstly type the Text using thick default Font called Impact. After that you have to duplicate the Text layer and reduce Fill Opacity of the copied one to 0%. Then you should start to apply Blending Options on the original Text layer. You should add Shadow, Streaks Pattern, Bevel and Emboss for 3D Effect, Gradient and two-colored Stroke.

You will notice that I haven't rasterized both Text layers. This is because I prefer to leave them editable. This is really beneficial if you decide in the process of work to change the Font. If you rasterize, you can't edit the Text and will have to type it again in order to make any changes.

STEP 9

Take Horizontal Type tool and start to change its settings in the Options bar. From the Font Family drop down menu select Impact (default) Font, set the Font Size to 200pt (just type 200 in the box). You have also to Set the Text Color. Click on the swatch to activate the Color Picker and insert this Color Code- #c4ff0f.

After you are ready with the settings, type Lovely in Capital Letters.

As later we are going to add Stroke Layer Style to the Text, it is better the space between the letters to be bigger. So highlight your Text and click on Toggle the Character and Paragraph Panels icon in the Options bar (Window, Character) to activate Character panel. Set the Tracking for the Selected Characters to 250.

After you are ready with the Text, move Lovely Text layer on top of Layers pane then press Ctrl+G to place it in a group named Text.

STEP 10

While Lovely Text layer is highlighted, press Ctrl+J (Layer, Duplicate Layer) to make a copy of it. Reduce Fill Opacity of Lovely copy layer to 0%.

STEP 11

Go back to the original Lovely Text layer, right click on it and select Blending Options (Layer, Layer Style, Blending Options). Check Drop Shadow Layer Style. Firstly check if its Angle is automatically set to -145 degrees (this is the Angle we already have chosen for the Bevel and Emboss applied on the Tile Shape). Reduce the Drop Shadow Distance to 0px, then increase its Spread to 45% and Size to 15px.

Keep Layer Style dialog box active as we have to add five more Blending Options on the first Text layer.

STEP 12

Now we have to add the first Pattern to the Text. Tick Pattern Overlay Layer Style and modify its settings as follows:

Blend Mode: Linear Burn

Opacity: 60%

Pattern: Streaks (100 by 100 pixels, RGB mode)

Scale: 240%.

STEP 13

In this step we are going to additionally colorize our Text. Check Gradient Overlay Layer Style and firstly change its Blend Mode to Color. Click on the swatch to open Gradient Picker and choose Orange, Blue Gradient. Set Gradient Angle to 90 degrees.

STEP 14

The fourth Layer Style to be applied on the first Text layer is Inner Shadow. Change the Color of Shadow to #bb3c1a, Choke to 100% and Size to 6px then select Rounded Steps Contour from the Contour Picker. Note that the Angle is set again automatically to -145 degrees. It should be like these for all Layer Styles except for Gradient Overlay. There you should set the Angle yourselves.

STEP 15

Now we are going to add thin Stroke. For the purpose select Stroke Layer Style and slightly heighten the value of its Size to 4px. Select Gradient from Fill Type drop down menu then click on the Gradient rectangle and edit it like this:

First Color Swatch (Location 0%): #0a7352

Second Color Swatch (Location 100%): #cba249

Change also the Angle of the Gradient to 90 degrees.

STEP 16

In order to make the Text more protruding, tick Bevel and Emboss Layer Style. Increase its Depth to 255%. Change the Highlight Mode to Normal and Color for Highlight to #10a1a6 and increase its Opacity to 100%. Set the Shadow Mode to Normal too, change Color of Shadow to #247f8f and reduce its Opacity to 50%.

Now you can press OK button and close Layer Style dialog box as we applied all necessary Blending Options to the Text layer.

This is how your Text Effect should look so far after applying the previous six layer styles:

Add Blending Options to the Second Text Layer

From the coming step to the end of the tut we have to work in the duplicated Text layer (the one with 0% Fill Opacity). Our task is to add two-colored Gradient Overlay, reddish Shadow, 3D Effect and most important- Woven Flat Texture (default) which will add cool Cubism Style touch to our Text.

STEP 17

In this step we'll start to add Layer Styles to the second Text layer. Select Lovely copy layer (the Text layer with 0% Fill Opacity), right click on it and choose Blending Options. The first Layer Style you have to tick is Gradient Overlay. Change its Blend Mode to Soft Light, select Red-Orange, Blue-Green Gradient from the Gradient Picker and set its Angle to 90 degrees.

STEP 18

The second Layer Style you have to apply on Lovely copy layer is Inner Shadow. Change the Color of Shadow to #f20101, then lower Distance to 0px. Change also the values of Choke to 30% and Size to 15px.

STEP 19

In this step you should check Bevel and Emboss in order to add 3D Effect. Increase its Depth to the maximum of 1000%, heighten also the value of Size to 18px. Change the Color for Highlight to vivid yellow: #fef737 and increase its Opacity to 100%. Lower Color of Shadow Opacity to 20%.

STEP 20

To increase the 3D Effect check Contour Layer Style and leave its three settings as given by default.

STEP 21

We have to add the second Pattern to the Text. Check Texture Layer Style and change the following two settings:

Pattern: Woven Flat (120 by 240 pixels, Grayscale mode)

Scale: 340%.

This is how your Glamorous Text Effect will look after applying all five Blending Options to Lovely copy layer.

Your Layers panel should include these two groups and layers:

  1. Background group with three layers in it: Reflected Gradient, Wall Texture and Tile 2 Custom Shape layer and

  2. Text group which consists of the following two layers: Lovely and Lovely copy.

STEP 22

This is my Colorful Glamorous Text saved in .jpg format. Hope you like this fast and easy way of creating awesome effects with textures and layer styles. If you don't understand something, please leave a comment below.

Thank you very much for reading. God bless! :)

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)