Pin It

Create Space Style Text Effect

Advertisement

This tutorial will show you how to create a futuristic space-style text effect, using Photoshop layer styles and a couple of filters.

Final Image Preview

Create Space Style Text Effect

Resources

Step 1

Create a new document that is 1350 x 1000 px. Set the Foreground color to #4ea6d0, and the Background color to #195081. Create a Radial Gradient from the center of the document to one of it corners.

Create Space Style Text Effect

Step 2

Set the Foreground color to #b2ebfc. Go to Filter > Noise > Add Noise. Change the Amount to 5, the Distribution to Gaussian, and check the Monochromatic box.

Create Space Style Text Effect

Step 3

Go to Filter > Blur > Gaussian Blur, and change the Radius to 0.3.

Create Space Style Text Effect

Step 4

Create the text using the color #3684a1, the font used is Mail Ray Stuff, and the size is 450 px.

Create Space Style Text Effect

Step 5

Double Click on the text layer to apply the following styles:

- Inner Shadow: Change the color to #023e63, the Distance to 0, and the Size to 8.

Create Space Style Text Effect

- Outer Glow: Change the Blend Mode to Vivid Light, the color to #72feff, the Size to 10, and the Range to 100%.

Create Space Style Text Effect

- Inner Glow: Change the Blend Mode to Overlay, the color to #cffcff, the Choke to 10, and the Size to 30.

Create Space Style Text Effect

- Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 250, and the Size to 50. Remove the check next to Use Global Light. Change the Altitude to 15, the Gloss Contour to Valley – Low, and check the Anti-aliased box. Finally, change the Shadow Mode color to #3c596b.

Create Space Style Text Effect

If you don’t have Valley – Low Contour then you need to:
1 – Go to Edit > Preset Manager. Choose Contours from the drop down menu.
2 – Click on the pop-up menu arrow, and choose Contours.
3 – Click Append to add the new contours to the original ones.
4 – The contours are now loaded.

Create Space Style Text Effect

- Contour: Choose Notched Slope, and check the Anti-aliased box as well.

Create Space Style Text Effect

The text should look like this:

Create Space Style Text Effect

Step 6

Press the Ctrl/Command key, and while it’s still pressed, click on the text layer’s thumbnail to create a selection. Create a new layer on top of the text layer and call it “texture”.

Create Space Style Text Effect

Step 7

Set the Foreground color to #7fb9ce and the Background color to #4e6e86, then go to Filter > Render > Clouds. Press Ctrl + D to get rid of the selection afterwards.

Create Space Style Text Effect

Step 8

Go to Filter > Artistic > Rough Pastels. Change the Stroke Length to 30, the Stroke Detail to 17, the Texture to Canvas, the Scaling to 115, the Relief to 50, and the Light to Bottom Left.

Create Space Style Text Effect

This is what you should get.

Create Space Style Text Effect

Change the “texture” layer’s Blend Mode to Overlay. That’s it for the texture.

Create Space Style Text Effect

Step 9

- Open the Brush panel (Window -> Brush), and choose the Star 26 pixels brush. Change the Spacing to 50%.

Create Space Style Text Effect

- Under Shape Dynamics, change both the Size Jitter and the Angle Jitter to 100%.

Create Space Style Text Effect

- Under Scattering, change the Scatter value to 1000%, and check Both Axes box. Change the Count to 2, or whatever value you like (A higher value gives more sparkles).

Create Space Style Text Effect

Step 10

- Create a new layer on top of the Background layer and under the text layer, call it “sparkles”. Right click on the text layer and choose Create Work Path.

Create Space Style Text Effect

- Select the “sparkles” layer so that it is the active layer. Set the Foreground color #72feff, and grab the Direct Selection Tool. Right click on the path and choose Stroke Path.

Create Space Style Text Effect

- Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is un-checked.

Create Space Style Text Effect

- The Path will be stroked with the sparkles brush. Hit Enter/Return to get rid of the path.

Create Space Style Text Effect

Step 11

Choose a soft round brush, the size should be something around 50px, and set the Foreground color to #ffffff (White). Create a new layer on top of all layers and call it “soft brush”, then, change its Blend Mode to Overlay.

With the soft brush, start clicking where there are bright areas on the text, this will make those highlights look even brighter. You can change the size of the brush as you like.

Create Space Style Text Effect

Final Image

And this is the final effect.

Create Space Style Text Effect

Advertisement


  • Cucuks

    Sempurna.. :)

    I like it..

  • http://www.webdesigncreare.co.uk Ryan Leaper

    Really like this effect. I’ve always liked effective use of textures within graphics and I think the addition of the canvas texture to the text really adds to the whole effect. Like a lot of Photoshop tutorials by learning and implementing some of the techniques described you can adapt them to your own work and come up with some effective results. The important thing to remember is not to just follow tutorials such as this but to learn from them. An effective tutorial that I’m sure will prove useful for both print and web design work.

  • http://www.markharmonfans.com moonlampje

    This tutorial sucks at step 10. When I want to create a work path, I get this message:
    Could not complete your request because the type layer uses a faux bold style.

    working with PS CS2 and using the font from this tutorial…

  • biju

    thanks

  • Aubrey

    Awesome tutorial! I’ll be pitching this to PSDT.

  • faatikah

    sir, i can’t find “Create Work Path”…in step 10?

  • http://Photoshopdesigns ali sabrah

    I’m happy with what you offer designs are so wonderful and I love to learn

  • Vikas tiwari

    I never Forget This tutorial…
    It’s amazing….
    Mind blowing

  • claudiu

    thank you… learn a lot!

  • Kambakht_Bugz

    Awesum tutz… loved doing it and amazed it came out well :d

  • CLYDE

    i cant access the “Filter > Artistic > Rough Pastels”. What should i do to access it ?