Create a microscopic particle text effect in Photoshop

Share

In this quick tutorial, you will learn how to create an awesome microscopic particle text effect which has a realistic, natural-looking texture like a bacteria in Photoshop using plain layer styles 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.

Materials Needed:

Step 1:New Document

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

Step 2: Add Text

Now add some text of any simple, hand-written style font, i am using the font Hand of Sean which can be downloaded from DaFont, about the size of 350 pt of white color. The color of the text does not matter here since we are going to apply some layer styles on it.

Before applying the Layer styles you need to set the Fill Opacity to 0% for the text layer. Since we are going to apply two different layer styles for the text, make a duplicate of the text layer.

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 the first – (bottom layer) text layer.

Bevel and Emboss

First apply the Bevel and Emboss style for the text, with the Gloss Contour option selected as Ring Double, you can find this option by clicking the drop-down next to it, please use the below image for your reference.

After applying the Bevel and Emboss style, our text will look like this.

Satin

Next apply the Satin style with the second (top layer) text layer.

Here also, we need to apply a different Contour style other than the default one. Choose the Ring contour style from the drop-down and apply OK.

This is the effect so far with our text.

Step 4: Creating the texture – Reticulation filter

With the text layers ready, next we need to create our texture for the effect. For that we are going to use the Reticulation filter available in Photoshop. Before that we need to group the two text layers, duplicate the group, merge them and rasterize them and finally apply the filter.

So first select the two text layers, go to Layer -> Group Layers (Ctrl + G), then duplicate the group by Layer -> Duplicate Group, then merge them by using Layer -> Merge Group (Ctrl + E). Name this layer to something like reticulation_layer since we are going to apply the reticulation filter on this layer.

Then go to Filter -> Sketch -> Reticulation, use the settings as: Density = 12, Foreground Level = 40, Background Level = 5, use the below image for your reference.

Tip: Using Reticulation Filter

We need to make sure one thing before using the Reticulation filter, that is setting the appropriate Foreground and Background colors for the filter, since the Reticulation filter works with both the foreground and background colors, we need to set them before applying it. As you can see the two options of the filter are respectively named as Foreground Level and Background Level, these two options control how the colors are intensified in the effect. For our tutorial, we don’t need to change our foreground and background colors, since we are using only the default colors black and white, we just need to make sure they are set to default, if not press the D key to set them to the default colors.

After applying the filter our text will look like this…

Now duplicate this layer and apply Gaussian Blur, go to Filter -> Blur -> Gaussian Blur with the settings as Radius = 20 pixels and apply OK.

Change the Layer Blending Mode to Linear Dodge(Add) and set the Layer Opacity to 75%. This is to add some glow to the effect because we used the default black and white colors for the filter, our effect will somewhat look dull if we are not adding any additional glow to it.

Step 5:Creating the Environment using Stock image

Our text effect is almost done, but its looking very plain at the moment, so we need to light it up a little, for that we are creating an environment which resembles that the text is seen through a microscope by looking at a tissue or blood sample. We are going to add a stock image for this, grab this stock image called network neurons 1 from SXC provided by gerard79, many thanks to him for providing us a wonderful stock image.

Open the stock image, copy it and paste it into our document , a new layer for the stock image will be created , resize the image to fit into the canvas and then set the Layer Blending Mode to Screen and change the Layer Opacity to 20%.

Step 6: Finishing Touch – Adding a Gradient Map

We are almost to the end of the tutorial, our effect is ready, for the final touch, we are just adding some color to the overall effect. For that create a new Adjustment Layer by Layer -> New Adjustment Layer -> Gradient Map and set some light green gradient for our effect. The gradient colors are running from #008C00 to #4BA614. You can the gradient colors by clicking on the selected gradient from the drop-down.

After applying the gradient map, change the layer mode of this Adjustment Layer to Overlay otherwise our underlying effect won’t be visible in the canvas.

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 microscopic particle text effect with realistic looking texture of organic tissue. 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!

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!