In this tutorial, you will learn how to create a vibrant colorful bright and shiny text effect in Photoshop. We will be using a freely available font for our design and apply some dramatic layer styles, color overlays and motion blurs to get a nice looking type effect, and finally some finishing touches to polish the effects. Let’s get started!
Step 1:New document
Step 2: Adding Text
Now our background is ready. Its time to add the text. The font we are going to use for our design is ConductingPaths by wsc which is a freely available one , you can download it from DaFont. Set the size to 300 of any color.
Align the text to the center of the background, by selecting both the text and the background layers and align them by pressing the Align to Horizontal center and Align to Vertical center.
Step 3: Layer Styles for the text
Apply the following layer styles to the text layer.
Bevel and Emboss
Now our text will look like this after applying the layer styles.
Step 4: Color overlay
The text is now ready, its time to add some colors to make it vibrant enough for the design, for that create a new layer above all the layers , name it as “color overlay”.
Now grab the Brush tool (B) , choose a soft brush of about 150px diameter and 0% hardness with 100% opacity.
Pick red (#ff0000) as the foreground color and paint some dabs here and there on the text as shown below.
Now pick the yellow color and paint some more.
Now it’s turn to pick the Cyan
Change the blending mode of the layer to Overlay. Now our text will look like this.
Step 5: Applying Motion Blur
Duplicate the text layer using Layer -> Duplicate Layer or by selecting the layer in the Layers panel and press Ctrl + J (Cmd + J for Mac)
Now we need to rasterize the duplicated text layer along with the layer effects before applying the Motion blur effect. In order to do that, create a new layer above the duplicated layer, select both the new layer and the duplicated layer, and merge them using Layer -> Merge Layers or Ctrl + E
The layer now gets rasterized along with the effects we applied previously. Now apply motion blur by Filter -> Blur -> Motion Blur using the following settings.
This is the effect we obtained so far.
It’s now time to remove the unwanted blur effects from the text. We are going to remove them using Layer Masks. Select the layer , go to Layer -> Layer Mask -> Reveal All or by simply clicking on the Add Vector Mask button at the bottom of the Layers Panel.
Set our foreground color to black or default colors by pressing “D”.
Grab the Rectangular Marquee tool (M) and set the Feather option to about 10px, we are going to smoothly cut out certain parts of the blur, that is why we are using the Feather option.
Draw a portion above the first letter as show below with Marquee tool and with the Layer Mask selected fill the selection with black color to hide out the selected portion from the blur.
Do the same with other letters by removing certain portions from the blur, you can use the image below for your reference, the red portions should be masked out.
This is how the image will look like after masking our the portions from the motion blur layer.
Step 6: Creating the Rivets
Create a new layer called “rivets” above all the layers. This will be holding the small rivet like structures in the rounded gaps within the text.
Grab the Custom Shapes Tool (U) and select the Ellipse option and draw a small circle just about the size of the gap in the text , use the image below for reference.
Step 7: Layer styles for the rivet
Bevel and Emboss
Now just copy the rivet to all the other gaps in the letter and also all the letters in the text. You can just click and drag the rivets to all the places while holding the Alt key , you original rivet will be duplicated all over once you release the mouse button. Group them all in a folder.
This is the effect so far for our design.
The design is almost ready now , you can still polish it by removing the noise and sharpening the image using the standard filters, which will help our final design to have a clear and crispy look. Before that, you need to flatten your image using Layer -> Flatten Image, also you can make a duplicate copy before flattening using Image -> Duplicate, this way you can retain your original PSD for further modifications in the future.
Go to Filter -> Noise -> Reduce Noise with the default settings.
Go to Filter -> Sharpen -> Smart Sharpen , apply it with the default options.
We come to the end of the tutorial, this is the final output of our text looking vibrant and shiny, you can experiment with different color overlays and layer styles if you want.
We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see!