Vous êtes sur la page 1sur 34

Light Blast Text

http://www.n-sane.net/text-effects/light-blast-text/index.php

Step 1 - Setting up the Document

Create a 500x500 image in photoshop and make the background Black.

Using the Type Tool, type a word in White. For the sake of this tutorial, I will use Impact at Size 60pt with the text "N-sane
ART"

Rasterize the layer ( Layer > Rasterize > Layer ) and name it "templight". Make sure layer "templight" is activated on the
Layer Palette.

Select All ( Select > All or Ctrl-A ).

Cut and Paste the selection and name the new layer "Light". This makes the text perfectly centered.

Delete layer "templight".

Step 2 - Polar Coordinates

Here comes the fun part! Activate layer "Light" on the Layer Palette and use the Polar Coordinates Filter ( Filter > Distort
> Polar Coordinates ) and choose Polar to Rectangular

This should create the distorted image you see to the left. Basically, Photoshop has just changed the image's coordinate
system from a rectangular one (x,y) to a polar one (angle,distance).

Step 3 - Wind
Use the Wind Filter ( Filter > Stylize > Wind ) and choose Wind for the method and From the right for the Direction. Press
CTRL-F.

Now you need to create wind that is going the opposite direction. Do the same thing as above except this time choose the
option From the Left.

Rotate your canvas to the right ( Image > Rotate Canvas > 90 CW )

Use the Wind Filter ( Filter > Stylize > Wind ) and choose Wind for the method and From the
right for the Direction. Press CTRL-F.

Rotate your canvas to the left ( Image > Rotate Canvas > 90 CCW ) to return your image to the proper orientation.

Step 4 - Back to Rectangular Coordinates

You are almost done! Use the Polar Coordinates Filter ( Filter -> Distort -> Polar Coordinates )
and choose Rectangular to Polar.

Looks cool doesn't it? Now, Select the Text Tool and write the text you first started with. Color it
a different color such as Black and move it over the white to create some contrast. You are done!

Step 5 - Color

One extra thing you can do is to add some color to your Light Blast Text. There
are many ways to do this. Our favorite way is to use overlays.
All you need to do is create a new layer above the blast layer, fill this new layer with whatever color you want, and change it's blending mode to
"Overlay"

In the image below, we filled the color layer with a radial gradient that went from red to blue.

Shocking Text
http://www.n-sane.net/text-effects/shocking-text/index.php

Step 1 - Preparing the Text

Guest Tutorial: Donated by Jim Beam

These tutorials are donated to N-sane Art by generous members of the Photoshop community. We at N-sane Art edit the text and images these tutorials
for clarity only when necessary in order to preserve as much of the original tutorial as possible.

Create a new image 400x400px with a “transparent” background. Rename the only existing layer “back”.

Fill ( Edit > Fill ) layer "back" with black ( Hext #000000 ).

Using the Horizontal Type Tool, write some large text in white ( Hex #FFFFFF ). For this tutorial, I wrote “N-sane” in 80 pt with the
font Impact.

Rasterize the text ( Layer > Rasterize > Text ). Rename the layer that has the now rasterized text “Text”.
Step 2 - Vertical Wind

Duplicate layer “Text” and rename the new layer “Text 2”. Hide layer “Text 2” by clicking on the eye to the left of it on the Layer Palette.

Activate layer “Text” on the Layer Palette and merge all visible layers ( Layer > Merge Visible ).

Transform the image 90 degrees clockwise ( Edit > Transform > 90 degrees CW )

Apply the Wind filter ( Filter > Stylize > Wind ) with the method “Wind” and the Direction “From the Right”. Repeat ( Ctrl-f ) this filter.

Now, apply the Wind filter ( Filter > Stylize > Wind ) again except this time, use the Direction “From the Left”. Repeat ( Ctrl-f ) this
filter.

Step 3 - Horizontal Wind

Transform the image 90 degrees counter-clockwise ( Edit > Transform > 90 degrees CCW ). We are now going to apply the Wind filter again except
this time, only once in each direction.

Apply the Wind filter ( Filter > Stylize > Wind ) with the method “Wind” and the Direction “From the Right”.

Now, apply the Wind filter ( Filter > Stylize > Wind ) again except this time, use the Direction “From the Left”.

Apply the Ripple Filter ( Filter > Distort > Ripple ) to make the light wavy.

Open the Hue/Saturation window ( Image > Adjustments > Hue/Saturation ) and press Ok with the default values.

Step 4 - Final Touches

Unhide layer “Text 2” and activate it on the Layer Palette.


Select the text on the layer by pressing Ctrl then clicking on the thumbnail of the layer on the Layer Palette.

Contract ( Select > Contract ) the selection by 2 pixels. Now Fill ( Edit > Fill ) in the selection with black ( Hex #000000 ).

Step 5 - Extra

N-sane Staff Comment

This is the end of the original tutorial. We have added this following section for those of you
who wish to add more contrast to the text.

First, merge all visible layers ( Layer > Merge Visible ).

Duplicate the only existing layer twice. You should now have three layers.

Change the Blending Mode of the middle layer to "screen".


Change the Blending Mode of the top layer to "overlay".

Your text should have much more contrast now!

Plasma Text
Schritt 1
Created for Photoshop 6.0 ++
Open a new image (for example 500 x 500 px) - with black background.
Create a new layer and write with orange the text.
Schritt 2
Create again a new layer and set the foreground colour to black and the background colour to white (or press "d").
Use the filter / render / clouds... .
After that use filter / sketch / chrome ...

with this recruiting:


detail = 4;
smoothmess = 6;

Set the 3. layer (chrome - layer) to colour dodge.

Schritt 3
Go to the layer 2 (!) and rasterize the layer (klick with right mousebuttom an the layer and then on rasterize the layer) .
After that duplicate the layer 3 time . (you should have now 4 text-layers, which are between the chrome - layer and the first
layer )
Go to the layer 3 and use the filter / blur / motion blur ... .

with this recruiting:


angle = 0;
distance = 100;

So, go to the layer 4 and use again motion blur ... . But now with this recruiting:
angle = -45;
distance = 100;
Finally go to layer 5 and uset again motion blur ... . But now with other recruiting:
angle = 45;
distance = 100;

The result schould be like this.


Schritt 4
Now you have to marge down the text - layers (go to layer 5 and press ctrg + e, do this 3 times). - now you have to have 3 layers
(layer 1 = black; layer 2 = text / fusion; layer 3 = chrome; )

Go to layer 2 and use the filter / blur / gaussian blur


(radius = 3).

Press ctrg + u (hue / saturation) put down the colorize - box and play with the
recruiting to get a good colour.

So,now create new layer between the chrome - layer and the text / fusion layer. Write
with black the same word.
You should have 4 layers.

Schritt 5

Set the layer's opacity to 60 %. - Now you are ready

you can play with ctrg + m, ctrg + b and ctrg + l to get a better result.

Habt ihr noch Fragen zum Tutorial Plasma Text für Photoshop, dann könnt ihr diese entweder im Forum oder im IRC - Chat ( #fxencore.de ) stellen.

Rusty Metal Text


1.
This tutorial explains two techniques. The first
shows how to create nice, shiny metal; the other,
how to make it look rusty and old.

Don't be scared by the number of steps, most of


them are not bigger than appling a filter.

2.
Using the Paint Bucket tool fill the background layer
with black. Using the Type tool type the text you
want to use. Load selection from the text layer.
Create a new channel and fill the selection with
white using the Paint Bucket tool.
3.
Apply Mezzotint filter (Filter > Pixelate > Mezzotint)
with Short Lines three times.

4.
This is what you should have by now. Keep the
selection active.
5.
Apply Dust & Scratches filter (Filter > Noise > Dust
& Scratches). In most cases a radius value of 2 or
3 will do the job.

The point is to lose every single line inside and at


the same time not to get a very curvy shape. Keep
the selection active.

6.
Duplicate current channel. Apply Spatter filter
(Filter > Brush Strokes > Spatter) with setting as
shown in the picture.
7.
Invert selected area (Ctrl+I).

8.
Load selection from the first channel. Create a new
layer. Select the Reflected Gradient tool. Set white
as foreground color and middle gray (R: 153; G:
153; B: 153; HEX: 999999;) as background color.
Create a gradient starting from somewhere in the
middle of the text all the way to the top edge.
9.
Apply Noise filter (Filter > Noise > Add Noise) as
shown in the picture.

10.
Apply Grain filter (Filter > Texture > Grain) as
shown in the picture.
11.
Apply Noise filter (Filter > Noise > Add Noise) as
shown in the picture.

12.
Load selection from the second channel. Create a
new layer. Set R: 140; G: 102; B: 54; HEX:
8C6636; as foreground color and fill the selection
with the Paint Bucket tool.
13.
Apply Inner Glow layer effect (Layer > Effects >
Inner Glow) to the just created layer as shown in
the picture. Use the same color as in the previous
step, R: 140; G: 102; B: 54; HEX: 8C6636;.

14.
Done!
Metallic Spiderman 3 Text
In this tutorial we’re going to show you how to create some
eye catching metallic text similar to the type used for the
new”Spiderman 3″
movie.

1. Create a new document with dimensions:

• Width: 750px
• Height: 200px
• Resolution: 300 pixels/inch
• Background: Black

Add some text using the Homoarakhn font (using this font is key), size 43 pt.
If you do not have this font you can download it here.
You should now have something that looks like this:

2. Open the blending options for this layer and set the “Inner Shadow” as follows:

• Blend Mode: “Screen”


• Color: #ffffff
• Uncheck “Use global light”
• Angle: 90 degrees
• Distance: 3px
• Choke: 0px
• Size: 3px
3. Still within blending options, set the “Gradient Overlay” as follows:
Set the Gradient as follows:

• 1st Stop: Location 0%, Color: #58595B


• 2nd Stop: Location 100%, Color: #D1D3D4

Next, be sure to check the “Reverse” checkbox. After these adjustments to the gradient colors and checking the “Reverse” gradient box,
your Gradient Overlay settings should resemble this:

At this point our


text should look
something like
this:

4. Our next step is to create a new layer, name this


“Outline” and place the new layer below our existing text layer by dragging it underneath
in the layers pallette.

Next, select our original text layer by holding the control (Ctrl) key and
clicking the image thumbnail in the layers pallette. With the text layer still
selected, navigate to the main menu and choose Select ->
Modify -> Expand.
Enter a value of 5px in the Expand Selection dialog.
Next, make sure your foreground color is set to white (#ffffff) and press the
Alt-Backspace keys to fill the selection.

5. Next, open the Blending Options for our “Outline” layer and set the “Bevel and Emboss” settings as follows:

• Depth: 390%
• Size: 6px
• Check Anti-aliased
• Gloss Countour: Ring (Note: to view a list of names for Gloss Country you
may need to choose “Text Only” in the list context menu.

Your “Bevel and Emboss” settings should resemble the following:


6. Still within Blending Options for the “Outline” layer, set the “Outer Glow” settings as follows:

• Blend Mode: Multiply


• Opacity: 100%
• Color: #000000
• size: 35px

Your “Outer Glow” settings for the layer should resemble the following:

7. Our final step is to change our foreground color to #404041, then using the brush tool with the settings below - paint a vertical line down
the middle of each character in our text.
Set our brush tool to the following:

Paint a vertical line down the middle of each character in your text.

When finished with the brush tool, press Ctrl-D to deselct our text and see the
finished product.

The Ultimate Chrome Text Effect

In this tutorial we’re going to show you how to create an eye popping chrome text effect.
This effect jumps off the screen! There’s no reason this effect can’t be applied to objects
other than text.
1. Create a new document, in any size, my example uses 10 inches by 7 inches with resolution of 100 pixels/inch and a white background.

2. Add some text on it’s own layer, I used the “Impact” font size: 120pt. You’ll want to use a bold font for this as using thinner fonts will not
be as effective.

Next rasterize the layer - from the main menu select ‘Layer’ -> ‘Rasterize’ -> ‘Type’.

I then added a frame around the text using the


rectangular marquee tool, I set a 20px border
width by selecting ‘Edit’ -> ‘Stroke’ from the
main menu and setting my width to 20 px.

We should now have something that


resembles this:

3. Next, hold the control key (Ctrl)


(Command-click for mac) and click on your
main layers thumbnail in the layers palette
to select it. With your layer selected, go to
the main menu and choose ‘Select’ -> ‘Save Selection’. Type
a name for the channel, I called my ‘Channel_main’. With your name entered, click ‘Ok’ to close the ‘Save Selection’ dialog.

To deselect your layer hit Control Key (Ctrl) + ‘D’ key (Command-D for
mac). Next step, go to the ‘Channels’ palette (’Window’ -> ‘Channels’ also
next to your ‘Layers’ tab). Within the ‘Channels’ palette select the
‘Channel_main’ channel we just created, you will see your image change as
demonstrated.

4. With “Channel_main” selected, navigate to the main menu and choose ‘Filter’ ->
‘Blur’ -> ‘Gaussian Blur’. I set my radius to ‘2 px’.

5. Next, I added a new layer to


my project (select ‘Layer’ ->
‘New’ -> ‘Layer’ from the
main menu). With this new layer
selected, navigate to
‘Edit’ -> ‘Fill’ on the
main menu. Choose ‘50% Gray’ from
the ‘Use’ dropdown list and click ok.
This will fill your entire document with gray, DON’T BE ALARMED - this is supposed to happen.

6. With our new (”Gray”) layer still selected, navigate to ‘Filter’ -> ‘Render’ -> ‘Lighting Effects’ on the main menu. In the ‘Texture
Channel’ dropdown list choose ‘Channel_main’. In the preview pane, click on the points of the light adjustment control and set your light
source in the desired direction. As you can see, mine is pointing to the upper left as shown here:

You should now have something which resembles this:

7. Next, select
‘Image’ ->
‘Adjustments’
-> ‘Curves’
from the main
menu and
adjust your
curve settings
as shown
here:

8. Next, in the ‘Layers’ palette, place your mouse cursor between the two main
layers (at the point where the arrow is pointing) and hold down the Alt key (Option
key for mac). You should now see your cursor icon turn into two overlapping
circles - now click your mouse. You’ve just created what is called a “clipping
group” between these two layers. You should now see that most of our top layer has
been “masked” out by the bottom layer leaving behind our new chrome text.
We’re almost finished, you should now have some shiny new chrome text resembling this:

9. Finally, to finish our effect we’ll add some drop


shadow to our original text layer (the one directly
above your ‘Background’ layer). With this layer
selected, click ‘Add Layer Style’ button on the
bottom of our ‘Layers’ palette.
Hit ‘Ok’ to apply the default settings and that’s it! You should now have some
spiffy new chrome text. Alternatively, you can add background color to
enhance the appearance if you desire. Simply change the color of your
‘Background’ layer. I’ve changed mine using “#FF9000″ as the background color.

My finished product with background color


(”#FF9000″) added.

Download the complete psd file for this tutorial here.


Or Set the fill to 10 :

The End
Dr Smith

Tutorials on creating metal type abound online, as do variations on simple liquid effects. Most are fairly short,
offering a good foundation for the reader on how certain effects are achieved but fail to take that extra step (or
few steps) to make the piece really shine. Once you have an idea of how different techniques fit together in a
piece, it is fairly easy to combine, say, the process to create metal and the process to create liquid to create
something that exists in both sides of the FX map.

Create a new image with the following attributes:

 Width: 11 inches
 Height: 11 inches
 Resolution: 300 ppi, 8 or 16 bit
 Background Color: White

Since the desired effect is to appear liquefied, a font that appears to have been made with a
crayon or round brush will work perfectly. Select the Type tool and open the Character
palette from the Options bar. The font I’ve chosen is called ‘WallowHmkBold’… if you do not
have this installed on your system just use the font of your choice. The attributes for the
characters are seen below:

Note that the color is gray in the #666666 range and NOT stark black.

Type a word across the face of the image.


4

Rasterize the type layer, then paint a few additional gray dots around the type.

Open the Channels palette and duplicate a channel… the Blue channel will
work fine. Go to Image>Adjustments>Invert.
6

Open the Filter menu and select Blur>Gaussian Blur. First, blur the channel at a 25
pixel radius. Blur the channel again at a radius of 15 pixels.

7
Turn off the Blue
copy channel, but don’t delete it… you’ll need it in a
moment or two.

Go to Filter>Render>Lighting Effects. Set it up as


outlined in the image below… be sure to select the Blue
copy channel as the Texture Channel.

9
The result of all that is a pretty basic bevel, and yes, you
could do pretty much the same thing with a layer style. Some habits die hard, however, and I like the end result
better when channels come into play. What can I say? I’ve been doing it this way since at least PS 6, and if it
ain’t broke, don’t fix it!

10
Duplicate the text layer and go to
Filter>Sketch>Chrome. Set up the reflections as seen in the dialog box below:

11

Now you can play with Layer Styles a bit. Open the Layer Styles dialog box and select Bevel/Emboss. Enter the
following settings… note that the Shadow color is again gray in the #666666 range and not black. Once done
click OK.
12

Let’s shine this up a bit. Command/Control+Click the text layer to generate a selection, then make a Curves
adjustment layer and Levels adjustment layer with the settings seen here:

13

Against a black background the shine really comes out.


14

Turn off the background layer or layers (if you added the black separately) and merge all
the others together.

15
To give the type an enhanced liquid quality, go to
Filter>Liquify. Use the Bloat tool to expand or otherwise warp areas of the text as seen here. Once you are
happy with the distortions, click OK.

16

You can now throw the text into any image you so choose. In the following example, I’ve
blurred a tech-style background, placed the type in that document, then placed a duplicate of the blurred layer
above the text. The Blend mode of the top layer is changed to Soft Light to serve as reflections off the type, or
making the type appear transparent allowing you to see the background through it. I’ll let you decide what is
actually happening.

That’s it for now. Until next time, I’ll see you at ActionFx.com. Take care!