Create a snazzy text effect with realistic metal texture in Photoshop

Share

In this quick tutorial, you will learn how to create an awesome shining text effect which has realistic, natural-looking metal texture in Photoshop using plain layer styles, simple blurring techniques and filters. We will play with some layer styles and filters to create our text in a very quick time, the steps are much easier to follow, this tutorial requires no user expertise, even a beginner can learn with ease and create some stunning text effects based on this.

Before going into the tutorial, let us see how the final image will look like.

Step 1:New Document

Create a new document of size 1600 by 800 px with black as the background color.

Step 2: Add Text

Now add some text of any sci-fi,high-tech or futuristic style font, i am using the font CGF Locust Resistance which can be downloaded from DaFont, about the size of 300 pt of white color. The color of the text does not matter here since we are going to apply gradient overlay on it.

Note: This text layer is the base for our design, so henceforth in the tutorial, we will be mentioning this layer as base_text.

Position the text in the center of the document , aligning both the horizontal and vertical centers with respect to the background layer.

Step 3: :Layer Styles for the text

Apply these following layer styles to text.

Gradient Overlay

First apply the Gradient Overlay style for the text, with the default gradient available in Photoshop named Silver which resembles metal like gradient or you can create your own gradient if you want, please use the below image for your reference.

Stroke

Next apply the Stroke style with White (#FFFFFF) as the color.

This is the effect so far with our text.

Step 4: Fragment the text

Next we are going to start applying the required filters for our effect. First of them is the Fragment filter which is a Pixelate categroy filter available in Photoshop. Before applying the filter we need to rasterize our text along with the layer effects. For that first duplicate the base_text layer, then create a new layer above it, select both the layers and merge them using Layer -> Merge Layers (Ctrl + E).

Now our layer is rasterized with the layer effects then we start applying filters on this layer. We can make multiple copies of this rasterized layer later to apply all the filters. Before that rename the layer with some identifiable name before applying a filter. For this layer we are naming it something like Fragments_filter.

Now go to Filter -> Pixelate -> Fragment. Repeat this step some 8-9 times for getting subtle fragments of our text.

Step 5:Motion Blur

Make one more copy of base_text layer, rasterize it like the previous step, rename it and then apply Motion blur in the horizontal direction using Filter -> Blur -> Motion Blur with the values Angle = 0, Distance = 999 and apply OK.

Duplicate this layer and apply Gaussian Blur using Filter -> Blur -> Gaussian Blur with the valueRadius = 2 pixels and apply OK.

Step 6: Texturizer

The next filter we are going to apply is the Texturizer Filter. Before that make a duplicate of the base_text layer, rasterize it, rename it some thing like Texturizer_filter. Then go to Filter -> Texture -> Texturizer, apply the filter using the below settings: Texture = Sandstone, Scaling = 100%, Relief = 4, Light = Top.

After applying the filter our text will look like this.

Step 7: Ink Outlines Filter

The metal texture is getting ready for the text, but it still lacks some depth and sharpness so we need to apply one more filter called the Ink Outlines above the Texturizer filter. Now duplicate the texturizer layer, and go to Filter -> Brush Strokes -> Ink Outlines, use the following settings for this filter: Stroke length = 4, Dark Intensity = 20, Light Intensity = 10 and apply OK.

After applying the Ink Outlines filter on the duplicated texturizer layer, the text will have a look like this.

Duplicate this layer, change the Layer Blending Mode to Multiply and the Layer Opacity to 70%, to give still more depth to the texture.

Duplicate this layer one more time and apply Gaussian Blur by Filter -> Blur -> Gaussian Blur with 10 as the radius and apply OK. Now our text will have blurred overlay in the middle portions , this is just to give some additional glare and flare for the metal texture.

Now change the Layer Blending Mode of this layer to Linear Dodge(Add) and change the Layer Opacity to 20% so that the glare won’t be disturbing the overall shine of the text.

Step 8: Color Overlay

Now its time to add some vibrance to the metal texture by adding some color overlays upon the various parts of the text. Create a new layer and name it something like color_overlay. Grab the Brush tool (B) from the Tool Box, choose a soft round brush with Diameter = 200 px, Hardness = 0% and choose the following colors to paint some soft spots upon the text. Pale Warm Brown # C8A46D and Pure Cyan # 00A9EC.

Paint some soft dabs here and there over the text like shown below.

Now change the Layer Blending Mode to Overlay and change the Layer Opacity to 75%. This will give a nice and subtle vibrant and colorful effect on the metal texture.

This is how our final output will look like, please also take a look at how the layers are stacked against each other and arrange the same in the order given below for good looking final result.

Finally here is our final image with a snazzy text effect with realistic looking metal texture. There are certain things i want to mention here, please be liberal with the use of filters, choice of fonts , layer styles, and also experiment with the settings while applying filters to get accurate and effective results.

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see!

How to create a cute curvy colorful text effect in Photoshop

Share

In this quick tutorial, you will learn how to create a colorful text effect in which the colors form a wavy pattern upon the text giving it a vibrant and cute look in Photoshop using simple masking techniques and filters. We will play with some layer styles and filters to create our text in a very quick time, the steps are much easier to follow, this tutorial requires no user expertise, even a beginner can learn with ease and create some stunning text effects based on this.

Before going into the tutorial, let us see how the final image will look like.

Step 1:New Document

Create a new document of size 1280 by 1024 px with white as the background color. You can later apply some subtle gradient in the background layer if you want to highlight the text colors. In our tutorial, for the final output we have used a Radial Gradient for the background running from the colors #d6dbbf to #feffe8.

Step 2: Add Text

Now add some text of any round, bulbous, or fluffy font, i am using the font VAL which can be downloaded from FontFabric, about the size of 350 pt of black color. The color of the text does not matter here since we are going to apply some clipping mask of multiple colors on it.

Note: This text layer is the base for our design, so henceforth in the tutorial, we will be mentioning this layer as base_text.

Position the text in the center of the document , aligning both the horizontal and vertical centers with respect to the background layer.

Step 3: Drawing Color Bars

Now to create the curvy colors inside our text, we are going to draw some multiple color bars over the text and then later merge them and distort them to get a perfect wavy effect and clip it along the edges of the text.

First grab the Rectangle Tool (U), then draw a rectangle bar approximately about 1/4 th the size of the text from the bottom using the color RGB Red (#FF0000).

Then duplicate this layer 3 times and change the color of each bar to RGB Yellow(#FFFF00) , RGB Blue (#0000FF) and RGB Green (#00FF00) respectively. The choice of the colors and number of colors used depends entirely upon your taste, you can use different color palettes if you wish.

Now the text is entirely hidden behind our color bars.

Step 4: Wave Distort the color bars

Now its time to go for the wavy effect for the colors , for that we are going to use the Wave Distortion filter available in Photoshop’s default distortion filters. Before that, we need to merge all our color bar layers together, select all the 4 color bar layers , since we drew them using the Rectangle Tool , there will be four different layers for each colors. Select them all, and merge them using Layer -> Merge Layers (Ctrl + E).

Then go to Filter ->Distort -> Wave. Apply the wave filters using the following settings.

This is how our image looks like after applying the Wave distort filter.

As you can see, there are some parts left behind the color bars around the edges displaying the black portions of the text, we need to cover up these parts, for that, you can re-size our color bars to a larger size on all the sides as required.

Step 5: Apply Clipping Mask

Now we are going to mask the text with this distorted color bars so that the color bars are only visible upon the text, for that hold down the Alt-key and move over the edge in between the text and color bars layers, you will see a Clipping mask icon ( with two circles overlapping each other with an arrow pointing towards the left) and when you see this icon, click exactly on the edge and you color bars layer gets clipped with text layer and finally release the Alt-key.

This is how the text will look like after applying the Clipping mask.

Step 6: Adding Depth and Shadows

Now group both the layers, the distorted color bars and the text and duplicate the group by Layer -> Duplicate Group, then merge the group using Layer -> Merge Group (Ctrl + E).

Then apply a Gaussian Blur of about radius 10 pixels on this layer using Filter -> Blur -> Gaussian Blur and set Radius = 10 and apply OK.

Apply the following layer style for this layer.

Drop Shadow

Now duplicate this Layer, remove all the Layer Styles.

Quick Tip: Removing / Turning Off the Layer styles

In order to permanently remove the layer style for a particular layer, click and drag the fx layer style icon next to the Layer name and drop it down on the Trash Can icon at the bottom of the Layers Panel, or you can simply right-click on the particular layer and choose Clear Layer Style. To temporarily turn off the layer style, you can toggle the visibility of the Effects Layer below the layer marked by an eye icon.

Then go to Filter -> Sketch -> Halftone Pattern, apply this filter with the following settings Size = 1, Contrast = 50 and Pattern Type = Dot and apply OK.

Change this Layer opacity to 20%.

This is how our final output will look like, please also take a look at how the layers are stacked against each other and arrange the same in the order given below for good looking final result.

Finally here is our final image with a cute colorful style text effect. There are certain things i want to mention here, please be liberal with the use of color palettes, no of colors, choice of fonts , layer styles, and also experiment with the settings while applying filters to get accurate and effective results.

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see!

Create a glowing blue-print style text effect in Photoshop

Share

In this tutorial, you will learn how to create a glowing and blue-print style typography effect in Photoshop using very simple and effective techniques. We will play with some layer styles and filters to create our text in a very quick time, the steps are much easier to follow, this tutorial requires no user expertise, even a beginner can learn with ease and create some stunning text effects based on this.

Before going into the tutorial, let us see how the final image will look like.

Step 1:New Document

Create a new document of size 1000 by 1000 px with black as the background color.

Step 2: Add Text

Now add some text of any bold and crisp font, i am using the font Nevis which can be downloaded from UrbanFonts, about the size of 200px of white color. The color of the text does not matter here since we are going to apply some layer styles on it.

Note: This text layer is the base for our design, so henceforth in the tutorial, we will be mentioning this layer as base_text.

Position the text in the center of the document , aligning both the horizontal and vertical centers with respect to the background layer.

Step 3: Layer Styles for the text

Now add the following layer styles to the text layer.

Gradient Overlay

The Gradient colors run from # 596a72 to # cfdde8.

Stroke

This is the effect so far, after applying the above Layer styles…

Step 4: Duplicate and apply Gaussian Blur

Before applying the Motion Blur we are going to rasterize our text layer along with the layer effects, in order to do that, first duplicate our text layer and create a new layer above it, select both the new layers and the duplicated text layer, merge them using Layers -> Merge Layers or simply press Ctrl + E (Cmd + E for Mac users). Don’t forget to rename the merged layer as the original “gaussian_blur”. Now our text is ready to be blurred.

Go to Filter -> Blur-> Gaussian Blur, give 20 to Radius and apply OK.

Now this is the effect so far with the text.

Step 5: Vertical Streaks

Now with our basic text is ready, its now time to create the strokes on the vertical direction to simulate the blue-print kind of style over the text. For that, create a new layer name it something like vertical_strokes, just grab the Pencil tool (B) from the toolbox, and select White (#FFFFFF) as the color, set the brush width to 1 px solid. Now draw some straight lines along the vertical edges of the text with the Pencil tool, hold down the SHIFT key to get perfect straight lines and draw the lines with their length just extending some 4-5 pixels from the top and bottom edges.

Now go to Filter -> Blur -> Motion Blur and apply vertical motion blur with the settings as: Angle = 90, Distance = 20

You can see now some beautiful strokes sharply extending along the edges of the text, Now duplicate this layer again to add some strength to the strokes.
This is the effect so far.

Step 6: Horizontal Streaks

Now using the previous step, we are going to create the horizontal strokes but the only difference is that , we are going to draw the strokes in the horizontal direction and apply Motion blur with the horizontal mode using the settings like Angle = 0, Distance = 20. Create a new layer for this step and name it as horizontal_strokes.

After drawing both the horizontal and vertical strokes our text will look like this.

Step 7: Diagonal Strokes (without Blur)

Using the above steps, we are going to draw the diagonal strokes around the text and just omitting the Motion blur part, since we don’t exactly know what will be the angles used for blurring the strokes to get sharpness at its edges. This is just a tricky part in this tutorial, so i am going to leave it as such.

Step 8: Hand-drawn curves

As you notice, we may encounter some curvy letters in our text like “C” in ours, for that part, we need to simply follow the curve and draw the strokes by hand using the Pencil Tool with the same settings used in the previous steps. Also please omit the Motion blur part for this step also.

Step 9: Adding extra Glow

In order to add some additional glow to the text, we are going to paint some soft white spots randomly around the text and change the layer blending mode to adjust the extra flare. Just create a new layer and grab the Brush tool (B), with a soft round brush of 200px diameter, 0% hardness just paint some spots here and there over the text. Use the image for your reference.

Change the blending mode of this layer to Overlay and thus we get the required glowing effect at last.

Step 10: Adjust the glows randomly using Clouds

If you feel that the glow is uniform or boring, you can adjust it by adding a new layer, go to Filter -> Render -> Clouds .

Change the blending mode of the clouds layer to Overlay.

This is how our final output will look like, please also take a look at how the layers are stacked against each other and arrange the same in the order given below for good looking final result.

Finally here is our final image with a glowing blue-print style text effect. There are certain things i want to mention here, please be liberal with the use of layer styles, and also experiment with the settings while applying filters to get accurate and effective results.

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see!

How to create a sensational and sparkling Gothic Text effect in Photoshop

Share

In this tutorial, you will learn how to create a sparkling and blazing Gothic text that seems to appear like Medieval age style golden typography effect in Photoshop using very simple and effective techniques. We will play with some layer styles and filters to create our text in a very quick time, the steps are much easier to follow, this tutorial requires no user expertise, even a beginner can learn with ease and create some stunning text effects based on this.

Before going into the tutorial, let us see how the final image will look like.

Step 1:New Document

Create a new document of size 1600 by 1200 px with black as the background color.

Step 2: Add Text

The choice of font is the most important ingredient in our recipe, we need a Gothic style or Medieval style font which perfectly establishes our basic requirement for the tutorial. Now add some text of any Gothic style or Middle Age style font, i am using the font BlackLetter which can be downloaded from DaFont, about the size of 300px of color #fa8132, this color suits well for our glittering and sparkling metal or you can choose any other subtle or dark orange color for the text.

Note: This text layer is the base for our design, so henceforth in the tutorial, we will be mentioning this layer as base_text.

Position the text in the center of the document , aligning both the horizontal and vertical centers with respect to the background layer.

Step 3: Layer Styles for the text

Now add the following layer styles to the text layer. These layer styles make up the basic type effect for our design with a solid outer bevel.

Bevel and Emboss

Satin

This is the effect so far, after applying the above Layer styles…

Step 4: Duplicate and apply Motion Blur

Before applying the Motion Blur we are going to rasterize our text layer along with the layer effects, in order to do that, first duplicate our text layer and create a new layer above it, select both the new layers and the duplicated text layer, merge them using Layers -> Merge Layers or simply press Ctrl + E (Cmd + E for Mac users). Don’t forget to rename the merged layer as the original “motion_blur”. Now our text is ready to be blurred.

To achieve the perfect motion blur effect on our text, we will be applying the Motion Blur at three levels:

  1. First Level or Base Level, Vertical Blur with Angle = 90 and Distance = 500
  2. Second Level or Middle Level, Vertical Blur with Angle = 90 and Distance = 100
  3. Third Level or Top Level, Horizontal Blur with Angle = 0 and Distance = 999 ( this is further followed with the Wave Distortion Filter)

Go to Filter -> Blur-> Motion Blur, give 90 to Angle , 500 to Distance and apply OK.

Now this is the effect so far with the text.

Duplicate the base_text layer again and rasterize it, move it to the top of the Layers Panel, then apply Motion Blur with the following settings: Angle = 90, Distance = 100

Duplicate the base_text layer one more time and rasterize, move it to the top, then apply Motion Blur with the following settings: Angle = 0, Distance = 999

Then go to Filter -> Distort -> Wave, apply this Wave filter on the same layer with the settings shown as below. This effect is just to create a smoke like glare and glow , distorted like a wave around the text which will in turn give a subtle blazing effect on the text.

Now the text looks like this.

Step 5: Gaussian Blur

We need one more blur for our type, we just need a subtle glow on the text at this stage, so we will be utilizing our simple Gaussian Blur for the same. Now Duplicate the base_text layer and rasterize, move it to the top, apply Gaussian Blur by choosing Filter -> Blur -> Gaussian Blur with the Radius as 10.

Now the text will look like this, the design looks somewhat too blurry at the moment, don’t worry we will be finally merging the layers and adjust the layer blending modes later to get the perfect look.

Step 6: Creating jagged edges along the outer part of the text

It’s now time to add some polishing touch to our text and its edges, since they don’t seem to be natural and worn out, instead they are looking uniform and boring, so to spice it up a little bit, we are going to randomly adjust the outer bevel portion by giving them a ripple effect.

Duplicate the base_text layer and rasterize, move it to the top, rename it some thing like ripple_effect since we will be duplicating this layer two more times later in the tutorial, so it is a good practice to name the layers appropriately. Go to Filter -> Distort -> Ripple, give 100% to the Amount and choose Medium as the Size and apply OK.

Change the blending mode of this layer to Darken

Duplicate this ripple_effect layer, and change the blending mode to Linear Dodge(Add).

Step 7: Adding Glitter

The text is getting to look better at this stage, but still it is not great since it lacks the glitter and shine which it should have at the first place. So in order to make it glitter and shine, we will be using our Reticulation filter to and overlay it to achieve the final effect.

Now Duplicate the ripple_effect layer, go to Filter -> Sketch -> Reticulation, use the following settings:
Density = 12, Foreground Level = 40, Background Level = 5 and apply OK.

Now this is the effect after applying the Reticulation filter on the duplicated ripple_effect.

Change the blending mode of this layer to Color Dodge.

Now the outer portion or the borders of the text looks stunning, but inside and the middle portions look somewhat gloomy and dark, we need to put some light over it, for that grab the Brush (B) tool, select a soft round brush with white as the color, and size = 50px and 0% hardness. Now paint lightly over the inner an middle portions of the text where we need some light, use the below image for your reference.

After painting the white light, change the blending mode of the layer to Overlay, now our text is highlighted a little and we got the required sparkle on it.

Step 8: Finishing touch

Our design is almost ready, still if you feel the effect needs a little more strength, Select all the layers and group them using Layer -> Group Layers ( Ctrl + G) . Then duplicate the group by right-clicking on the group and select Duplicate Group, select the group and merge it using Layer -> Merge Group (Ctrl + E) .

Change the blending mode of this layer to Soft Light and thus we get the stunning sparkling Gothic text effect at last.

This is how our final output will look like, please also take a look at how the layers are stacked against each other and arrange the same in the order given below for good looking final result.

Finally here is our final image with sensational sparkling Gothic look text effect. There are certain things i want to mention here, please be liberal with the use of layer styles, and also experiment with the settings while applying filters to get accurate and effective results.

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see!