393 Comments

Scanline Text

August 12, 2008

I thought I’d write a tutorial aimed more at beginners, teaching you how to achieve the all important glowing effect which people can’t seem to get enough of. Here we will create a style I’ve named ‘Scanline Text’ which is basically text which glows like bright scanlines, with a smart reflection as well. So learn out how to create this amazing yet simple effect with this easy to follow tutorial.

Tutorial Files

If you are a PSD PRO member then download the PSD file and much more by going here.

Introduction

Glowing effects are everywhere, I even wrote another tutorial on getting the effect which you could combine with this one. I wanted to write this as most of my tutorials are aimed towards intermediate or advanced Photoshop users whereas this is purely beginner but I’m sure You’ll all learn something from it. This is my first tutorial to adopt User Images so make sure you upload the result you get once you’ve finished.

Step 1

Create a new document with dimensions; 1x20px, this will the document we create our scanline pattern in. Go Edit>Preferences>Grid then set the grid to every 1px with 1 subdivision. Create a new layer then hide the background layer. Select the rectangle tool and change the foreground color to white. Now draw a 1x2px rectangle in the middle of the document like in the image below. Go Edit>Define Pattern and save this as a pattern. You can now close this document.

Step 2

Create a new document with dimensions; 1000x1000px then select the gradient tool and open the gradient editor. Use a gradient going from a dark color to black, I used a dark purple. With the gradient set at radial, drag from the middle of the document outwards.

Step 3

Use the text tool to type something in the middle of the document in white. Now go Window>Character then change the settings to suit, for example I used Times New Roman, 300pt and tracking of 100. It should now look similar to the image shown below. Now create a new layer then hit Alt+Backspace to fill it with the foreground color; it doesn’t matter what this is. Ctrl+click on the text layer to make a selection around the text, with the new layer we just created still active click the layer mask button in the layers panel. Now hide the text layer then select the layer mask you just added and go Filter>Blur>Gaussian Blur and use a value of 10px. Set the fill opacity of this layer to 0%.

Step 4

Right click on this layer and select blending options, us the settings shown below to add a pattern overlay using the pattern you created earlier.

Step 5

You can now alter the opacity of this layer to suit you but I always end up going back and changing settings like this later on so don’t worry if it doesn’t match mine exactly.

Step 6

Create some more text like shown in the image below, here I used an even larger value for the tracking because I find that serif fonts in uppercase look better when the characters are spaced out. Again make them white.

Step 7

Right click on this text layer and select blending options then add an inner shadow and outer glow with the settings shown below. If you used a color other than purple for the background you may want to use colors with a different hue for both of these for example; cyan for a blue background. Things like this can easily be changed later on anyway.

Step 8

Put both of the these visible layers within a new layer group then duplicate this group.

Step 9

With the new layer group selected, go Edit>Transform>Flip Vertical then hit V to select the move tool then move it down so it starts to look like a reflection.

Step 10

With the reflection layer group still selected click the layer mask button then with the mask selected use the gradient tool to draw a gradient going from black to white, from the bottom of the reflection to the top of it. If you did this correctly, your image should resemble the one shown below.

Step 11

Create a new layer then hit D to reset the colors then go Filter>Render>Clouds.

Step 12

Hit Ctrl+T to enter free transform mode then squash the image down vertically then goe Edit>Transform>Perspective and move the handle at one of the bottom corners outwards. Next go Filter>Blur>Gaussian Blur and use a value of 10px.

Step 13

Change the opacity of this layer to 10%.

Step 14

Create a new layer, select the brush tool and using a soft brush, make some brightly colored strokes like shown in the image below.

Step 15

Add a Gaussian blur to this layer with a value of 100px then change the opacity of this layer to 50%.

Step 16

Now just change the blend mode to color. I went back and tweaked a few settings to do with color and opacity mainly and below is my final result.


Similar Tutorials:

Save and Share this Post

We like people who share our posts! Del.Icio.Us - StumbleUpon - Float - Reddit


Or why not subscribe to the feed? RSS - Email

393 Responses:

  • July 5th, 2014

    Henry'S Blog:

    Good web site you have got here.. It’s hard to find high-quality
    writing like yours nowadays. I honestly appreciate people like
    you! Take care!!

  • July 9th, 2014

    canon eos rebel t3i dslr camera:

    Ahaa, its fastidious discussion on the topic of this article here at this
    weblog, I have read all that, so now me also commenting here.

  • August 2nd, 2014

    premium garcinia extract phone number:

    Good way of describing, and fastidious piece of writing to take data on the topic of my presentation topic, which i am
    going to deliver in academy.

  • August 2nd, 2014

    lipo g3 72 hour diet pill reviews:

    Good answer back in return of this difficulty with solid arguments and telling the whole
    thing regarding that.

  • August 5th, 2014

    best infrared:

    The other day, while I was at work, my cousin stole my
    iphone and tested to see if it can survive a 30
    foot drop, just so she can be a youtube sensation. My iPad is now destroyed and she has 83 views.
    I know this is completely off topic but I had to share it with someone!

  • August 6th, 2014

    weight loss plans:

    Remarkable! Its truly amazing article, I have got much clear idea about from this piece of writing.

  • August 6th, 2014

    normal weight range:

    Howdy! I’m at work browsing your blog from my new iphone 4!
    Just wanted to say I love reading through your blog and look forward
    to all your posts! Keep up the great work!

  • August 10th, 2014

    air jordan 4 diamond:

    Very good article. I am dealing with some of these issues as
    well..

  • August 14th, 2014

    creatine supplement:

    Hi everyone, it’s my first go to see at this web site, and post is genuinely
    fruitful in support of me, keep up posting such content.

  • August 16th, 2014

    Agustin:

    sex cam
    Hello are using WordPress for your blog platform?
    I’m new to the blog world but I’m trying to get started and set up
    my own. Do you need any coding knowledge to make your own blog?
    Any help would be greatly appreciated! sexcam

  • August 16th, 2014

    spanking:

    sex cam
    Great site you have got here.. It’s hard to find high-quality writing
    like yours nowadays. I honestly appreciate individuals like you!
    Take care!! cam sex

  • August 30th, 2014

    pure cambogia ultra where to buy:

    Hello, all is going perfectly here and ofcourse every
    one is sharing facts, that’s really excellent, keep
    up writing.

  • September 6th, 2014

    site:

    Write more, thats all I have to say. Literally, it seems as
    though you relied on the video to make your point. You clearly know what youre talking
    about, why waste your intelligence on just posting videos to your blog when you could be giving
    us something enlightening to read?

  • September 13th, 2014

    pollsgrid.com:

    Dans le souci de ne pas vous decevoir, merci de nous signaler en passant par
    le lien contact, les eventuels problemes que vous pourriez Videoscourtesclic vous pourrez regarder gratuitement des films complets et
    des videos gratuites en streaming.

  • September 20th, 2014

    Karina Q. Harding:

    Thankfulness to my father who told me on the topic of this webpage, this weblog is genuinely remarkable.

  • September 21st, 2014

    conveyancing:

    First off I would like to say great blog! I had a quick question that I’d like to ask if
    you do not mind. I was interested to find out how you center yourselpf and clear your head before writing.
    I have had trouble clearing my thoughts in getting my thoughts out there.
    I truly do enjoy writing however it just seems like the firwt 10 to 15 minutes are generally
    wasted just trying to figure out how to begin. Any ideaas oor tips?
    Many thanks!

  • September 23rd, 2014

    Sherrie X. Fiesel:

    I read this post completely about the difference of newest and preceding technologies, it’s awesome article.

  • October 14th, 2014

    www.rvline.ru:

    Attractive part of content. I just stumbled upon your site and in accession capital to assert
    that I acquire actually enjoyed account
    your weblog posts. Any way I’ll be subscribing tto your feeds or even I achievement you get
    entry to persistently quickly.

  • October 25th, 2014

    Shad:

    I think everything published made a lot of sense.

    But, what about this? suppose you typrd a catchier post title?
    I am not suggesting your information isn’t solid,
    but suppose you added a title that makes people desire more?
    I mean Scanline Teext | Learning Resources for Adobe Photoshop is kindaa boring.
    You should glance at Yahoo’s hoke page and watch howw they create article headlines
    to grab viewers to open the links. You might try adding a video
    or a related picture or two to grsb people interested about
    what you’ve got to say. Just my opinion, it would
    bring your posts a little bit more interesting.

  • November 4th, 2014

    Oscar:

    ? like it when folks ?ome together and share views.
    Grerat site, ?ontinue the goodd work!

  • November 10th, 2014

    Gc180Xt Results:

    If you are going f?r best contents like myself, only visit this site
    daily because it offers feature contents, thanks

  • November 15th, 2014

    http://www.acnewsonline.com/instagram/free-likes-and-followers-on-instagram/:

    WOW just what I was looking for. Came here by searching for scanline

  • November 16th, 2014

    Download Pink Kitty bow Clock Widget Apk File:

    Aw, this was an extremely good post. Taking a few minutes and actual effort to
    create a good article… but what can I say… I hesitate a whole lot and don’t
    manage to get nearly anything done.

  • November 18th, 2014

    erklärvideo:

    Everything is very open with a very clear explanation of the issues.
    It was definitely informative. Your site is very
    useful. Thanks for sharing!

  • November 30th, 2014

    George:

    Hey! I could have sworn I’ve been to this site before but after browsing through
    some of the post I realized it’s new to me.
    Anyways, I’m definitely happy I found it and I’ll be book-marking and checking back frequently!

  • December 7th, 2014

  • January 23rd, 2015

    Lena:

    Hi there, I want to subscribe for this blog to obtain most recent updates, thus where can i do it please help out.

    webpage (Lena)

  • February 17th, 2015

    get forskolin:

    Enjoy reading it. Founded off modern experiments, Garcinia is
    commonly employed across the globe as a diet pill for people battling some type of fatness.
    Is coming from a all natural resource and does not incorporate terrible synthetics, components or contaminants which could cause harm to your whole body.
    By formulated with hydroxycitric acid, this specific could be a fat blocker,
    which is essential for weight reduction. Forskolin success stories helps people to control their appetites and
    lower glucose or desserts desire. No more running to your kitchen every Quarter-hour
    to have a munch. By the way, the authentic Garcinia Cambogiawill assist
    you to stabilize the amount of a particular person stress and anxiety hormones.
    This assists to protect yourself from possible psychological binge
    eating, which happens to be among the list of basic reasons
    for excess weight.

  • March 2nd, 2015

    http://www.freewebsite-service.com/:

    Keep thiss going please, great job!

  • March 25th, 2015

    Worthwhile software related piece of writing:

    Thanks a lot for sharing all of the awesome info! I’m looking forward to going over more posts!

  • April 23rd, 2015

    Sirjake:

    Though a newbie to photoshop, this is amazing and makes me more eager to learn. Thanks a great deal

  • April 23rd, 2015

    Jitendra:

    Cameacross this tutorial in 2008 and have been searching for it since week.. got it today.. i love it so much..

  • June 16th, 2015

  • July 14th, 2015

    jessica simpson shoes:

    Helpful information. Lucky me I found your web site accidentally, and I am
    stunned why this twist of fate did not took place earlier!

    I bookmarked it.

  • July 21st, 2015

    Minnesota Website Design:

    Thanks designed for sharing such a pleasant thought,
    post is good, thats why i have read it fully

  • December 14th, 2015

    Drupal development services:

    Thanks for sharing very helpfull tutorial. I want to suggest Developmenticon (www.developmenticon.com) for the best Drupal development services. They convert your PSD file into Responsive Drupal Website.

  • January 21st, 2016

    Hammer:

    Excellent tutorial, Thank you.

  • February 3rd, 2016

    50 Stunning Photoshop Text Effect Tutorials - Seenublog:

    […] layer effects and a bit of magic to make a lettering style that looks transparent and stunning. Scan-line text Create a style dubbed “Scan-Line Text,” which is basically text that glows like bright scan […]

  • February 12th, 2016

    This is keywords that you are wanting to rank for. Enter multiple variations using spintax for best effect.:

    You are actually a just right website owner This is keywords that you are wanting to rank for. Enter multiple variations using spintax for best effect.. The web page launching rate is usually remarkable. It sort of feels you’re carrying out any exclusive technique. Also, Your material are usually work of art. you’ve done an awesome course of action on this topic!

  • May 11th, 2016

    Simons:

    Hi, you did great job, but it is looking very basic. This post may useful for beginners.

  • June 19th, 2016

  • June 27th, 2016

  • September 8th, 2016

    www.countrygifts4u.com:

    If my theory of relativity proves to be correct, Germany will claim me a German, and France will claim me a citizen of the world. However, if it proves wrong, France will say I

Leave a Comment

©PSDlearning 2016. This site is brilliantly hosted by Mediatemple.