Jump to content


Photo

Night Vision Text Effect


  • Please log in to reply
80 replies to this topic

#1 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 01 June 2010 - 08:16 PM

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:

Posted Image Posted Image


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:.

Posted Image

Step #2:
Make a new layer :AddNewLayer:. 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.

Posted Image

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

Posted Image

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

Posted Image

Step #5:
Apply Effects -> Blurs -> True Blur with a Radius of 21.

Posted Image

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

Posted Image

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

Posted Image

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

Posted Image

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.

Posted Image

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

Posted Image

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

Posted Image

Step #12:
Set Layer Blending Mode to Reflect. Duplicate :DuplicateLayer: it and set the Blending Mode to Color Dodge.

Posted Image

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.

Posted Image

Step #14:
Duplicate
:DuplicateLayer: 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.

Posted Image

Step #15:
Use Effects -> Stylize -> Halftone with the Line Shape, Size 5, angle 0, Contrast -100, Brightness -25 and Quality, of course, 5. VoilĂ , you're done!

Posted Image

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:

http://a.imageshack.us/img693/1290/adjstep1.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)

http://a.imageshack.us/img693/498/adjstep2.png

Background gone! You can now create a new layer :AddNewLayer: 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 Frontcannon, 27 January 2011 - 02:50 PM.


#2 Weylin

Weylin
  • Competition Hosts
  • 391 posts
  • Location192.168.2.16
  • Reputation:1

Posted 01 June 2010 - 08:28 PM

Great tutorial! I'll have to use this sometime.

Edit: My result!

Posted Image

Edited by Weylin, 01 June 2010 - 09:10 PM.


#3 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 02 June 2010 - 01:04 PM

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.

#4 GCFuture

GCFuture
  • Members
  • 80 posts
  • Reputation:0

Posted 04 June 2010 - 09:14 PM

Nice Tutorial, Nice Outcome :)


#5 Razah666

Razah666
  • Newbies
  • 4 posts
  • Reputation:0

Posted 05 June 2010 - 03:28 AM

heres my outcome i thought it came out well :) Posted Image

#6 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:4

Posted 05 June 2010 - 02:44 PM

Great tut.
BTW what's that thing you got pinned to your taskbar to the right of Skype?

#7 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 05 June 2010 - 05:16 PM

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.

#8 chrisco97

chrisco97
  • Competition Hosts
  • 2,797 posts
  • LocationUnknown
  • Reputation:1

Posted 05 June 2010 - 05:19 PM

I like this tutorial, I might use it in a future signature.

#9 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 05 June 2010 - 05:22 PM

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.

#10 Dynasty

Dynasty
  • Newbies
  • 4 posts
  • Reputation:0

Posted 08 June 2010 - 08:11 PM

Great tut nice stuff man!

#11 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 08 June 2010 - 08:49 PM

Glad you like it :bertie:

#12 chrisco97

chrisco97
  • Competition Hosts
  • 2,797 posts
  • LocationUnknown
  • Reputation:1

Posted 08 June 2010 - 08:52 PM

Really nice effect, FC!

#13 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 08 June 2010 - 09:19 PM

Do you suffer from amnesia, chrisco? :P Anyway, thanks again :biggrin:

I like this tutorial, I might use it in a future signature.



#14 chrisco97

chrisco97
  • Competition Hosts
  • 2,797 posts
  • LocationUnknown
  • Reputation:1

Posted 08 June 2010 - 09:22 PM

Hmmm...sorry, I am tired!

#15 n00ber

n00ber
  • Newbies
  • 6 posts
  • Reputation:0

Posted 16 June 2010 - 01:16 PM

Posted Image

This is my result. im a total n00b on paint.net so go easy.
thanks for the tut. :)

#16 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 16 June 2010 - 02:08 PM

Looks great!

That's a very small text now, but you don't have to use my font :bertie:
So far everyone has done that :greengrin:

#17 conman

conman
  • Newbies
  • 2 posts
  • Reputation:0

Posted 19 June 2010 - 06:44 PM

Awesome. Helped out a lot
Posted Image

#18 TehKingSnipa

TehKingSnipa
  • Newbies
  • 3 posts
  • Reputation:0

Posted 25 June 2010 - 10:22 PM

Awesome. Helped out a lot



what effect is that with your signature? it looks awesome. mind telling me?



#19 KevinB

KevinB
  • Members
  • 33 posts
  • Reputation:0

Posted 02 July 2010 - 05:14 PM

Posted Image
Posted Image

#20 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 03 July 2010 - 12:05 PM

Well, that looks interesting, but nothing like my outcome. What did you do differently?