Photoshop Guide: How To Create Sleek Futuristic Text

Photoshop can be used to create some awesome effects. Photoshop’s Text and Layer Tools really prove to be handy for many designers. Typography in itself is a lot powerful that what many people think. Creating text effect for titles and posters of you designs could surely work as a charm for your clients. In this lesson, we will go through all the steps in creating sleek futuristic text. This will zap some instant awesomeness to your print-ready postcards and posters. So just carefully read the steps below and learn what you can do for your titles. You could view another fantastic article on Glossy Futuristic Text Effect at TexTuts.

In the meanwhile you may want to read some our other Photoshop and Tutorials related articles

Final Image Preview

Photoshop Text Tutorial: Step 1

First, create a new document in Photoshop. It would be good to setup a large sized dimension so that you can create a fairly large text graphic that you can scale down better later. Also, it is better to use a large resolution (around 300ppi) so that the quality of the graphic can be maintained in printing.

Photoshop Text Tutorial: Step 2

After setting up a new document, create a nice background setup for your graphic. A simple gradient color with your chosen color theme should suffice. For our example, we just used a gradient color with some lighter colored brush strokes as an accent. Just create the ideal background for you.

Photoshop Text Tutorial: Step 3

Now, type in your text using the TYPE TOOL. Make sure you use a fairly thick type font style. For this effect, it is also recommended that you use rounded type fonts as it gives that sleek curvier feel to the effect. Just look for the best and most appropriate font that you need for your theme. For our example, we have chosen a futuristic rounded type font style with a light blue font color.

Photoshop Text Tutorial: Step 4

Once the text is set, press CTRL+J to duplicate your text layer. Then, reduce the FILL opacity of this duplicate to 0%.

Photoshop Text Tutorial: Step 5

Now, go back to your original text layer. Double click on it to access the Layer styles and blending options. Then, click first on the drop shadow style and apply the following properties.

Blend Mode: Multiply, Color: #51626a

Angle: 30 degrees

Distance: 17px

Size: 8px

Rest Default

Photoshop Text Tutorial: Step 6

Then, tick the Bevel and Emboss checkbox. Apply the following settings to its properties.

Depth: 500%

Size: 43px

Gloss Contour: Steps, Anti-Aliased

Photoshop Text Tutorial: Step 7

Click also on the Contour option. In its settings, set the contour to “Half Round” and then tick the Anti-Aliased tick box.

Photoshop Text Tutorial: Step 8

Great! That should give you something pretty futuristic.

Photoshop Text Tutorial: Step 9

Next, we will add some more layer styles. This time on the copy of our text layer. (the one we reduced the fill to) Simply double click on it to access its layer options. Then tick the Bevel and Emboss option and choose these settings:

Photoshop Text Tutorial: Step 10

Photoshop Text Tutorial: Step 11

With that we should have a nice reflective outline to our text.

Photoshop Text Tutorial: Step 12

Lastly, we shall add some creative textures. Create a new layer by pressing CTRL+SHIFT+N. Then, position this right between your text layer and its duplicate. Name this “texture”. Afterward, hold down the ctrl key and click on the thumbnail of our of our text layers.

Photoshop Text Tutorial: Step 13

To create our texture, first setup your foreground and background colors. Now, technically it should be your choice of course depending on your color theme. Since we have a blue text theme here, we will apply a dark blue foreground (#164b7c) and a light blue background (#b2ebfc) to setup our texture.

Photoshop Text Tutorial: Step 14

Photoshop Text Tutorial: Step 15

Next, we will be applying a brush stroke filter. Just click on Filter -> Brush Strokes -> Cross hatch. Apply these values:

Stroke Length: 50

Sharpness: 20

Strength: 1

Photoshop Text Tutorial: Step 16

Finally, change the blending mode of this texture layer to overlay in the layers view.

Photoshop Text Tutorial: Step 17

The result is a very futuristic, sleek and still textured glossy design perfect for very modern themed text styles

Kate Manhaven is a graphic artist who works with PrintPlace.com, an online printing company that offers business cards, postcard printing and poster printing services. She spends her free time either wakeboarding or snowboarding whenever the season permits.

Pages

About

ArtAtm, as a design blog, has a great passion for delivering stylish and creative designs for designers and web-developers on all subjects of designs, ranging from; HTML, CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more.
Read More...

Write for us

We always welcome all the website design bloggers/writers out there to write guest articles on ArtAtm. We would really love to have some more people getting on board in this awesome journey!!!

Advertise

If you want to reach our audience with your specific products/services, then this is exactly the place that you need to be. Thank you very much for showing an interest in advertising on our site.Read More...