fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

How to Create a Computer Screen LED Text Effect in Photoshop

www.psd-dude.com
Tutorials Text Effects 10692 Views August 29th, 2016

Learn how to create a LED screen text effect in Adobe Photoshop from this quick tutorial for beginners. You an now create realistic computer screen RGB effect in Photoshop using text layer and even vector shape or images.

Advertisment

In this tutorial you will learn how to create a computer screen LED text effect in Photoshop using a screen display texture. You will see that it is really easy to simulate a computer screen in Adobe Photoshop.

Create a new PSD file, 72 dpi, RGB color mode, 8 bit. Create a layer called Computer Monitor Texture and fill it with color #3b3b3b which is a dark gray.

Add and Inner Glow.

Computer Screen Textures and Patterns

Add a Pattern Overlay layer style for the background layer. Download this computer monitor seamless texture; install the PAT pattern file in Photoshop to be able to use the pattern.

You can also try these computer screen textures: LCD Screen Monitor Texture and RGB LED Screen Texture that are free for personal and commercial use.

Now in a new layer called Computer Monitor Text I will type something. Use color white for the text and as for the font type I will use Intro because it has simple geometric lines and it is a sans-serif font. In typography, a sans-serif, sans serif, gothic, san serif or simply sans typeface is one that does not have the small projecting features called "serifs" at the end of strokes.

Add an Outer Glow style for the Computer Monitor Text and convert the layer into a smart object. Right-click and choose Conver to Smart Object.

Your text effect should now look like this.

Time to add a layer style for this new smart object. Add a Pattern Overlay using the same computer monitor seamless texture that you downloaded in the previous step.

Next we'll add some smart filters. The smart filters are regular Photoshop filters that are applied for a smart object becoming smart filters; that means they can be edited and have a non-destructive effect. Go to Filter > Blur > Gaussian Blur.

Go to Filter > Blur > Motion Blur and make these settings.

Go to Filter > Pixelate > Mosaic and make these settings. You will obtain a soft pixelate effect.

Let's add a Gradient Fill adjustment to create a screen reflection for the computer monitor. Blend mode is set to Normal, opacity 6% .

Add a Selective Color adjustment to slightly change the color tones.

For the final touches I also added a Vibrance adjustment (Vibrance +35 and Saturation +100). Select all the visible layers and convert them to one smart object. Use the Edit > Transform > Distort to change the display screen peerspective. So here is the final result for the computer screen text effect made in Photoshop.

You can make combinations of color to create other cool LED text effects. For example you can add a Gradient adjustment with blend mode Color and choose a gradient or a monotone. See some LED screen text effect examples below.

You might also like

If you want to create LED effects in Photoshop more easily you can try these premium Photoshop actions. Fully customizable, layers intact and they work with any type of layer, text, shapes or raster.

  • LED Light Sign Photoshop Creator
  • LED Text Photoshop Action Generator

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

No comment(s) for "How to Create a Computer Screen LED Text Effect in Photoshop"

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to fill text with image in Photoshop. The same technique works for adding a text over an i...
Learn how to create in Photoshop a beautiful Valentine's Day text effect made from red rose petals. ...
Here you have some of the most beautiful photo manipulation tutorials for Valentine's Day that I am ...
Seamless border Photoshop brushes that you can use for free. If you want to add a border in Photosho...

      Torn Photo Effect Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Partners
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top