Text Effects Online

Three Easy Exquisite Headers Text Effects. This tutorial will show you three various ways to generate very easy yet elegant header style text effects, only using two Layer Styles every time

The Final Result:

Text Effects

Effect 1: Drop Shadow and Gradient Overlay

– The example used is the current TEXTUTS header. The Background color is #f4f2ed, and the text color is #b95886 but you can use any colors you want.

Flash Text Effects

If you want to add more than one color to the text, you can use the Type Tool to select the characters you want to add a different color to, then click the color box in the Character panel (Window -> Character) to choose the color.

Here, the color used is #b4b362.

Free Text Effects

Gimp Text Effects

To achieve the result in the header, I duplicated the text layer first then changed the colors, so that I had two layers, one with the first color and one with the second color, then, I rasterized both layers, and deleted the second half of the layer on the top.

Css Text Effects

Double click the text layer to add the Drop Shadow Layer Style. Change the Blend Mode to Normal and the Opacity to 100%, we want to get the color as it is. Then, change the Distance to 2 and the Size to 0. The shadow should look more like a “Stroke” rather than an actual shadow, so it shouldn’t be so far from the text, and it shouldn’t be blurry as well.
Finally, the color should be a bit lighter than the Background color. In this case, it is White (because the Background is very light).

Text Effects Ae

This should create a subtle elegant effect, giving the text some depth.

Text Effects Animation

You can also go ahead and add a Gradient Overlay, changing the Blend Mode to Soft Light, and the Opacity to something around 20%.

Text Effects Arc