step6_a

Lower the size of the brush and add some smaller glowing orbs around the bigger ones:

step6_b

Repeat with the other two words:

step6_c
step6_d

Step 7

To enhance the glows now create some light crosses using the pen tool. Set the brush tool first to 100% hardness and a size of 4px with the pen pressure option selected and draw a cross using the pen tool and stroking the paths.

step7_a

Rotate the crosses a little bit and duplicate the layer several times. Place the little crosses on top of every glow from the previous step.

step7_b

Your image should look something like this after duplicating the crosses many times and placing them on the glow orbs:

step7_c

Step 8

For the glowing waves details behind the type,first start off creating a new layer and setting your brush tool with 100% hardness and a size of about 9px. Whit the pen tool stroke a large horizontal line and then go to Filter>Distort>Wave. Use the next parameters for the first wave:

step8_a

On new layers stroke some other horizontal lines and go to the wave filter again. I suggest you experiment with different settings here to get the waves you see more fit for your composition.

step8_b

Select one wave layer and open the layer styles menu. Check the options “Outer Glow” and “Gradient Overlay”.

step8_c

On the gradient overlay option select the “Reflected” style and change the colors of the gradient to match the color palette of your type.

step8_d
step8_e

You can now copy the layer style into a different wave layer you created and position them under your type.

step8_f

Now you can duplicate and create new wave layers and tweak the color of the glow and the gradient overlay to match the colors of the other two words.

step8_g

This is the result of the type so far:

step8_h

Finally in this step, for the dotted background, we are going to use again the same method as with the waves but with different filter parameters to get the effect.

step8_i

Transform the layer to fit the entire canvas:

step8_j

Step 9

In this step we are going to add some bokeh stock images to finish up the composition and effects of the type. From the Sparklestock bokeh images select one you see fit for your illustration. Set the layer blending mode to “Screen” and lower the layer opacity to 30%:

Pages: 1 2 3 4 5

34 responses to “How to Create Shiny Retro Text with Photoshop”

  1. CHEFY Avatar
    CHEFY

    NO PUEDO HACER NADA CON EL TEXTO NO DEJA CAMBIAR NADA NO CON LOS PSD QUE REGALA QUIERO PONER UN NOMBRE Y NO DEJA COMO LO AGO GRACIAS

  2.  Avatar
    Anonymous

    DOPE

  3. pari@lehapari Avatar
    pari@lehapari

    fantastic tutorial..like it very much..

  4. Maidul Islam Avatar
    Maidul Islam

    I always believe typography is great art and thanks for this awesome experiment on it.

  5. Caroline Avatar
    Caroline

    Please help! Im stuck doing the pen tool, it doesnt work as i want it to do. I can only se the paths but no color, how do i fix it? i have tried anything i can come up with.. Its sad being stuck when i have done so much already. Thx!

  6. Md.kaisar Avatar
    Md.kaisar

    Thanks a lot.Plz describe more……………///

  7. Riyala Avatar
    Riyala

    I’m on Photoshop CC 2014 and I cannot for the life of me get the same effect that Step 2 is telling me I should be getting. Any advice?

  8. Hassan khan Avatar
    Hassan khan

    wow ….all Photoshop Tutorials are very nice …….

  9. Dissappointed Avatar
    Dissappointed

    Most instructions were not given clearly, pen tool behaved in a very different way from what you barely explained, and the font you are using called “Tetra” is not in photoshop CS6 or CC.

  10. Rae Avatar
    Rae

    Don’t know if it’s an actual problem or if i’m just doing something wrong, but I can’t figure out how to warp the light effects.
    The program swears that there aren’t any pixels in the selection, and by the time i finally get the selection to warp, it doesn’t warp the glow of the light effect so there’s just an eclipse shadow left behind.

    Help?

  11. Kevin Avatar
    Kevin

    Muy bueno Man!!..gracias por compartir y éxitos en tu oficio!

  12. ramakant Avatar
    ramakant

    very nice work

  13. saravanan Avatar
    saravanan

    really superb………

  14. Yadav Shivans Avatar
    Yadav Shivans

    nice wonderful transliterate word

  15. TheMalni Avatar
    TheMalni

    Final result looks really cool, lots of steps to do, but I wanna try this for sure! Thanks a lot for the tutorial! :D

    1. mike jone Avatar
      mike jone

      are u a girl

  16. Shahin Avatar
    Shahin

    Step 4 does not work for me? I have tried everything, does somebody know what the reason behind this could be?

    1. Photoshop Tutorials Editor Avatar
      Photoshop Tutorials Editor

      Here’s a video to show how to do step 4
      http://www.youtube.com/watch?v=T0LQKqykO2A

  17. Th714 Avatar
    Th714

    not good instructions for the lines on page 2, for on i can’t make them with this pen pressure crap, or even warp the lines correctly

  18. ren9988 Avatar
    ren9988

    panjang bener,,,tapi ok ,,thank ya gan,.

  19. eva908 Avatar
    eva908

    I ALWAYS HAVE A PROBLEM CONTROLLING MY PEN NEVER ENDS UP WHERE I WANT IT …SO I JUST DOWNLOADED SOME WAVE LINE BRUSHES TO SUBSTITUTE THAT PART OF THE TUTORIAL…THIS IS THE WEBSITE THERE ARE MANY WONDERFUL BRUSHES…..http://www.photoshopedia.com/photoshop/brushes/

    1. hifsa Avatar
      hifsa

      @eva908 this website needs a user name and password to open!!!!!!!!

  20. ThyagoG_ Avatar
    ThyagoG_

    Very nice

  21. Tanya Lyons Avatar
    Tanya Lyons

    for the life of me my pen line wouldnt do what you wanted it to do! argh!

    1. Margot Avatar
      Margot

      Yes! Same problem!

    2. MissAisha Avatar
      MissAisha

      Me too! Eh, sucks… Trying to figure out how to do it on my own..

  22. hasan Avatar
    hasan

    Fantastic Photoshop and informative tools ..
    Thanks to share…….

  23. shamim Avatar
    shamim

    That is nice post and thanks to share……..

  24. Yihan Lin Avatar
    Yihan Lin

    page 2 and 3 can’t open ?

  25. thana Avatar
    thana

    very nice tutorials

  26. Fauzan Nurarifin Avatar
    Fauzan Nurarifin

    Woooww… Its Cool :0

  27. bassam Avatar
    bassam

    very good .. thanx

  28. Jasy Friend Avatar
    Jasy Friend

    amazing,… super

    1. pardeep Avatar
      pardeep

      good yaar

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading