advanced photoshop
Jan
11

How to create a futuristic typeface from scratch in Photoshop, part 2

Posted in:
Tips & Tutorials, by The Advanced Photoshop Team

Continued… Learn some of the basic skills for getting creative with typefaces in Photoshop to make this cool, futuristic effect

How to create a futuristic typeface from scratch in Photoshop, part 2

Step 11

How to create a futuristic typeface from scratch in Photoshop, part 2

For ground reflections, make copies of the front side of the letters. Then flip both these copies using Cmd/Ctrl+T and then Transform>Flip Vertical. Position one as the reflection of the front of the letters and one for the back. Use the Polygon Lasso and Fill tools to add the side elements to the back side of the letters. Then use the Color Overlay layer style to choose colours for the reflections.

Step 12

How to create a futuristic typeface from scratch in Photoshop, part 2

Merge the back side and sides with the front  layer, and apply a large soft brush eraser to fade out the reflection. First we select the top letters and, at the bottom-left of the selection, we hold down the eraser and move it to the right. Once you’re done, repeat this process for the letters on the bottom row.

Step 13

How to create a futuristic typeface from scratch in Photoshop, part 2

Next add the bright coloured parts of the reflection. Most of these can be duplicated, moved and flipped vertically to save time. Some might need a little bit of editing by way of cutting parts away with the Polygon Lasso tool. To tone down the reflection a bit,  use an Eraser set to 40% Opacity to brush away some of the brightness.

Step 14

How to create a futuristic typeface from scratch in Photoshop, part 2

Add lined edges so it looks as if light is breaking out of the type. Select all the side parts of the letters using Cmd/Ctrl+Shift+H on the layer images in the Layers palette. Then, on a new layer, fill this selection. Open the fx options, setting Advanced Blending Fill Opacity to 0%. Next set the Stroke size to 10px and position to Inside, within the same option-set.

Step 15

How to create a futuristic typeface from scratch in Photoshop, part 2

Add a new layer under the layer with a Stroke. Merge the two. Apply a soft eraser to parts of the lines. Make a selection from the Stroke layer. Create a new layer and delete the merged layer. On the new layer apply a hard brush to apply different colours to the selection. You can use the Eyedropper tool (Opt/Alt) to select tones from the canvas.

Step 16

How to create a futuristic typeface from scratch in Photoshop, part 2

Now it’s time to add some glows. This can be achieved by duplicating the lines layer from the previous step and adding a Gaussian Blur. For the second glow we take the standard soft brush and, on a new layer, brush over the bright-coloured blocks. Use the Eyedropper again for a coherent colour scheme. After brushing, play with the opacity to control the effect’s intensity.

Step 17

How to create a futuristic typeface from scratch in Photoshop, part 2

Adding extra shine to the letters can be done by making a selection of the front side of the letters, adding Select>Modify>Contract at 10px. Create a new layer and use a soft brush to add large spots in the upper-left corner of each letter. After creating light spots, lower the opacity to correspond with the lighting in the rest of the image. Also move the layer a little to the left and down to better fit the perspective.

Step 18

How to create a futuristic typeface from scratch in Photoshop, part 2

Here we add a series of 7px lines and six-sided polygon shapes in conforming colours on a new layer on top of the letters. Use a soft eraser to fade parts of the shapes and ends of the lines. Duplicate the layer and use the Gaussian Blur to give the items a nice glow. The same technique is also used to create the little glowing lines in the ground reflections.

Step 19

How to create a futuristic typeface from scratch in Photoshop, part 2

Finally focus on making the light effects really pop. Do this by adding a new layer on top of the layer stack. With a soft white brush – in various sizes – add white spots to the brightest places. Use the light spots from Step 17 as a reference. As a last step we set this layer to Overlay blending mode and play with the opacity to get the best intensity.

  • xapbachai

    i need a tutorial of these !! who can help me ??! :'(

  • ..This IS a tutorial. It’s part 2.

  • Хуягаа Батаа

    It’s cool, but my english is bad, make video tutorial plz, GOODLUCK

  • Michael Owens

    Why didnt you tell him to just go and find some on the internet? Tit.

  • The butthurt is strong with this one. Hahaha, calm down sweetie <3

  • Michael Owens

    You do release this is the internet don’t you – and the more you waffle on, the more inbred you appear!

  • You do realize you purposely looked up a 7 months old comment made by me, because you got your poor feelings hurt on a completely different website. <3 Love ya, I'll shut up now.

  • Michael Owens

    ….just wait until I find out where you live. Then I’ll show ya some love bitch.