Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Shiny Summer Text Effect in Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
Final product image
What You'll Be Creating

In this tutorial, I will explain how to create a shiny summer text effect using layer styles in Adobe Photoshop. Let's get started!

Tutorial Assets

The following assets were used during the production of this tutorial.

1. Create the Background

Step 1

First of all you have to install the pattern file named ‘green_metal_pattern’. You can do this by double-clicking the icon.

Step 2

Create a new document (File > New). Set Width to 600 px and Height to 500 px. Resolution must be 72 ppi.

new document

Step 3

Select the background and duplicate it (go to Layer > Duplicate Layer > OK). Rename the new layer as Background Pattern.

Background Pattern

Step 4

To add the texture we are going to use a layer style.

Go to Layer > Layer Style > Pattern Overlay, select 'green_metal_pattern' from the list, and set the Scale value to 50%. Click on Snap to Origin each time you apply this pattern.

Pattern Overlay

green metal pattern

Step 5

To obtain a center light look, go to Layer > Layer Style > Inner Shadow and set the following values.

Inner Shadow
Inner Shadow

Step 6

Now we are going to add a reflection. Go to Layer Style > Bevel & Emboss and set these values.

You have to create a custom Gloss Contour, so follow the images carefully to reach the desired effect.

Bevel  Emboss
Bevel  Emboss

2. Create the Text

Step 1

Type the word Shine or some text of your choice using the Amaz Obitaem Ostrov Italic font. Set the Font Size to 180 pt. For best quality, change the anti-aliasing mode to Sharp. Rename the layer as Shine Top.

Step 2

Duplicate the text twice and rename the new layers as Shine Mid and Shine Bot as shown below. Hide both layers to work more comfortably, because we are not going to use these layers yet.

Duplicate the text twice
Type the word Shine

3. Style the Top Layer

Step 1

Select the Shine Top layer and go to Layer > Layer Style > Pattern Overlay. Click on the Pattern box, choose green_metal_pattern from the list (we are using the same background pattern), and set the Scale to 50%. Don’t forget to click on Snap to Origin.

Pattern Overlay
Pattern Overlay

Step 2

We have to add a Drop Shadow to separate the text from the background. Go to Layer Style > Drop Shadow and use the settings shown below.

Drop Shadow
Drop Shadow

Step 3

Go to Layer Style > Gradient Overlay and set the following values.

Gradient Overlay
Gradient Overlay

Step 4

To add a glossy look, go to the Layer Style window and modify the settings of Bevel & Emboss as shown below.

You’ll need to create a custom contour curve. Follow the images carefully and use the values shown in the right column.

Bevel  Emboss
Bevel  Emboss

Step 5

Go to Layer Style > Satin and use the following settings to brighten up the text.

The Contour is a default curve named Cove – Deep.

Satin
Satin

Step 6

Now we’re going to improve the shiny metal effect by adding glow. Go to Layer Style > Inner Glow and set the following values.

The Contour is a default curve named Cone.

Inner Glow
Inner Glow

Step 7

Go to Layer Style > Stroke and use the settings shown below to brighten up the edges.

Stroke
Stroke

Step 8

We are going to add a backlight. Go to Layer Style > Outer Glow and use these settings.

The Contour is a default curve named Cone.

Outer Glow
Outer Glow

4. Style the Mid Layer

Step 1

Now we’re going to work with the second layer named Shine Mid, so make sure you turn it on! We have to achieve a perspective with a central vanishing point. Go to the Character window and modify the Tracking value to -60 as shown below.

Mid Layer - central vanishing point

Step 2

To match the colors of both layers. Go to Layer > Layer Style > Gradient Overlay and use the settings shown below.

Gradient Overlay
Gradient Overlay

Step 3

Go to Layer Style and modify Inner Shadow using the following values.

Inner Shadow
Inner Shadow

Step 4

We are going to add some shadows to separate the text from the background. Go to Layer Style and modify the values of Drop Shadow and Outer Glow as shown in the images below.

Drop Shadow
Drop Shadow
Outer Glow
Outer Glow

5. Style the Bottom Layer

This final step will give a special touch to the effect. Select Shine Bot and open the character window. Modify vertically scale to 115% and baseline shift to -10 pt. Then change the color as shown below.

Bot Layer

Youre Done

Great Job, You’re Done!

In this tutorial I showed you how to create a striking text effect using three layers to achieve a central vanishing point.

I hope that you enjoyed this tutorial and can use what you’ve learned for your own projects. Please feel free to comment and show me your results.

Advertisement
Advertisement
Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.