Photoshop tutorial : Alien Text Effect

In this easy tutorial I’m going to show you how to make a really cool, high-tech, alien-like text effect (wow, long name!) Mostly just using layer styles, but also some filters to finish it off nicely. You can see my result image below, which you’re going to be making something very similar to!

1. Creating a Background

First thing’s first, create a new document in which you can make your text, use a size of about 400 x 200 pixels. Now make a background that will suit the theme. I started the background by first making a few white gradients on a black background.

(With the gradient tool, using a black and white gradient, change the gradient tool mode to Lighten)

Next, apply Filter > Distort > Wave with any old random setting.

(settings do not matter here, you just want to get a random effect for the background)
Now, create a new layer and fill it with #47711f (green) or a similar color – change the layer mode for your new layer to Color and lower the opacity to around 80%.

Merge the background layers together then duplicate the remaining layer, apply Filter > Disort > Wave with another random setting, change the layer mode to Overlay and lower the opacity to around 80%.
(this will make the background seem more vivid!)

Now, lastly for the background layer, I added in some blood splat brushes and changed the layer mode to Soft Light. You can download the blood-splat brushes that I used from here: Download Blood Splat Brushes.
This is what I gave after adding some brushes to my canvas:

Looking pretty cool so far, huh?

2. Create Your Text

First thing, change your foreground color to a darkish-green color, then write out your text.

The font that I’ve used in the above screenshot is called Bebas, the font size was 72 pt, and the color used is #3c5516.

3. Style your Text (Layer Styles)

Now it’s time to give your text a really cool effect using layer styles! Right-click the text layer and go into the Blending Options, choose the following settings:

1. Drop Shadow
2. Outer Glow
3. Inner Glow
4. Bevel and Emboss
5. Gradient Overlay
6. Pattern Overlay (this pattern comes with Photoshop)

And now your text should now look something like this:

Well at the moment it doesn’t look all that brilliant, but after the additional filter effects, I think it looks much better! Don’t worry if it’s not exact, it doesn’t really matter.

4. Additional Filter Effects

Firstly, create a new layer then Apply the Image (Image > Apply Image…) this will have made everything visible in the new layer. Now apply Filter > Distort > Wave with a random setting. Change the layer mode for this distorted layer to Lighten and lower the opacity to about 35-50%.

Duplicate that distorted layer, then apply Filter > Blur > Gaussian Blur with any old amount, change the layer mode to Overlay and have the opacity at about 40-50%.

Looks pretty cool, don’t you think?
You could finish this off by applying any of the cool filters, I especially like Filter > Noise > Add Noise.

Read More

Creating Cardiac Rate Effect with Photoshop

On this Photoshop tutorial text i am going to show u how to make cardiac rate effect which I got by experimenting with Photoshop filters.

Final Image Preview

Note: This is one old tutorial updated.

Step 1

Create a new document with size of 700×700 pixels for this tutorial. Select the Paint Bucket Tool and fill canvas with black color (#000000).

Step 2

Apply Gradient Overlay to this layer by going to Layer > Layer Style > Gradient Overlay.

Step 3

Create a new layer. Merge both layers (Shift+Ctrl+E) to get all effects on one layer and apply Filter > Brush Strokes > Sprayed Strokes with following settings:

Step 4

Select Horizontal Type Tool and write something like BEAT. Text color should be white, font selected was Swis721 BdOul BT Bold (free font), 120px and smooth.

Step 5

Select the Line Tool (Weight: 3 px) and draw the lines like on my image below:

Step 6

Merge all line layers with text layer into one layer. Select Eraser Tool and hard round brush (12px, opacity 100%) and delete lines like i show on my image below.

Step 7

Rotate layer by going to Edit > Transform > Rotate 90 CCW.

Step 8

Apply Filter > Stylize > Wind with following settings:

Step 9

Press Ctrl+F one more time to repeat filter.

Step 10

Apply Filter > Stylize > Wind again but update direction to Right:

Step 11

Press Ctrl+F one more time to repeat filter.

Step 12

Rotate text by going to Edit > Transform > Rotate 90 CW.

Step 13

Go to Layer > Layer Style and apply Outer Glow and Color Overlay to this layer.

Final Image

We have completed this tutorial photoshop text with this final step.

Read More

Twilight Text Effect with Photoshop

In this tutorial photoshop text we will demonstrate how create the logo text effect seen on our Twilight Joomla template using Photoshop. This sleak effect has a wide range of applications giving your logo a cool and modern feel.

For this tutorial we are using Adobe Photoshop 3.

  

 

Start off by creating a new document 900px wide and 600px high. For this example in creating our background we have set our foreground color to #0E3562 and our background color to #162433. Using your Radial Gradient Tool set to 'Foreground to Background' drag a line from the centre top position to the centre bottom position.

 

Now on to creating our text. For this tutorial we have used the excellent Null Free font which is available to download here. Set your foreground color to white (#FFFFFF). Select the type tool and type out the word 'Twilight' (font size 140pt) or whatever word tickles your fancy.
 

 

Select your 'Background' layer and hit the new layer icon at the bottom of your layers palette to create a new layer. You can rename this layer to TextBack. Hold down your Command/CTRL key and click the 'T' icon on the text layer you have just created to load its selection.
 

Expand the selection by 15px (Select -> Modify -> Expand) followed by smoothing the selection by 4px (Select -> Modify -> Smooth).
 

 

Set your foreground color to #0E3560 and using the Paint Bucket Tool fill your selection.

 

Hit the D key to set your colors to default (Black/White) and go to Filters -> Noise -> Add Noise. Applying the filter as follows.
 

 

Deselect (Command/CTRL + D) and go to Layer -> Layer Style -> Blending Options and set them as follows.
 

 

 

 

 

Hit the new layer icon at the bottom of your layers palette to create a new layer. Rename this layer to Text. Hold down your Command/CTRL key and click the 'T' icon on the text layer to load its selection.  

 

Set the foreground color to white (#FFFFFF) and go to Edit -> Fill and fill the selection using the foreground color.
 

 

Next we are going to extend the areas of the text you want to wrap around the edge of your TextBack. What sections you choose is down to personal taste. I've marked the areas we are going to extend in red in the screenshot below.
 

 

Zoom into the area you wish to extend and using the Rectangular Marquee Tool select the section of the text you wish to extended. Hold down the Command/CTRL + ALT key together and by using the arrows keys extend the text 2px over the edge of your TextBack layer.

 

 

 

Repeat the process for each of the sections you wish to extend until you are left with something like this.
 

 

Now duplicate this layer (Text) twice calling them GradHoriz and GradVert. Set both these layers to Multiply.

 

Hit the 'D' key to set your colors to default (Black/White). Select the GradHoriz layer and go to Layer -> Layer Style -> Gradient Overlay and set as follows.
 

 

 

Edit the gradient dragging the white right over until it covers the majority of the text. You want the gradient just over any extended horizontal edges of your text. To add the gradient to single side of your text set your Gradient Style to Linear. The end result should look something this..
 

 

Select the GradVert layer and go to Layer -> Layer Style -> Gradient Overlay and set as follows.
 

 

 

Again drag the white right over until it covers the majority of the text. You want the gradient just over the vertical extreme edges of the text.

 

You might find some areas of your text has some unwanted gradient. These bits you can simply delete using the Rectangular Marquee Tool on the offending layer.
 

 

Lastly select your Text layer and apply the following styles.
 

 

For the Gradient Overlay we used #000000 to #CFCFCF
 

 

For the Stroke Gradient we used #A7ACB2 to #FFFFFF
 

 

And your finished!!
 

 

If you wish to export your image to your Twilight Joomla51 template disable the background layer and select all (Command/CTRL + A). Click on any of the visible layer, go to Edit -> Copy Merged. Create a new document (Command/CTRL + N) using the copied dimensions. Paste in your text (Command/CTRL + V) and disable the background layer. Resize to 80px in height constraining proportions and export to PNG (logo.png).

Read More