ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create Mesmerizing Typography Piece with Texture Segments and Layer Styles

Updated on November 7, 2015

In this tutorial I am going to show you how to create superb Typography with Texture Segments and Blending Options. I would like to warn you in advance that creating this cool Number 8 is easy but really boring. It is really annoying to arrange every texture segment until you make something really beautiful, so if you lack patience, better don't proceed with this tut or stop after you have created the Background. Yes, you will also learn how to create superb Background with Radial Gradient, Textures, Layer Mask and Adjustment Layers.

All five Textures used in this tutorial are my own photos and unrestricted stock.

You can create this typography in any Photoshop version.

Well, this is the final result:

Create Cool Background with Gradient, Textures and Adjustment Layers

In Steps 1-15 firstly we are going to colorize the Background with Radial Gradient, then we have to add two textures- Stone and Pine Tree which will be resized and their blend modes changed to fit the canvas and blend with the Gradient. We need also to apply Layer Mask to the second Texture in order to shape the unique frame for our segmented Number 8. We will also add two Adjustment Layers to improve the colors and sharpness of our work.


Open Adobe Photoshop and go to the Menu bar. Choose File, New to create a new .psd document. Name your new file Awesome Typography for example, then set its Width to 1400px and Height to 2000px. Set the Resolution to 96 Pixels/Inch, select RGB for Color Mode and Transparent for Background Contents. If you like to print your work, set its Resolution to 300 Pixels/Inch and select CMYK for Color Mode. After you press OK button, you'll see transparent Layer 1 in your Layers panel.

Double click on Layer 1 name and write Radial Gradient in the white space to rename the layer. Press Ctrl+G to place the Background layer in a Group and call the newly created Group Background.


Set Foreground Color to #b0a974 and Background Color to #4d3a11, then press G or select Gradient Tool. Choose Foreground to Background Gradient then click on Radial type of Gradient icon. While Radial Gradient layer is highlighted, drag with the instrument from the middle to any side of your canvas. Your Background will look as follows:


Now you have to download this Stone Texture. Click on it to open it in high resolution, then right click on it and choose Save As to save it in your folder.


Create a New Layer above Radial Gradient layer and name it Stone Texture.

Open the previously downloaded Stone texture in Adobe Photoshop, press Ctrl+A to Load Selection on it then press Ctrl+C to Copy it. Return to your Awesome Typography document (Stone Texture layer must be highlighted) and press Ctrl+V to paste the Texture there. You can see that the texture does not fit the size of your canvas, so go to Edit, Free Transform and drag the nodes vertically and horizontally in order to resize the texture so that it covers the canvas. Press Enter to apply the Transformation.


Change the Blend Mode of Stone Texture layer to Overlay and lower its Opacity to 30%.


The second photo you have to download in the course of this tut is the following Pine Tree Texture:


Create a New Layer on top of Background group and name it Pine Tree Texture. Paste there the Texture you downloaded in the previous step and resize it using Edit, Free Transform as you see on the screenshot below.


While Pine Tree Texture layer is selected, click on Add Layer Mask icon at the bottom of Layers panel.


After you have applied the Layer Mask, your Foreground/Background Color should be automatically set to Black/White.

Select Brush tool, choose any Spatter brush from the Brush Preset Picker and change its Size to 400px. While the Layer Mask thumbnail is selected start brushing the borders of your Pine Tree Texture. You should get similar result:


Change the Blend Mode of Pine Tree Texture layer to Pin Light and reduce its Opacity to 50%.


With Pine Tree Texture layer selected, navigate to the Menu bar and select Layer, New Adjustment layer, Photo Filter.


After you have chosen Photo Filter Adjustment Layer, the Properties dialog box will appear on your screen. Select Deep Blue from Filter drop down menu and set its Intensity to 85%.


Now go back to the Menu bar and select again Layer, New Adjustment Layer, but this time choose Color Balance. Change the following settings:


Cyan-Red: -75

Magenta-Green: -70

Yellow-Blue: -100


Cyan-Red: -31

Magenta-Green: -18

Yellow-Blue: +44

Change the Blend Mode of Color Balance 1 Layer to Multiply and reduce its Opacity to 90%.


Create a New Layer on top of Background group and name it Blue, Yellow, Blue Gradient after the Gradient we are going to use.

Grab Gradient tool, find Blue, Yellow, Blue Gradient in the Picker and choose Radial type of Gradient, then drag with the tool from the middle to any corner of the canvas.


Change the Blend Mode of Blue, Yellow, Blue Gradient layer to Soft Light and lower its Opacity to only 10%. You'll get this awesome Background:

This is my Background saved in .jpg format. You can save it and use it separately or as part of your own projects.

Hope you like the First Part of this tutorial. In the Second Part we'll have to create our ravishing segmented typography.

Type Number 8 Using Impact Font with 120% Vertically Scale

In Steps 16-21 we are going to create the base for our Typography. We'll be using the default Impact Font to type Number 8 on our canvas then we are going to add Shadow to our Typography using Hue/Saturation and Gaussian Blur Filter.


Take Horizontal Type tool, select Impact Font and set its Size to 1000pt. Set the Text Color to dark purple: #5f1667 then type 8 number. Highlight the number, then click on Toggle the Character and Paragraph Panels icon in the Options bar. Set the Vertically Scale to 120%.

Move Number 8 Text layer on top of Layers panel and press Ctrl+G to put it in a group. Call the new group Number and Shadow.


While 8 Text layer is selected, press Ctrl+J to duplicate it. Right click on 8 copy layer and select Rasterize Type.


With 8 copy layer selected, press Ctrl+U to call Hue/Saturation dialog box. Move the Lightness Slider to -100 to colorize the number in black.


Now we have to blur our 8 copy layer. Navigate to the Menu bar and choose Filter, Blur, Gaussian Blur. Set the Radius to 50 pixels.


Duplicate 8 copy layer then holding down Shift click on 8 copy and 8 copy 2 layer to select them. Right click on them and choose Merge Layers.


Rename the new merged layer you created in the previous step to Shadow and you'll get this result in your Layers pane:

Create Segments Using Texture Parts

In Steps 22-33 we need to download three textures from which we have to select parts with Polygonal Lasso tool then shape the segments one by one using Edit, Free Transform and Edit, Transform, Warp.


In this and the next two steps you have to download the three textures, from which we are going to create the segments of our Typography.

Firstly download this Tree Bark Texture:


Now download this Blue Paint Texture:


The last Texture you have to download in the course of this tut is the following Leaves Texture:


You have to create three contemporary layers in this step. We are going to get rid of them after we are ready with the segments at the end of this tutorial. I decided to put those layers in Number and Shadow group. So create three layers at the bottom of the group and call them Tree Bark Texture, Blue Paint Texture and Leaves Texture. Paste there the respective textures and resize them so that they are smaller than the canvas.


Take Polygonal Lasso tool and draw random selection on the Tree Bark Texture then press Ctrl+J to separate the selection part on a new layer. As you can see I have switched all other layers in Number and Shadow group because we don't need them at the moment.


Select the same way parts of Blue Paint and Leaves Texture as you did in the previous step. Switch on 8 Text layer as we going to use it as a base on which to arrange the parts of the textures.

Move the three texture parts layers on top of Layers panel and place them in a group called First Half. Rename also the texture parts layers to Tree Bark Texture 1, Blue Paint Texture 1 and Leaves Texture 1 respectively.

Arrange the selected textures parts as you see on the screenshot below. Use Edit, Free Transform and Edit, Transform, Warp to shape them.


Double click on Tree Bark Texture 1 layer's thumbnail to activate Layer Style box. Check Inner Shadow Layer Style, leave its Distance to the default 5px, then increase Choke to 15% and Size to 25px.


The next Layer Style we need to apply on Tree Bark Texture 1 layer is Bevel and Emboss. Increase its Size to 38px, set Color for Highlight to #9d916c and its Opacity to 100% then lower Color of Shadow Opacity to 50%.


Right click on Tree Bark Texture 1 layer and select Copy Layer Style, then right click on Blue Paint Texture 1 layer and select Paste Layer Style. Paste the Layer Style on Leaves Texture 1 layer too.

Continue to select parts of the tree textures and arrange them using the Number 8 as a base. Use also Edit, Free Transform and Edit, Transform, Warp to arrange and shape the segments then Paste the same layer styles that you have already applied on the first segment.

Your work should resemble the outcome on my screenshot below. You can see that in First Half group I have five segments of each of the tree textures.


Create a New Group called Second Half on top of Layers panel. Continue selecting parts of the textures and arange them again using the Number 8 as a base. Paste both layer styles applied on the layers from the First Half group and you'll get a result similar to mine. Leave rought edges on the textures segments, this will give hand- made and unique look to our Typography.

Now you can delete 8 Text layer from Number and Shadow group, we won't use it as a base anymore, delete also the tree textures layers- Tree Bark Texture, Blue Paint Texture and Leaves Texture which are in the same group.


Press D key to set Foreground to Background Color to Black/White.

Create a New Layer at the bottom of Second Half group and name it Segments Shadow.

Now grab Brush tool and select Soft Round Brush from the Brush Preset Picker. Set its Size to 60px then draw subtle shadow where Seond and First Half intersect.


Change the Blend Mode of Segments Shadow layer to Soft Light. Thus we added more volume to our Typography.

Add Spiral Decoration

In Steps 34-37 we'll be using Pen Tool Paths to draw spiral shapes, then we are going to stroke them with Hard Brush and later apply layer styles to add awesome decoration to our Typography.


Create a New Layer placed above Segments Shadow layer in Second Half group and name it Spirals. Use Pen Tool to draw random spirals protruding from the number. Use Half Round Pressure Size Brush of 30px Size to stroke the spiral paths (Simulate Pressure checked). I have used yellow, blue and orange color for the spirals but you can use another colors according to your taste.


Reduce Fill Opacity of Spirals layer to 40%.


We have to add two layer styles to Spirals layer. Firstly apply Drop Shadow. Increase its Size to 100%, reduce Distance to 0px then heighten the values of Spread to 15% and Size to 35px.


Check Bevel and Emboss Layer Style in order to give 3D look to our spirals. Increase its Depth to 420% and Size to 27px. Change the Highlight Mode to Hard Light and set Color for Highlight to #e78215 and increase its Opacity to 100%, then lower the Opacity of Color of Shadow to 45%.


We have to improve again the color combo in this step. While Second Half group is selected, go to Layer, New Adjustment Layer and select Color Balance. Change its settings as follows:


Cyan-Red: -29

Magenta-Green: -29

Yellow-Blue: -65


Cyan-Red: -28

Magenta-Green: -12

Yellow-Blue: -49


Cyan-Red: +7

Magenta-Green: -15

Yellow-Blue: +17.


Our Awesome Typography with Texture Segments is ready. In Layers panel you should have four groups of layers and one separate Adjustment layer on top of the panel.


This is my result saved in .jpg format. In order to improve the quality of the image you can open the .jog file in Photoshop and apply Filter, Sharpen, Unsharp Mask with settings according to your taste.


    0 of 8192 characters used
    Post Comment

    • CorneliaMladenova profile imageAUTHOR

      Korneliya Yonkova 

      2 years ago from Cork, Ireland

      Thank you very much for coming and leaving a comment :)

    • poetryman6969 profile image


      2 years ago

      I love the things you do with textures.

    • CorneliaMladenova profile imageAUTHOR

      Korneliya Yonkova 

      3 years ago from Cork, Ireland

      Thank you very much, Michael, it is very simple to create but very boring too :)

    • Michael-Milec profile image


      3 years ago



    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, 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:

    Show Details
    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 or domains, for performance and efficiency reasons. (Privacy Policy)
    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)
    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.
    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)