Sign in to follow this  
Frontcannon

Night Vision Text Effect

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

Hello and good day, fellow readers! :smile:

This is a tutorial on how to create a night vision-y text effect that looks similar to the MW2 or the Matrix title.

This is what it will actually look like:

Night-Vision-End.png

 

Night-Vision-Bobbo-sig.gif

 

PlugIns:

True Blur

HalfTone

Seismograph

(all are part of Ed Harvey's pack, get it here)

 

So, let's start! It may look long, but it's not too hard, believe me :greengrin:

 

Step #1:

Fill the background with solid black. :PaintBucket:

 

Background.png

 

Step #2:

Make a new layer :LayersAddNewLayer:. Choose a font with the text tool and write the desired text in a dark green colour (the one I chose is called Good Times).

I should be a bold font, font size about 70.

 

Green-Text.png

Step #3:

Duplicate your text layer :LayersDuplicateLayer:. Go to Adjustments -> Brightness / Contrast :BrightnessContrast: and set both values to 100. The text should now be white. Toggle the Layer Visibility off.

 

White-Text.png

Step #4:

Go back to your green text layer. Apply Effects -> Photo -> Glow :GlowEffect: with Radius 20, Brightness 90 and Contrast 60.

 

Glow-1.png

 

Step #5:

Apply Effects -> Blurs -> True Blur with a Radius of 21.

 

TrueBlur.png

 

Step #6:

Reapply Glow :GlowEffect:, this time with Contrast set to -100. A higher contrast will make it lose its green colour.

 

Glow-2.png

 

Step #7:

Duplicate :LayersDuplicateLayer: the layer and apply Effects -> Stylize -> Seismograph with Line Spacing 4, Line Width ~ 2.35, Segment Size 6 and Deflection 3.

 

Seismograph.png

 

Step #8:

Toggle the visibility of the white text layer back on. Set the Blending Mode of the Seismograph layer to Multiply.

 

Multiply.png

 

Step #9:

Apply Effects -> Distort -> Crystalize :CrystalizeEffect: on the white text layer, Cell Size 2, Quality 5 (always highest quality!). This gives the text a grainy look.

 

Crystalize.png

 

Step #10:

Use Effects -> Blurs -> Motion Blur :MotionBlurEffect: on it. 0 angle, centered and Distance 5. (I used the GPU version, it gives a better result)

 

Motion-Blur.png

 

Step #11:

Apply Effects -> Noise -> Add Noise :AddNoiseEffect: with Intensity 40, Color Saturation 0 and Coverage 100.

 

Add-Noise-1.png

 

Step #12:

Set Layer Blending Mode to Reflect. Duplicate :LayersDuplicateLayer: it and set the Blending Mode to Color Dodge.

 

Color-Dodge.png

 

Step #13:

Select the Seismograph layer and use Add Noise :AddNoiseEffect: with the same settings as in step #11, but increase the Intensity to 45.

 

Add-Noise-2.png

 

Step #14:

Duplicate :LayersDuplicateLayer: the Glow layer (the one under Seismograph) and use Effects -> Distort -> Frosted Glass :FrostedGlassEffect: with Maximum Scatter Radius set to 200, Minimum Scatter Radius set to 3 and Smoothness set to 8.

 

Frosted-Glass.png

 

Step #15:

Use Effects -> Stylize -> Halftone with the Line Shape, Size 5, angle 0, Contrast -100, Brightness -25 and Quality, of course, 5.

 

Halftone.png

 

Now merge the layers. First, merge down the layers Glow copy, Glow and Background, then Seismograph and Background. Finally, merge down the WhiteText copy, WhiteText, and Background layers.

 

Voilà, you're done!

 

I hope you like the outcome, criticism, be it positive or negative, is always welcome!

 

ADJUSTMENTS

You'll find out that the text isn't exactly usable if you want to work it in another image :glum:

 

However, there is a surprisingly easy solution to this!

 

You will need this PlugIns:

Grim Color Reaper

Color Tint (already included in the pack of the great Ed Harvey)

 

First, open your flattened .png of the text:

 

Night-Vision-End.png

 

Now apply the Grim Color Reaper to the image, be sure that your primary colour is the same as the background colour of your image (in my case black)

 

Color-Reaper.png

 

Background gone! You can now create a new layer :LayersAddNewLayer: under the text and fill it with whatever colour or image you want. Use Ed Harvey's Color Tint on the text layer to adjust its colour if you don't want it green.

Will update this section with other ideas if someone has them :smile:

 

Edited by toe_head2001
Restored image
  • Like 2
  • Upvote 2

Share this post


Link to post
Share on other sites

Nice outcome, it has good contrast..

Is that also the Good Times font?

I'm curious how it would work (especially the Motion Blur part) on thinner fonts.

Share this post


Link to post
Share on other sites

Nice to see this tutorial getting some attention :)

The Text Effects section needs it.

Looks rad, Razah!

@ csm725:

That's MAGIX Music Maker. I try to create some beats from time to time, but it's very limited :/

Gonna move to Rythm soon, I think.

Share this post


Link to post
Share on other sites

Nice idea, though it could be difficult.

I think I should figure out how to isolate the text effect from the black background. If I remove it, the Multiply blending mode goes to hell..

If only there were something like a ctrl-shift-f for certain layers.

Share this post


Link to post
Share on other sites

Nice tutorial (: this is my outcome. I followed the tutorial, then cropped it to its size, added Film (Grain 2, 0 Discoloration, 0 Distortion) and Sharpened (20) twice.

CODTEXT.png

Edited by mattz1996

Share this post


Link to post
Share on other sites

That's an awesome outcome.

Here's my result (I didn't change the brightness in the second step, I think. Anyway, The pic was for my band's first album, thought it looked quite cool...)

flarepyromaniaalbumcove.jpg

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this