Post pobrano z: How to Create an Underwater Text Effect in Photoshop

Water can make for such beautiful, inspiring visuals! In this tutorial, we’ll take some text and visually „place it” underwater—creating a wavy text effect, looking down and into the water, with the text visually beneath. 

What You’ll Need

The followings assets are used within this tutorial:

• Water Stock Image
• Fibre Vintage Font

Now, let’s dig right in and start experimenting with some type! 

1. How to Add Text and Texture to a Document

Step 1

Start with a New Document—any size here will do! 

Keep the scope of your project in mind: are you hoping to create something print ready or something for use online? I’m going to work at 850 x 650 for this example, but you might want to work at a higher resolution, if you’d like to print your work.

Once you’re happy with your settings, click OK.

Step 2

Next, Paste your watery background image into your document. In this case, we’ll be using this Water Stock Photo from Envato Elements, but you could use any image you like!

This is going to be the water that we’ll base our text on. 

Step 3

Now, let’s add the text. Simply type out whatever text you’d like, using the Text Tool, in your font of choice. In the case of this example, I’ll be using the font Fibre Vintage. 

Don’t worry about effects or positioning or anything, at this point—just put down the text you’d like first!

I decided to make two different Text Layers. You can make as many as you like. Make the text a dark gray color. 

Step 4

Next, make your Text Layer (or Layers) into a Smart Object. 

To do so, select the applicable Layers, Right-Click (on PC) or Control-Click (on Mac) and select Create Smart Object from the drop-down menu.

We’ll be applying effects to this Smart Object. We’ll be able to more easily preserve and alter the original text this way, if needed.

Step 5

Rotate and position the text however you’d like it, against the water. I opted to rotate it a little, so the shot feels a little more natural. 

Step 6

Now, set this layer’s Blending Mode to Overlay. You’ll notice that this changes the text’s appearance on the water. 

2. How to Create an Underwater Effect

Step 1

One of the major goals here is to have the text appear to be affected by the water. We could do this in a number of ways—like using the Warp Tools, Distort Filters… there are plenty of options! However, in this case, let’s try out the Displace Filter. 

First, select the layer with the water background in it. Click on the thumbnail on the layer to select the content (or press Command-A (on Mac) or Control-A (on PC). 

Now, Create a New Document. Paste this image and Save this document. I called my document „displace.psd”, but you are welcome to call yours whatever you prefer. 

Step 2

Now, let’s go back to our original document. 

Select the layer with our Smart Object. Then, select Filter > Distort > Displace. 

Step 3

Then, you’ll see this popup dialog box. I went with a Horizontal and Vertical Scale of 10, but I would encourage you to experiment with this! I also chose Stretch to Fit, as I’d like the area to be similar to the original background image we’ve used here. 

When you’re happy with your settings, click OK. Remember, if you don’t like the result, you can always Undo (Control-Z on PC, Command-Z on Mac) and try out different values. I often like to experiment a few times.

Select your displace.psd file created earlier as the file that the Displace Filter will use to create this effect. 

Step 4

And here’s what the text looks like with this effect applied. It’s getting closer to what we want, but it still looks kind of clear, doesn’t it? We’d expect to see some blur here, as the water is between us and the water on the ground.

Let’s apply a Gaussian Blur to this Smart Object. Go to Filter > Blur > Gaussian Blur.

Step 5

I went with 2.0 on the radius here, but you may prefer more or less. I’d recommend something that gives it a little bit of a blur, but also stays legible. A lot of blur might look good, but if we can’t read the text well, that might defeat our purpose.

Click OK when you’re happy with the value you’ve chosen. Remember, you can also undo and try again, if you change your mind.

3. How to Add the Finishing Touches

Step 1

So, we’ve got the beginnings of what we’d like to do here—but let’s push it forward and do some more with it. 

Personally, I’d like the text to be darker. We have a few options here. 

I Duplicated the Smart Object Layer twice, leaving the Blending Mode on each set to Overlay. The result was just what I was looking for.

Step 2

However, because we put this type into a Smart Object, we can go back and change it any time we like. Double-click on the thumbnail to open up the Smart Object.

You’ll notice that it contains the text as we originally had it in our document. You can make changes here—like the text color or the text itself. Then, when you save it, this will be reflected in our document.

Step 3

On a side note, keep in mind that these changes might have to be accounted for! For example, changing the color might affect the blending modes—if I make the text light pink, I need to adjust for that (since we worked with a color with a dark value originally). 

In that scenario, I’d just drop my extra Overlay layers and set the Smart Object Layer to Color Burn, Opacity 75%. Voila, we have a similar effect. 

Step 4

Made any changes that you don’t want to keep? Simply undo! Within the Smart Object, make sure to save any changes. 

To wrap up, I’m going back to the original color and Blending Modes we were working with earlier. 

Step 5

Finally, I wanted to do a little adjustment here. I copied the water Background Layer and brought it to the front of my Layers. Then, I set the Blending Mode to Screen, Opacity 20%. I just wanted to lighten things up a little.

However, I recommend experimenting with Blending Modes—check out how it looks with Color Dodge or Color Burn! Experimenting with Blending Modes is a great way to get more familiar with them. 

And Now Our Text Is Underwater!

I hope you enjoyed walking through this text effect with me—and I hope you have a lot of fun experimenting with it and making your own underwater text effect Photoshop creations! Again, there are a lot of different ways to distort your text—want to know how to warp text in Photoshop even further? If you’d like to make even more adjustments, I’d recommend taking a look at Edit > Transform > Warp! 

Thanks for following along with me! Good luck with your creative projects!

Love text effects and want to check out more you can experiment with—right now? Check out these other text effects that are ready made and ready to go.

Vintage Text Effects Vol.3

Check out this collection of Vintage Text Effects! There are so many colorful, whimsical, and interesting options to choose from here, perfect for a variety of potential projects. 

80s Text Effects Vol.1

I don’t know about you, but I love the 80s—and I love these awesome 80s text effects! Check out all the saturated colors, the glam, and the sleek, retro style! I’m already thinking about all the cool things I’d love to try out with these. 

Metal Layer Styles – Photoshop Gold Text Effect

These text effects are awesome—and they don’t just come in gold. There’s chrome, bronze, steel… plenty to choose from in these easy-to-use Layer Styles. 

3D Text Effects Vol.3

There are so many fun effects to choose from in this third volume of 3D Text Effects! Easily replace the text with Smart Objects—a snap, right? Check out Volume 1 and Volume 2 for even more effects to try out!

100 Photoshop Layer Styles Bundle – Text Effect

This is a giant collection of Photoshop text effects—plenty to play and experiment with! From textured effects and slimy text effects to fire text effects, this one contains a little bit of everything! What an awesome addition to any collection!

If you enjoyed this tutorial, check out these others! Happy creating!

• 
  Text Effects
  How to Create a Cartoon Rainbow Text Effect in Photoshop
  Daisy Ein

• 
  Text Effects
  Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop
  Enrique Eliçabe

• 
  Text Effects
  How to Create a Quick Broken Glass Text Effect in Adobe Photoshop
  Rose

• 
  3D Text
  50 Amazing 3D Text Tutorials for Photoshop and Illustrator (Beginner to Advanced)
  Melody Nieves

• 
  Adobe Photoshop
  How to Create a Realistic Embroidery Text Effect in Adobe Photoshop
  John Negoita

Post pobrano z: How to Create an Underwater Text Effect in Photoshop

Water can make for such beautiful, inspiring visuals! In this tutorial, we’ll take some text and visually „place it” underwater—creating a wavy text effect, looking down and into the water, with the text visually beneath. 

What You’ll Need

The followings assets are used within this tutorial:

• Water Stock Image
• Fibre Vintage Font

Now, let’s dig right in and start experimenting with some type! 

1. How to Add Text and Texture to a Document

Step 1

Start with a New Document—any size here will do! 

Keep the scope of your project in mind: are you hoping to create something print ready or something for use online? I’m going to work at 850 x 650 for this example, but you might want to work at a higher resolution, if you’d like to print your work.

Once you’re happy with your settings, click OK.

Step 2

Next, Paste your watery background image into your document. In this case, we’ll be using this Water Stock Photo from Envato Elements, but you could use any image you like!

This is going to be the water that we’ll base our text on. 

Step 3

Now, let’s add the text. Simply type out whatever text you’d like, using the Text Tool, in your font of choice. In the case of this example, I’ll be using the font Fibre Vintage. 

Don’t worry about effects or positioning or anything, at this point—just put down the text you’d like first!

I decided to make two different Text Layers. You can make as many as you like. Make the text a dark gray color. 

Step 4

Next, make your Text Layer (or Layers) into a Smart Object. 

To do so, select the applicable Layers, Right-Click (on PC) or Control-Click (on Mac) and select Create Smart Object from the drop-down menu.

We’ll be applying effects to this Smart Object. We’ll be able to more easily preserve and alter the original text this way, if needed.

Step 5

Rotate and position the text however you’d like it, against the water. I opted to rotate it a little, so the shot feels a little more natural. 

Step 6

Now, set this layer’s Blending Mode to Overlay. You’ll notice that this changes the text’s appearance on the water. 

2. How to Create an Underwater Effect

Step 1

One of the major goals here is to have the text appear to be affected by the water. We could do this in a number of ways—like using the Warp Tools, Distort Filters… there are plenty of options! However, in this case, let’s try out the Displace Filter. 

First, select the layer with the water background in it. Click on the thumbnail on the layer to select the content (or press Command-A (on Mac) or Control-A (on PC). 

Now, Create a New Document. Paste this image and Save this document. I called my document „displace.psd”, but you are welcome to call yours whatever you prefer. 

Step 2

Now, let’s go back to our original document. 

Select the layer with our Smart Object. Then, select Filter > Distort > Displace. 

Step 3

Then, you’ll see this popup dialog box. I went with a Horizontal and Vertical Scale of 10, but I would encourage you to experiment with this! I also chose Stretch to Fit, as I’d like the area to be similar to the original background image we’ve used here. 

When you’re happy with your settings, click OK. Remember, if you don’t like the result, you can always Undo (Control-Z on PC, Command-Z on Mac) and try out different values. I often like to experiment a few times.

Select your displace.psd file created earlier as the file that the Displace Filter will use to create this effect. 

Step 4

And here’s what the text looks like with this effect applied. It’s getting closer to what we want, but it still looks kind of clear, doesn’t it? We’d expect to see some blur here, as the water is between us and the water on the ground.

Let’s apply a Gaussian Blur to this Smart Object. Go to Filter > Blur > Gaussian Blur.

Step 5

I went with 2.0 on the radius here, but you may prefer more or less. I’d recommend something that gives it a little bit of a blur, but also stays legible. A lot of blur might look good, but if we can’t read the text well, that might defeat our purpose.

Click OK when you’re happy with the value you’ve chosen. Remember, you can also undo and try again, if you change your mind.

3. How to Add the Finishing Touches

Step 1

So, we’ve got the beginnings of what we’d like to do here—but let’s push it forward and do some more with it. 

Personally, I’d like the text to be darker. We have a few options here. 

I Duplicated the Smart Object Layer twice, leaving the Blending Mode on each set to Overlay. The result was just what I was looking for.

Step 2

However, because we put this type into a Smart Object, we can go back and change it any time we like. Double-click on the thumbnail to open up the Smart Object.

You’ll notice that it contains the text as we originally had it in our document. You can make changes here—like the text color or the text itself. Then, when you save it, this will be reflected in our document.

Step 3

On a side note, keep in mind that these changes might have to be accounted for! For example, changing the color might affect the blending modes—if I make the text light pink, I need to adjust for that (since we worked with a color with a dark value originally). 

In that scenario, I’d just drop my extra Overlay layers and set the Smart Object Layer to Color Burn, Opacity 75%. Voila, we have a similar effect. 

Step 4

Made any changes that you don’t want to keep? Simply undo! Within the Smart Object, make sure to save any changes. 

To wrap up, I’m going back to the original color and Blending Modes we were working with earlier. 

Step 5

Finally, I wanted to do a little adjustment here. I copied the water Background Layer and brought it to the front of my Layers. Then, I set the Blending Mode to Screen, Opacity 20%. I just wanted to lighten things up a little.

However, I recommend experimenting with Blending Modes—check out how it looks with Color Dodge or Color Burn! Experimenting with Blending Modes is a great way to get more familiar with them. 

And Now Our Text Is Underwater!

I hope you enjoyed walking through this text effect with me—and I hope you have a lot of fun experimenting with it and making your own underwater text effect Photoshop creations! Again, there are a lot of different ways to distort your text—want to know how to warp text in Photoshop even further? If you’d like to make even more adjustments, I’d recommend taking a look at Edit > Transform > Warp! 

Thanks for following along with me! Good luck with your creative projects!

Love text effects and want to check out more you can experiment with—right now? Check out these other text effects that are ready made and ready to go.

Vintage Text Effects Vol.3

Check out this collection of Vintage Text Effects! There are so many colorful, whimsical, and interesting options to choose from here, perfect for a variety of potential projects. 

80s Text Effects Vol.1

I don’t know about you, but I love the 80s—and I love these awesome 80s text effects! Check out all the saturated colors, the glam, and the sleek, retro style! I’m already thinking about all the cool things I’d love to try out with these. 

Metal Layer Styles – Photoshop Gold Text Effect

These text effects are awesome—and they don’t just come in gold. There’s chrome, bronze, steel… plenty to choose from in these easy-to-use Layer Styles. 

3D Text Effects Vol.3

There are so many fun effects to choose from in this third volume of 3D Text Effects! Easily replace the text with Smart Objects—a snap, right? Check out Volume 1 and Volume 2 for even more effects to try out!

100 Photoshop Layer Styles Bundle – Text Effect

This is a giant collection of Photoshop text effects—plenty to play and experiment with! From textured effects and slimy text effects to fire text effects, this one contains a little bit of everything! What an awesome addition to any collection!

If you enjoyed this tutorial, check out these others! Happy creating!

• 
  Text Effects
  How to Create a Cartoon Rainbow Text Effect in Photoshop
  Daisy Ein

• 
  Text Effects
  Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop
  Enrique Eliçabe

• 
  Text Effects
  How to Create a Quick Broken Glass Text Effect in Adobe Photoshop
  Rose

• 
  3D Text
  50 Amazing 3D Text Tutorials for Photoshop and Illustrator (Beginner to Advanced)
  Melody Nieves

• 
  Adobe Photoshop
  How to Create a Realistic Embroidery Text Effect in Adobe Photoshop
  John Negoita

Post pobrano z: How to Create an Underwater Text Effect in Photoshop

Water can make for such beautiful, inspiring visuals! In this tutorial, we’ll take some text and visually „place it” underwater—creating a wavy text effect, looking down and into the water, with the text visually beneath. 

What You’ll Need

The followings assets are used within this tutorial:

• Water Stock Image
• Fibre Vintage Font

Now, let’s dig right in and start experimenting with some type! 

1. How to Add Text and Texture to a Document

Step 1

Start with a New Document—any size here will do! 

Keep the scope of your project in mind: are you hoping to create something print ready or something for use online? I’m going to work at 850 x 650 for this example, but you might want to work at a higher resolution, if you’d like to print your work.

Once you’re happy with your settings, click OK.

Step 2

Next, Paste your watery background image into your document. In this case, we’ll be using this Water Stock Photo from Envato Elements, but you could use any image you like!

This is going to be the water that we’ll base our text on. 

Step 3

Now, let’s add the text. Simply type out whatever text you’d like, using the Text Tool, in your font of choice. In the case of this example, I’ll be using the font Fibre Vintage. 

Don’t worry about effects or positioning or anything, at this point—just put down the text you’d like first!

I decided to make two different Text Layers. You can make as many as you like. Make the text a dark gray color. 

Step 4

Next, make your Text Layer (or Layers) into a Smart Object. 

To do so, select the applicable Layers, Right-Click (on PC) or Control-Click (on Mac) and select Create Smart Object from the drop-down menu.

We’ll be applying effects to this Smart Object. We’ll be able to more easily preserve and alter the original text this way, if needed.

Step 5

Rotate and position the text however you’d like it, against the water. I opted to rotate it a little, so the shot feels a little more natural. 

Step 6

Now, set this layer’s Blending Mode to Overlay. You’ll notice that this changes the text’s appearance on the water. 

2. How to Create an Underwater Effect

Step 1

One of the major goals here is to have the text appear to be affected by the water. We could do this in a number of ways—like using the Warp Tools, Distort Filters… there are plenty of options! However, in this case, let’s try out the Displace Filter. 

First, select the layer with the water background in it. Click on the thumbnail on the layer to select the content (or press Command-A (on Mac) or Control-A (on PC). 

Now, Create a New Document. Paste this image and Save this document. I called my document „displace.psd”, but you are welcome to call yours whatever you prefer. 

Step 2

Now, let’s go back to our original document. 

Select the layer with our Smart Object. Then, select Filter > Distort > Displace. 

Step 3

Then, you’ll see this popup dialog box. I went with a Horizontal and Vertical Scale of 10, but I would encourage you to experiment with this! I also chose Stretch to Fit, as I’d like the area to be similar to the original background image we’ve used here. 

When you’re happy with your settings, click OK. Remember, if you don’t like the result, you can always Undo (Control-Z on PC, Command-Z on Mac) and try out different values. I often like to experiment a few times.

Select your displace.psd file created earlier as the file that the Displace Filter will use to create this effect. 

Step 4

And here’s what the text looks like with this effect applied. It’s getting closer to what we want, but it still looks kind of clear, doesn’t it? We’d expect to see some blur here, as the water is between us and the water on the ground.

Let’s apply a Gaussian Blur to this Smart Object. Go to Filter > Blur > Gaussian Blur.

Step 5

I went with 2.0 on the radius here, but you may prefer more or less. I’d recommend something that gives it a little bit of a blur, but also stays legible. A lot of blur might look good, but if we can’t read the text well, that might defeat our purpose.

Click OK when you’re happy with the value you’ve chosen. Remember, you can also undo and try again, if you change your mind.

3. How to Add the Finishing Touches

Step 1

So, we’ve got the beginnings of what we’d like to do here—but let’s push it forward and do some more with it. 

Personally, I’d like the text to be darker. We have a few options here. 

I Duplicated the Smart Object Layer twice, leaving the Blending Mode on each set to Overlay. The result was just what I was looking for.

Step 2

However, because we put this type into a Smart Object, we can go back and change it any time we like. Double-click on the thumbnail to open up the Smart Object.

You’ll notice that it contains the text as we originally had it in our document. You can make changes here—like the text color or the text itself. Then, when you save it, this will be reflected in our document.

Step 3

On a side note, keep in mind that these changes might have to be accounted for! For example, changing the color might affect the blending modes—if I make the text light pink, I need to adjust for that (since we worked with a color with a dark value originally). 

In that scenario, I’d just drop my extra Overlay layers and set the Smart Object Layer to Color Burn, Opacity 75%. Voila, we have a similar effect. 

Step 4

Made any changes that you don’t want to keep? Simply undo! Within the Smart Object, make sure to save any changes. 

To wrap up, I’m going back to the original color and Blending Modes we were working with earlier. 

Step 5

Finally, I wanted to do a little adjustment here. I copied the water Background Layer and brought it to the front of my Layers. Then, I set the Blending Mode to Screen, Opacity 20%. I just wanted to lighten things up a little.

However, I recommend experimenting with Blending Modes—check out how it looks with Color Dodge or Color Burn! Experimenting with Blending Modes is a great way to get more familiar with them. 

And Now Our Text Is Underwater!

I hope you enjoyed walking through this text effect with me—and I hope you have a lot of fun experimenting with it and making your own underwater text effect Photoshop creations! Again, there are a lot of different ways to distort your text—want to know how to warp text in Photoshop even further? If you’d like to make even more adjustments, I’d recommend taking a look at Edit > Transform > Warp! 

Thanks for following along with me! Good luck with your creative projects!

Love text effects and want to check out more you can experiment with—right now? Check out these other text effects that are ready made and ready to go.

Vintage Text Effects Vol.3

Check out this collection of Vintage Text Effects! There are so many colorful, whimsical, and interesting options to choose from here, perfect for a variety of potential projects. 

80s Text Effects Vol.1

I don’t know about you, but I love the 80s—and I love these awesome 80s text effects! Check out all the saturated colors, the glam, and the sleek, retro style! I’m already thinking about all the cool things I’d love to try out with these. 

Metal Layer Styles – Photoshop Gold Text Effect

These text effects are awesome—and they don’t just come in gold. There’s chrome, bronze, steel… plenty to choose from in these easy-to-use Layer Styles. 

3D Text Effects Vol.3

There are so many fun effects to choose from in this third volume of 3D Text Effects! Easily replace the text with Smart Objects—a snap, right? Check out Volume 1 and Volume 2 for even more effects to try out!

100 Photoshop Layer Styles Bundle – Text Effect

This is a giant collection of Photoshop text effects—plenty to play and experiment with! From textured effects and slimy text effects to fire text effects, this one contains a little bit of everything! What an awesome addition to any collection!

If you enjoyed this tutorial, check out these others! Happy creating!

• 
  Text Effects
  How to Create a Cartoon Rainbow Text Effect in Photoshop
  Daisy Ein

• 
  Text Effects
  Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop
  Enrique Eliçabe

• 
  Text Effects
  How to Create a Quick Broken Glass Text Effect in Adobe Photoshop
  Rose

• 
  3D Text
  50 Amazing 3D Text Tutorials for Photoshop and Illustrator (Beginner to Advanced)
  Melody Nieves

• 
  Adobe Photoshop
  How to Create a Realistic Embroidery Text Effect in Adobe Photoshop
  John Negoita

Post pobrano z: How to Create an Underwater Text Effect in Photoshop

Water can make for such beautiful, inspiring visuals! In this tutorial, we’ll take some text and visually „place it” underwater—creating a wavy text effect, looking down and into the water, with the text visually beneath. 

What You’ll Need

The followings assets are used within this tutorial:

• Water Stock Image
• Fibre Vintage Font

Now, let’s dig right in and start experimenting with some type! 

1. How to Add Text and Texture to a Document

Step 1

Start with a New Document—any size here will do! 

Keep the scope of your project in mind: are you hoping to create something print ready or something for use online? I’m going to work at 850 x 650 for this example, but you might want to work at a higher resolution, if you’d like to print your work.

Once you’re happy with your settings, click OK.

Step 2

Next, Paste your watery background image into your document. In this case, we’ll be using this Water Stock Photo from Envato Elements, but you could use any image you like!

This is going to be the water that we’ll base our text on. 

Step 3

Now, let’s add the text. Simply type out whatever text you’d like, using the Text Tool, in your font of choice. In the case of this example, I’ll be using the font Fibre Vintage. 

Don’t worry about effects or positioning or anything, at this point—just put down the text you’d like first!

I decided to make two different Text Layers. You can make as many as you like. Make the text a dark gray color. 

Step 4

Next, make your Text Layer (or Layers) into a Smart Object. 

To do so, select the applicable Layers, Right-Click (on PC) or Control-Click (on Mac) and select Create Smart Object from the drop-down menu.

We’ll be applying effects to this Smart Object. We’ll be able to more easily preserve and alter the original text this way, if needed.

Step 5

Rotate and position the text however you’d like it, against the water. I opted to rotate it a little, so the shot feels a little more natural. 

Step 6

Now, set this layer’s Blending Mode to Overlay. You’ll notice that this changes the text’s appearance on the water. 

2. How to Create an Underwater Effect

Step 1

One of the major goals here is to have the text appear to be affected by the water. We could do this in a number of ways—like using the Warp Tools, Distort Filters… there are plenty of options! However, in this case, let’s try out the Displace Filter. 

First, select the layer with the water background in it. Click on the thumbnail on the layer to select the content (or press Command-A (on Mac) or Control-A (on PC). 

Now, Create a New Document. Paste this image and Save this document. I called my document „displace.psd”, but you are welcome to call yours whatever you prefer. 

Step 2

Now, let’s go back to our original document. 

Select the layer with our Smart Object. Then, select Filter > Distort > Displace. 

Step 3

Then, you’ll see this popup dialog box. I went with a Horizontal and Vertical Scale of 10, but I would encourage you to experiment with this! I also chose Stretch to Fit, as I’d like the area to be similar to the original background image we’ve used here. 

When you’re happy with your settings, click OK. Remember, if you don’t like the result, you can always Undo (Control-Z on PC, Command-Z on Mac) and try out different values. I often like to experiment a few times.

Select your displace.psd file created earlier as the file that the Displace Filter will use to create this effect. 

Step 4

And here’s what the text looks like with this effect applied. It’s getting closer to what we want, but it still looks kind of clear, doesn’t it? We’d expect to see some blur here, as the water is between us and the water on the ground.

Let’s apply a Gaussian Blur to this Smart Object. Go to Filter > Blur > Gaussian Blur.

Step 5

I went with 2.0 on the radius here, but you may prefer more or less. I’d recommend something that gives it a little bit of a blur, but also stays legible. A lot of blur might look good, but if we can’t read the text well, that might defeat our purpose.

Click OK when you’re happy with the value you’ve chosen. Remember, you can also undo and try again, if you change your mind.

3. How to Add the Finishing Touches

Step 1

So, we’ve got the beginnings of what we’d like to do here—but let’s push it forward and do some more with it. 

Personally, I’d like the text to be darker. We have a few options here. 

I Duplicated the Smart Object Layer twice, leaving the Blending Mode on each set to Overlay. The result was just what I was looking for.

Step 2

However, because we put this type into a Smart Object, we can go back and change it any time we like. Double-click on the thumbnail to open up the Smart Object.

You’ll notice that it contains the text as we originally had it in our document. You can make changes here—like the text color or the text itself. Then, when you save it, this will be reflected in our document.

Step 3

On a side note, keep in mind that these changes might have to be accounted for! For example, changing the color might affect the blending modes—if I make the text light pink, I need to adjust for that (since we worked with a color with a dark value originally). 

In that scenario, I’d just drop my extra Overlay layers and set the Smart Object Layer to Color Burn, Opacity 75%. Voila, we have a similar effect. 

Step 4

Made any changes that you don’t want to keep? Simply undo! Within the Smart Object, make sure to save any changes. 

To wrap up, I’m going back to the original color and Blending Modes we were working with earlier. 

Step 5

Finally, I wanted to do a little adjustment here. I copied the water Background Layer and brought it to the front of my Layers. Then, I set the Blending Mode to Screen, Opacity 20%. I just wanted to lighten things up a little.

However, I recommend experimenting with Blending Modes—check out how it looks with Color Dodge or Color Burn! Experimenting with Blending Modes is a great way to get more familiar with them. 

And Now Our Text Is Underwater!

I hope you enjoyed walking through this text effect with me—and I hope you have a lot of fun experimenting with it and making your own underwater text effect Photoshop creations! Again, there are a lot of different ways to distort your text—want to know how to warp text in Photoshop even further? If you’d like to make even more adjustments, I’d recommend taking a look at Edit > Transform > Warp! 

Thanks for following along with me! Good luck with your creative projects!

Love text effects and want to check out more you can experiment with—right now? Check out these other text effects that are ready made and ready to go.

Vintage Text Effects Vol.3

Check out this collection of Vintage Text Effects! There are so many colorful, whimsical, and interesting options to choose from here, perfect for a variety of potential projects. 

80s Text Effects Vol.1

I don’t know about you, but I love the 80s—and I love these awesome 80s text effects! Check out all the saturated colors, the glam, and the sleek, retro style! I’m already thinking about all the cool things I’d love to try out with these. 

Metal Layer Styles – Photoshop Gold Text Effect

These text effects are awesome—and they don’t just come in gold. There’s chrome, bronze, steel… plenty to choose from in these easy-to-use Layer Styles. 

3D Text Effects Vol.3

There are so many fun effects to choose from in this third volume of 3D Text Effects! Easily replace the text with Smart Objects—a snap, right? Check out Volume 1 and Volume 2 for even more effects to try out!

100 Photoshop Layer Styles Bundle – Text Effect

This is a giant collection of Photoshop text effects—plenty to play and experiment with! From textured effects and slimy text effects to fire text effects, this one contains a little bit of everything! What an awesome addition to any collection!

If you enjoyed this tutorial, check out these others! Happy creating!

• 
  Text Effects
  How to Create a Cartoon Rainbow Text Effect in Photoshop
  Daisy Ein

• 
  Text Effects
  Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop
  Enrique Eliçabe

• 
  Text Effects
  How to Create a Quick Broken Glass Text Effect in Adobe Photoshop
  Rose

• 
  3D Text
  50 Amazing 3D Text Tutorials for Photoshop and Illustrator (Beginner to Advanced)
  Melody Nieves

• 
  Adobe Photoshop
  How to Create a Realistic Embroidery Text Effect in Adobe Photoshop
  John Negoita

Post pobrano z: How to Create an Animated Text Effect Photoshop Action

In this tutorial, we will create a VHS-style 3D Photoshop effect for text layers using smart filters, gradient fills, and video overlays.

You can find plenty of Photoshop text actions on GraphicRiver, and if you want to create this 3D text effect in just a few simple clicks, then check my Animated VHS Text Effect Action created the same way.

Tutorial Assets

• Bebas Neue Font or any other similar font you want to use for this effect
• VHS Video Overlay

1. How to Prepare the Document

Step 1

Press Control-N to create a new document and use the following settings: 

• 1920 x 1080 px
• 300 dpi

Step 2

Create a new layer using Shift-Control-N and name it „placeholder”.

Step 3

Right-Click on the layer and select Convert to Smart Object.

Step 4

After that, Right-Click > Edit Contents on the „placeholder” layer.

Step 5

Click T to open the Horizontal Type Tool and create any text using the Bebas Neue font with a size of 84 pt. After that, close and save the placeholder.

Step 6

Right-Click on the smart object, select Duplicate, and create two duplicates of the layer.

Step 7

Rename the layer to „text” and „glow” and make the first smart object Invisible.

Step 8

Select the background layer and Fill it with #141414 color using Shift-F5.

2. How to Create VHS Text Effects

Step 1

Now let’s start to create our text effects. Select the „Text” layer and then go to Filter > Blur > Gaussian Blur and set the Radius to 2 px.

Step 2

After that, go to Filter > Blur > Motion Blur and use the following settings: 

• Angle: 90°
• Distance: 60 px

Step 3

Go to Filter > Distortion > Wave and use the following settings: 

• Number of Generators: 1
• Wavelength: 1 and 298
• Amplitude: 1 and 6
• Type: Sine

Step 4

Now we need to create layer style effects. Double Click on the Layer and then go to Gradient Overlay.

Step 5

Use the following settings for your gradient:  

• Blend Mode: Normal
• Opacity: 100%
• Angle: -180°

Set the following colors for your gradient: #fc3d4f ; #fd7335 ; #f57c21.

Step 6

After that, you need to add Gaussian Blur and Wave Effect with the same parameters to the „glow” layer.

Step 7

Double-Click on the layer and add an Outer Glow effect with the same gradient as we use before and the following settings: 

• Blend Mode: Screen
• Opacity: 100%
• Spread: 4%
• Size: 12 px

Step 8

Change the Fill setting of the layer to 0%.

Step 9

Select your smart objects while holding Shift, and then hit the Create a New Group icon and name it „Main Text”.

Step 10

Create two duplicates of the group and name them „Color Shift 01” and „Color Shift 02”.

Step 11

Double-Click on the „Color Shift 01” layer and Uncheck the Green and Blue color channels.

Step 12

Double-Click on the „Color Shift 02” layer and Uncheck the Red and Green color channels.

Step 13

Move the „Color Shift 01” group of layers 4 px to the left while holding Shift.

Step 14

Move the „Color Shift 02” group of layers 8 px to the right while holding Shift.

3. How to Create Overlaying Elements

Step 1

Now we need to create „TV Lines” overlay textures. Create a new layer using Shift-Control-N and Fill it with #282828 color.

Step 2

Go to Filter > Filter Gallery > Sketch and select Halftone Pattern. Use the following settings: 

• Size: 2
• Contrast: 50

Step 3

Create a duplicate of the layer and then move it 1080 px up while holding Shift.

Step 4

After that, you need to select both of the layers and move them 1080 px up again.

Step 5

Create another duplicate of the „layer 1” and then move it 1080 px down.

Step 6

Select all three layers and Right Click > Merge Layers. Name it „TV Lines”.

Step 7

Change the Blending Mode of the layer to Overlay and the Opacity to 25%.

Step 8

Go to File > Place and then select the MP4 file from the attachment of this tutorial. Resize and rotate it to the borders of the document.

Step 9

Change the Blending Mode of the layer to Screen.

Step 10

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Video Overlays”.

Step 11

Now we need to create gradient overlays for our video. Go to Layer > New Fill Layer > Gradient and create two gradients. Name them „Light Leaks 01” and „Light Leaks 02”.

Step 12

Double-Click on the first gradient fill in the Layers panel and use the following settings: 

• Style: Linear
• Angle: -35°
• Scale: 232%

Step 13

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #ff7511, Location: 0%; Opacity: 100%
• Location: 35%; Opacity: 82%
• Location: 51%; Opacity: 0%
• Color: #e90f43, Location: 61%;
• Location: 67%; Opacity: 82%
• Color: #f3005e, Location: 100%; Opacity: 100%

Step 14

Double-Click on the second gradient fill in the layer panel and use the following settings: 

• Style: Linear
• Angle: -171°
• Scale: 232%

Step 15

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #315934, Location: 0%; Opacity: 100%
• Color: #ac9102, Location: 100%; Opacity: 100%

Step 16

Change the Blending Modes of both gradients to Color Dodge.

Step 17

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Light Leaks”.

4. How to Create the Animation of the Layers

Step 1

Now we are ready to start creating our animation. Go to Window > Timeline and click on the Create Video Timeline icon.

Step 2

Reduce the duration of the timeline to 05:00 by moving the icon shown below.

Step 3

Now you need to create the first keyframe. Select the „Text” layer and click on the Timer icon near Transform to create the first Keyframe.

Step 4

Move the Time Indicator to 0:00:00:10 and then move the layer 15 px up while holding Shift.

Step 5

Move the Time Indicator to 0:00:00:20 and then move the layer 15 px down while holding Shift.

Step 6

Select the keyframes we just created while holding Shift and then Right-Click > Copy.

Step 7

Move the Time Indicator to 0:00:01:00 and then hit the Keyframe icon.

Step 8

After that, Right-Click > Paste on the last keyframe to duplicate the keyframes we created before.

Step 9

Create duplicates of the keyframes until you fill the whole timeline.

Step 10

Select all the keyframes of the „text” layer and paste them for the „glow” layer.

Step 11

Select the „TV Lines” layer and click on the Timer icon near Position to create the first Keyframe.

Step 12

Move the Time Indicator to 0:00:05:00 and move the layer 2160 px down while holding Shift.

Step 13

Select the „Light Leaks 01” layer in the timeline panel and reduce the size of the clip to Start: 02:00 and Duration: 02:00.

Step 14

Select the „Light Leaks 02” layer in the timeline panel and reduce the size of the clip to Start: 03:00 and Duration: 02:00.

Step 15

Click on the Transitions icon and select Fade.

Step 16

Drag and drop the Fade transition to the start and the end of the „light leak 01”.

Step 17

Right-Click and change the duration of both Fade transitions to 0.97 s.

Step 18

After that, you need to apply the same transition with the same duration to the second „light leaks” layer.

Step 19

Create a new layer using Shift-Control-N, and then fill it with black color and name it „Fade In/Out”.

Step 20

Change the Fill of the layer to 0%.

Step 21

And finally, Drag and drop the Fade With Black transition to the start and the end of the „Fade In/Out” layer.

5. How to Render the Animation as a Video

Step 1

Our animation is now ready for rendering. Click on the icon in the upper right corner and select Render Video.  

Step 2

Set the following settings in the Render Video panel: 

• Format: H.264
• Size: Document Size
• Range: All Frames

Awesome Work, You’re Now Done!

Your video is ready! In this manner, we can create an animated VHS text effect in Adobe Photoshop using the smart objects, gradient fills, filters and video overlays.

I hope you enjoyed this tutorial, and if you want to create this effect using Photoshop actions, you can check my Animated VHS Text Effect Action on GraphicRiver, which will help you to create this text effect in a few simple clicks.

• 
  Glitch
  How to Create an Editable Animated RGB Glitch Effect in Adobe Photoshop
  Mohammad Jeprie

• 
  Text Effects
  How to Create an Easy Digital Glitch Text Effect in Adobe Photoshop
  Rose

• 
  Animation
  How to Create a Glitch Animated Gif Action in Adobe Photoshop
  Ivan Gromov

• 
  Glitch
  How to Create a Set of Glitches in Adobe Photoshop
  Laura Keung

Post pobrano z: How to Create an Animated Text Effect Photoshop Action

In this tutorial, we will create a VHS-style 3D Photoshop effect for text layers using smart filters, gradient fills, and video overlays.

You can find plenty of Photoshop text actions on GraphicRiver, and if you want to create this 3D text effect in just a few simple clicks, then check my Animated VHS Text Effect Action created the same way.

Tutorial Assets

• Bebas Neue Font or any other similar font you want to use for this effect
• VHS Video Overlay

1. How to Prepare the Document

Step 1

Press Control-N to create a new document and use the following settings: 

• 1920 x 1080 px
• 300 dpi

Step 2

Create a new layer using Shift-Control-N and name it „placeholder”.

Step 3

Right-Click on the layer and select Convert to Smart Object.

Step 4

After that, Right-Click > Edit Contents on the „placeholder” layer.

Step 5

Click T to open the Horizontal Type Tool and create any text using the Bebas Neue font with a size of 84 pt. After that, close and save the placeholder.

Step 6

Right-Click on the smart object, select Duplicate, and create two duplicates of the layer.

Step 7

Rename the layer to „text” and „glow” and make the first smart object Invisible.

Step 8

Select the background layer and Fill it with #141414 color using Shift-F5.

2. How to Create VHS Text Effects

Step 1

Now let’s start to create our text effects. Select the „Text” layer and then go to Filter > Blur > Gaussian Blur and set the Radius to 2 px.

Step 2

After that, go to Filter > Blur > Motion Blur and use the following settings: 

• Angle: 90°
• Distance: 60 px

Step 3

Go to Filter > Distortion > Wave and use the following settings: 

• Number of Generators: 1
• Wavelength: 1 and 298
• Amplitude: 1 and 6
• Type: Sine

Step 4

Now we need to create layer style effects. Double Click on the Layer and then go to Gradient Overlay.

Step 5

Use the following settings for your gradient:  

• Blend Mode: Normal
• Opacity: 100%
• Angle: -180°

Set the following colors for your gradient: #fc3d4f ; #fd7335 ; #f57c21.

Step 6

After that, you need to add Gaussian Blur and Wave Effect with the same parameters to the „glow” layer.

Step 7

Double-Click on the layer and add an Outer Glow effect with the same gradient as we use before and the following settings: 

• Blend Mode: Screen
• Opacity: 100%
• Spread: 4%
• Size: 12 px

Step 8

Change the Fill setting of the layer to 0%.

Step 9

Select your smart objects while holding Shift, and then hit the Create a New Group icon and name it „Main Text”.

Step 10

Create two duplicates of the group and name them „Color Shift 01” and „Color Shift 02”.

Step 11

Double-Click on the „Color Shift 01” layer and Uncheck the Green and Blue color channels.

Step 12

Double-Click on the „Color Shift 02” layer and Uncheck the Red and Green color channels.

Step 13

Move the „Color Shift 01” group of layers 4 px to the left while holding Shift.

Step 14

Move the „Color Shift 02” group of layers 8 px to the right while holding Shift.

3. How to Create Overlaying Elements

Step 1

Now we need to create „TV Lines” overlay textures. Create a new layer using Shift-Control-N and Fill it with #282828 color.

Step 2

Go to Filter > Filter Gallery > Sketch and select Halftone Pattern. Use the following settings: 

• Size: 2
• Contrast: 50

Step 3

Create a duplicate of the layer and then move it 1080 px up while holding Shift.

Step 4

After that, you need to select both of the layers and move them 1080 px up again.

Step 5

Create another duplicate of the „layer 1” and then move it 1080 px down.

Step 6

Select all three layers and Right Click > Merge Layers. Name it „TV Lines”.

Step 7

Change the Blending Mode of the layer to Overlay and the Opacity to 25%.

Step 8

Go to File > Place and then select the MP4 file from the attachment of this tutorial. Resize and rotate it to the borders of the document.

Step 9

Change the Blending Mode of the layer to Screen.

Step 10

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Video Overlays”.

Step 11

Now we need to create gradient overlays for our video. Go to Layer > New Fill Layer > Gradient and create two gradients. Name them „Light Leaks 01” and „Light Leaks 02”.

Step 12

Double-Click on the first gradient fill in the Layers panel and use the following settings: 

• Style: Linear
• Angle: -35°
• Scale: 232%

Step 13

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #ff7511, Location: 0%; Opacity: 100%
• Location: 35%; Opacity: 82%
• Location: 51%; Opacity: 0%
• Color: #e90f43, Location: 61%;
• Location: 67%; Opacity: 82%
• Color: #f3005e, Location: 100%; Opacity: 100%

Step 14

Double-Click on the second gradient fill in the layer panel and use the following settings: 

• Style: Linear
• Angle: -171°
• Scale: 232%

Step 15

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #315934, Location: 0%; Opacity: 100%
• Color: #ac9102, Location: 100%; Opacity: 100%

Step 16

Change the Blending Modes of both gradients to Color Dodge.

Step 17

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Light Leaks”.

4. How to Create the Animation of the Layers

Step 1

Now we are ready to start creating our animation. Go to Window > Timeline and click on the Create Video Timeline icon.

Step 2

Reduce the duration of the timeline to 05:00 by moving the icon shown below.

Step 3

Now you need to create the first keyframe. Select the „Text” layer and click on the Timer icon near Transform to create the first Keyframe.

Step 4

Move the Time Indicator to 0:00:00:10 and then move the layer 15 px up while holding Shift.

Step 5

Move the Time Indicator to 0:00:00:20 and then move the layer 15 px down while holding Shift.

Step 6

Select the keyframes we just created while holding Shift and then Right-Click > Copy.

Step 7

Move the Time Indicator to 0:00:01:00 and then hit the Keyframe icon.

Step 8

After that, Right-Click > Paste on the last keyframe to duplicate the keyframes we created before.

Step 9

Create duplicates of the keyframes until you fill the whole timeline.

Step 10

Select all the keyframes of the „text” layer and paste them for the „glow” layer.

Step 11

Select the „TV Lines” layer and click on the Timer icon near Position to create the first Keyframe.

Step 12

Move the Time Indicator to 0:00:05:00 and move the layer 2160 px down while holding Shift.

Step 13

Select the „Light Leaks 01” layer in the timeline panel and reduce the size of the clip to Start: 02:00 and Duration: 02:00.

Step 14

Select the „Light Leaks 02” layer in the timeline panel and reduce the size of the clip to Start: 03:00 and Duration: 02:00.

Step 15

Click on the Transitions icon and select Fade.

Step 16

Drag and drop the Fade transition to the start and the end of the „light leak 01”.

Step 17

Right-Click and change the duration of both Fade transitions to 0.97 s.

Step 18

After that, you need to apply the same transition with the same duration to the second „light leaks” layer.

Step 19

Create a new layer using Shift-Control-N, and then fill it with black color and name it „Fade In/Out”.

Step 20

Change the Fill of the layer to 0%.

Step 21

And finally, Drag and drop the Fade With Black transition to the start and the end of the „Fade In/Out” layer.

5. How to Render the Animation as a Video

Step 1

Our animation is now ready for rendering. Click on the icon in the upper right corner and select Render Video.  

Step 2

Set the following settings in the Render Video panel: 

• Format: H.264
• Size: Document Size
• Range: All Frames

Awesome Work, You’re Now Done!

Your video is ready! In this manner, we can create an animated VHS text effect in Adobe Photoshop using the smart objects, gradient fills, filters and video overlays.

I hope you enjoyed this tutorial, and if you want to create this effect using Photoshop actions, you can check my Animated VHS Text Effect Action on GraphicRiver, which will help you to create this text effect in a few simple clicks.

• 
  Glitch
  How to Create an Editable Animated RGB Glitch Effect in Adobe Photoshop
  Mohammad Jeprie

• 
  Text Effects
  How to Create an Easy Digital Glitch Text Effect in Adobe Photoshop
  Rose

• 
  Animation
  How to Create a Glitch Animated Gif Action in Adobe Photoshop
  Ivan Gromov

• 
  Glitch
  How to Create a Set of Glitches in Adobe Photoshop
  Laura Keung

Post pobrano z: How to Create an Animated Text Effect Photoshop Action

In this tutorial, we will create a VHS-style 3D Photoshop effect for text layers using smart filters, gradient fills, and video overlays.

You can find plenty of Photoshop text actions on GraphicRiver, and if you want to create this 3D text effect in just a few simple clicks, then check my Animated VHS Text Effect Action created the same way.

Tutorial Assets

• Bebas Neue Font or any other similar font you want to use for this effect
• VHS Video Overlay

1. How to Prepare the Document

Step 1

Press Control-N to create a new document and use the following settings: 

• 1920 x 1080 px
• 300 dpi

Step 2

Create a new layer using Shift-Control-N and name it „placeholder”.

Step 3

Right-Click on the layer and select Convert to Smart Object.

Step 4

After that, Right-Click > Edit Contents on the „placeholder” layer.

Step 5

Click T to open the Horizontal Type Tool and create any text using the Bebas Neue font with a size of 84 pt. After that, close and save the placeholder.

Step 6

Right-Click on the smart object, select Duplicate, and create two duplicates of the layer.

Step 7

Rename the layer to „text” and „glow” and make the first smart object Invisible.

Step 8

Select the background layer and Fill it with #141414 color using Shift-F5.

2. How to Create VHS Text Effects

Step 1

Now let’s start to create our text effects. Select the „Text” layer and then go to Filter > Blur > Gaussian Blur and set the Radius to 2 px.

Step 2

After that, go to Filter > Blur > Motion Blur and use the following settings: 

• Angle: 90°
• Distance: 60 px

Step 3

Go to Filter > Distortion > Wave and use the following settings: 

• Number of Generators: 1
• Wavelength: 1 and 298
• Amplitude: 1 and 6
• Type: Sine

Step 4

Now we need to create layer style effects. Double Click on the Layer and then go to Gradient Overlay.

Step 5

Use the following settings for your gradient:  

• Blend Mode: Normal
• Opacity: 100%
• Angle: -180°

Set the following colors for your gradient: #fc3d4f ; #fd7335 ; #f57c21.

Step 6

After that, you need to add Gaussian Blur and Wave Effect with the same parameters to the „glow” layer.

Step 7

Double-Click on the layer and add an Outer Glow effect with the same gradient as we use before and the following settings: 

• Blend Mode: Screen
• Opacity: 100%
• Spread: 4%
• Size: 12 px

Step 8

Change the Fill setting of the layer to 0%.

Step 9

Select your smart objects while holding Shift, and then hit the Create a New Group icon and name it „Main Text”.

Step 10

Create two duplicates of the group and name them „Color Shift 01” and „Color Shift 02”.

Step 11

Double-Click on the „Color Shift 01” layer and Uncheck the Green and Blue color channels.

Step 12

Double-Click on the „Color Shift 02” layer and Uncheck the Red and Green color channels.

Step 13

Move the „Color Shift 01” group of layers 4 px to the left while holding Shift.

Step 14

Move the „Color Shift 02” group of layers 8 px to the right while holding Shift.

3. How to Create Overlaying Elements

Step 1

Now we need to create „TV Lines” overlay textures. Create a new layer using Shift-Control-N and Fill it with #282828 color.

Step 2

Go to Filter > Filter Gallery > Sketch and select Halftone Pattern. Use the following settings: 

• Size: 2
• Contrast: 50

Step 3

Create a duplicate of the layer and then move it 1080 px up while holding Shift.

Step 4

After that, you need to select both of the layers and move them 1080 px up again.

Step 5

Create another duplicate of the „layer 1” and then move it 1080 px down.

Step 6

Select all three layers and Right Click > Merge Layers. Name it „TV Lines”.

Step 7

Change the Blending Mode of the layer to Overlay and the Opacity to 25%.

Step 8

Go to File > Place and then select the MP4 file from the attachment of this tutorial. Resize and rotate it to the borders of the document.

Step 9

Change the Blending Mode of the layer to Screen.

Step 10

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Video Overlays”.

Step 11

Now we need to create gradient overlays for our video. Go to Layer > New Fill Layer > Gradient and create two gradients. Name them „Light Leaks 01” and „Light Leaks 02”.

Step 12

Double-Click on the first gradient fill in the Layers panel and use the following settings: 

• Style: Linear
• Angle: -35°
• Scale: 232%

Step 13

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #ff7511, Location: 0%; Opacity: 100%
• Location: 35%; Opacity: 82%
• Location: 51%; Opacity: 0%
• Color: #e90f43, Location: 61%;
• Location: 67%; Opacity: 82%
• Color: #f3005e, Location: 100%; Opacity: 100%

Step 14

Double-Click on the second gradient fill in the layer panel and use the following settings: 

• Style: Linear
• Angle: -171°
• Scale: 232%

Step 15

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #315934, Location: 0%; Opacity: 100%
• Color: #ac9102, Location: 100%; Opacity: 100%

Step 16

Change the Blending Modes of both gradients to Color Dodge.

Step 17

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Light Leaks”.

4. How to Create the Animation of the Layers

Step 1

Now we are ready to start creating our animation. Go to Window > Timeline and click on the Create Video Timeline icon.

Step 2

Reduce the duration of the timeline to 05:00 by moving the icon shown below.

Step 3

Now you need to create the first keyframe. Select the „Text” layer and click on the Timer icon near Transform to create the first Keyframe.

Step 4

Move the Time Indicator to 0:00:00:10 and then move the layer 15 px up while holding Shift.

Step 5

Move the Time Indicator to 0:00:00:20 and then move the layer 15 px down while holding Shift.

Step 6

Select the keyframes we just created while holding Shift and then Right-Click > Copy.

Step 7

Move the Time Indicator to 0:00:01:00 and then hit the Keyframe icon.

Step 8

After that, Right-Click > Paste on the last keyframe to duplicate the keyframes we created before.

Step 9

Create duplicates of the keyframes until you fill the whole timeline.

Step 10

Select all the keyframes of the „text” layer and paste them for the „glow” layer.

Step 11

Select the „TV Lines” layer and click on the Timer icon near Position to create the first Keyframe.

Step 12

Move the Time Indicator to 0:00:05:00 and move the layer 2160 px down while holding Shift.

Step 13

Select the „Light Leaks 01” layer in the timeline panel and reduce the size of the clip to Start: 02:00 and Duration: 02:00.

Step 14

Select the „Light Leaks 02” layer in the timeline panel and reduce the size of the clip to Start: 03:00 and Duration: 02:00.

Step 15

Click on the Transitions icon and select Fade.

Step 16

Drag and drop the Fade transition to the start and the end of the „light leak 01”.

Step 17

Right-Click and change the duration of both Fade transitions to 0.97 s.

Step 18

After that, you need to apply the same transition with the same duration to the second „light leaks” layer.

Step 19

Create a new layer using Shift-Control-N, and then fill it with black color and name it „Fade In/Out”.

Step 20

Change the Fill of the layer to 0%.

Step 21

And finally, Drag and drop the Fade With Black transition to the start and the end of the „Fade In/Out” layer.

5. How to Render the Animation as a Video

Step 1

Our animation is now ready for rendering. Click on the icon in the upper right corner and select Render Video.  

Step 2

Set the following settings in the Render Video panel: 

• Format: H.264
• Size: Document Size
• Range: All Frames

Awesome Work, You’re Now Done!

Your video is ready! In this manner, we can create an animated VHS text effect in Adobe Photoshop using the smart objects, gradient fills, filters and video overlays.

I hope you enjoyed this tutorial, and if you want to create this effect using Photoshop actions, you can check my Animated VHS Text Effect Action on GraphicRiver, which will help you to create this text effect in a few simple clicks.

• 
  Glitch
  How to Create an Editable Animated RGB Glitch Effect in Adobe Photoshop
  Mohammad Jeprie

• 
  Text Effects
  How to Create an Easy Digital Glitch Text Effect in Adobe Photoshop
  Rose

• 
  Animation
  How to Create a Glitch Animated Gif Action in Adobe Photoshop
  Ivan Gromov

• 
  Glitch
  How to Create a Set of Glitches in Adobe Photoshop
  Laura Keung

Post pobrano z: How to Create an Animated Text Effect Photoshop Action

In this tutorial, we will create a VHS-style 3D Photoshop effect for text layers using smart filters, gradient fills, and video overlays.

You can find plenty of Photoshop text actions on GraphicRiver, and if you want to create this 3D text effect in just a few simple clicks, then check my Animated VHS Text Effect Action created the same way.

Tutorial Assets

• Bebas Neue Font or any other similar font you want to use for this effect
• VHS Video Overlay

1. How to Prepare the Document

Step 1

Press Control-N to create a new document and use the following settings: 

• 1920 x 1080 px
• 300 dpi

Step 2

Create a new layer using Shift-Control-N and name it „placeholder”.

Step 3

Right-Click on the layer and select Convert to Smart Object.

Step 4

After that, Right-Click > Edit Contents on the „placeholder” layer.

Step 5

Click T to open the Horizontal Type Tool and create any text using the Bebas Neue font with a size of 84 pt. After that, close and save the placeholder.

Step 6

Right-Click on the smart object, select Duplicate, and create two duplicates of the layer.

Step 7

Rename the layer to „text” and „glow” and make the first smart object Invisible.

Step 8

Select the background layer and Fill it with #141414 color using Shift-F5.

2. How to Create VHS Text Effects

Step 1

Now let’s start to create our text effects. Select the „Text” layer and then go to Filter > Blur > Gaussian Blur and set the Radius to 2 px.

Step 2

After that, go to Filter > Blur > Motion Blur and use the following settings: 

• Angle: 90°
• Distance: 60 px

Step 3

Go to Filter > Distortion > Wave and use the following settings: 

• Number of Generators: 1
• Wavelength: 1 and 298
• Amplitude: 1 and 6
• Type: Sine

Step 4

Now we need to create layer style effects. Double Click on the Layer and then go to Gradient Overlay.

Step 5

Use the following settings for your gradient:  

• Blend Mode: Normal
• Opacity: 100%
• Angle: -180°

Set the following colors for your gradient: #fc3d4f ; #fd7335 ; #f57c21.

Step 6

After that, you need to add Gaussian Blur and Wave Effect with the same parameters to the „glow” layer.

Step 7

Double-Click on the layer and add an Outer Glow effect with the same gradient as we use before and the following settings: 

• Blend Mode: Screen
• Opacity: 100%
• Spread: 4%
• Size: 12 px

Step 8

Change the Fill setting of the layer to 0%.

Step 9

Select your smart objects while holding Shift, and then hit the Create a New Group icon and name it „Main Text”.

Step 10

Create two duplicates of the group and name them „Color Shift 01” and „Color Shift 02”.

Step 11

Double-Click on the „Color Shift 01” layer and Uncheck the Green and Blue color channels.

Step 12

Double-Click on the „Color Shift 02” layer and Uncheck the Red and Green color channels.

Step 13

Move the „Color Shift 01” group of layers 4 px to the left while holding Shift.

Step 14

Move the „Color Shift 02” group of layers 8 px to the right while holding Shift.

3. How to Create Overlaying Elements

Step 1

Now we need to create „TV Lines” overlay textures. Create a new layer using Shift-Control-N and Fill it with #282828 color.

Step 2

Go to Filter > Filter Gallery > Sketch and select Halftone Pattern. Use the following settings: 

• Size: 2
• Contrast: 50

Step 3

Create a duplicate of the layer and then move it 1080 px up while holding Shift.

Step 4

After that, you need to select both of the layers and move them 1080 px up again.

Step 5

Create another duplicate of the „layer 1” and then move it 1080 px down.

Step 6

Select all three layers and Right Click > Merge Layers. Name it „TV Lines”.

Step 7

Change the Blending Mode of the layer to Overlay and the Opacity to 25%.

Step 8

Go to File > Place and then select the MP4 file from the attachment of this tutorial. Resize and rotate it to the borders of the document.

Step 9

Change the Blending Mode of the layer to Screen.

Step 10

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Video Overlays”.

Step 11

Now we need to create gradient overlays for our video. Go to Layer > New Fill Layer > Gradient and create two gradients. Name them „Light Leaks 01” and „Light Leaks 02”.

Step 12

Double-Click on the first gradient fill in the Layers panel and use the following settings: 

• Style: Linear
• Angle: -35°
• Scale: 232%

Step 13

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #ff7511, Location: 0%; Opacity: 100%
• Location: 35%; Opacity: 82%
• Location: 51%; Opacity: 0%
• Color: #e90f43, Location: 61%;
• Location: 67%; Opacity: 82%
• Color: #f3005e, Location: 100%; Opacity: 100%

Step 14

Double-Click on the second gradient fill in the layer panel and use the following settings: 

• Style: Linear
• Angle: -171°
• Scale: 232%

Step 15

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #315934, Location: 0%; Opacity: 100%
• Color: #ac9102, Location: 100%; Opacity: 100%

Step 16

Change the Blending Modes of both gradients to Color Dodge.

Step 17

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Light Leaks”.

4. How to Create the Animation of the Layers

Step 1

Now we are ready to start creating our animation. Go to Window > Timeline and click on the Create Video Timeline icon.

Step 2

Reduce the duration of the timeline to 05:00 by moving the icon shown below.

Step 3

Now you need to create the first keyframe. Select the „Text” layer and click on the Timer icon near Transform to create the first Keyframe.

Step 4

Move the Time Indicator to 0:00:00:10 and then move the layer 15 px up while holding Shift.

Step 5

Move the Time Indicator to 0:00:00:20 and then move the layer 15 px down while holding Shift.

Step 6

Select the keyframes we just created while holding Shift and then Right-Click > Copy.

Step 7

Move the Time Indicator to 0:00:01:00 and then hit the Keyframe icon.

Step 8

After that, Right-Click > Paste on the last keyframe to duplicate the keyframes we created before.

Step 9

Create duplicates of the keyframes until you fill the whole timeline.

Step 10

Select all the keyframes of the „text” layer and paste them for the „glow” layer.

Step 11

Select the „TV Lines” layer and click on the Timer icon near Position to create the first Keyframe.

Step 12

Move the Time Indicator to 0:00:05:00 and move the layer 2160 px down while holding Shift.

Step 13

Select the „Light Leaks 01” layer in the timeline panel and reduce the size of the clip to Start: 02:00 and Duration: 02:00.

Step 14

Select the „Light Leaks 02” layer in the timeline panel and reduce the size of the clip to Start: 03:00 and Duration: 02:00.

Step 15

Click on the Transitions icon and select Fade.

Step 16

Drag and drop the Fade transition to the start and the end of the „light leak 01”.

Step 17

Right-Click and change the duration of both Fade transitions to 0.97 s.

Step 18

After that, you need to apply the same transition with the same duration to the second „light leaks” layer.

Step 19

Create a new layer using Shift-Control-N, and then fill it with black color and name it „Fade In/Out”.

Step 20

Change the Fill of the layer to 0%.

Step 21

And finally, Drag and drop the Fade With Black transition to the start and the end of the „Fade In/Out” layer.

5. How to Render the Animation as a Video

Step 1

Our animation is now ready for rendering. Click on the icon in the upper right corner and select Render Video.  

Step 2

Set the following settings in the Render Video panel: 

• Format: H.264
• Size: Document Size
• Range: All Frames

Awesome Work, You’re Now Done!

Your video is ready! In this manner, we can create an animated VHS text effect in Adobe Photoshop using the smart objects, gradient fills, filters and video overlays.

I hope you enjoyed this tutorial, and if you want to create this effect using Photoshop actions, you can check my Animated VHS Text Effect Action on GraphicRiver, which will help you to create this text effect in a few simple clicks.

• 
  Glitch
  How to Create an Editable Animated RGB Glitch Effect in Adobe Photoshop
  Mohammad Jeprie

• 
  Text Effects
  How to Create an Easy Digital Glitch Text Effect in Adobe Photoshop
  Rose

• 
  Animation
  How to Create a Glitch Animated Gif Action in Adobe Photoshop
  Ivan Gromov

• 
  Glitch
  How to Create a Set of Glitches in Adobe Photoshop
  Laura Keung

Post pobrano z: How to Create an Animated Text Effect Photoshop Action

In this tutorial, we will create a VHS-style 3D Photoshop effect for text layers using smart filters, gradient fills, and video overlays.

You can find plenty of Photoshop text actions on GraphicRiver, and if you want to create this 3D text effect in just a few simple clicks, then check my Animated VHS Text Effect Action created the same way.

Tutorial Assets

• Bebas Neue Font or any other similar font you want to use for this effect
• VHS Video Overlay

1. How to Prepare the Document

Step 1

Press Control-N to create a new document and use the following settings: 

• 1920 x 1080 px
• 300 dpi

Step 2

Create a new layer using Shift-Control-N and name it „placeholder”.

Step 3

Right-Click on the layer and select Convert to Smart Object.

Step 4

After that, Right-Click > Edit Contents on the „placeholder” layer.

Step 5

Click T to open the Horizontal Type Tool and create any text using the Bebas Neue font with a size of 84 pt. After that, close and save the placeholder.

Step 6

Right-Click on the smart object, select Duplicate, and create two duplicates of the layer.

Step 7

Rename the layer to „text” and „glow” and make the first smart object Invisible.

Step 8

Select the background layer and Fill it with #141414 color using Shift-F5.

2. How to Create VHS Text Effects

Step 1

Now let’s start to create our text effects. Select the „Text” layer and then go to Filter > Blur > Gaussian Blur and set the Radius to 2 px.

Step 2

After that, go to Filter > Blur > Motion Blur and use the following settings: 

• Angle: 90°
• Distance: 60 px

Step 3

Go to Filter > Distortion > Wave and use the following settings: 

• Number of Generators: 1
• Wavelength: 1 and 298
• Amplitude: 1 and 6
• Type: Sine

Step 4

Now we need to create layer style effects. Double Click on the Layer and then go to Gradient Overlay.

Step 5

Use the following settings for your gradient:  

• Blend Mode: Normal
• Opacity: 100%
• Angle: -180°

Set the following colors for your gradient: #fc3d4f ; #fd7335 ; #f57c21.

Step 6

After that, you need to add Gaussian Blur and Wave Effect with the same parameters to the „glow” layer.

Step 7

Double-Click on the layer and add an Outer Glow effect with the same gradient as we use before and the following settings: 

• Blend Mode: Screen
• Opacity: 100%
• Spread: 4%
• Size: 12 px

Step 8

Change the Fill setting of the layer to 0%.

Step 9

Select your smart objects while holding Shift, and then hit the Create a New Group icon and name it „Main Text”.

Step 10

Create two duplicates of the group and name them „Color Shift 01” and „Color Shift 02”.

Step 11

Double-Click on the „Color Shift 01” layer and Uncheck the Green and Blue color channels.

Step 12

Double-Click on the „Color Shift 02” layer and Uncheck the Red and Green color channels.

Step 13

Move the „Color Shift 01” group of layers 4 px to the left while holding Shift.

Step 14

Move the „Color Shift 02” group of layers 8 px to the right while holding Shift.

3. How to Create Overlaying Elements

Step 1

Now we need to create „TV Lines” overlay textures. Create a new layer using Shift-Control-N and Fill it with #282828 color.

Step 2

Go to Filter > Filter Gallery > Sketch and select Halftone Pattern. Use the following settings: 

• Size: 2
• Contrast: 50

Step 3

Create a duplicate of the layer and then move it 1080 px up while holding Shift.

Step 4

After that, you need to select both of the layers and move them 1080 px up again.

Step 5

Create another duplicate of the „layer 1” and then move it 1080 px down.

Step 6

Select all three layers and Right Click > Merge Layers. Name it „TV Lines”.

Step 7

Change the Blending Mode of the layer to Overlay and the Opacity to 25%.

Step 8

Go to File > Place and then select the MP4 file from the attachment of this tutorial. Resize and rotate it to the borders of the document.

Step 9

Change the Blending Mode of the layer to Screen.

Step 10

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Video Overlays”.

Step 11

Now we need to create gradient overlays for our video. Go to Layer > New Fill Layer > Gradient and create two gradients. Name them „Light Leaks 01” and „Light Leaks 02”.

Step 12

Double-Click on the first gradient fill in the Layers panel and use the following settings: 

• Style: Linear
• Angle: -35°
• Scale: 232%

Step 13

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #ff7511, Location: 0%; Opacity: 100%
• Location: 35%; Opacity: 82%
• Location: 51%; Opacity: 0%
• Color: #e90f43, Location: 61%;
• Location: 67%; Opacity: 82%
• Color: #f3005e, Location: 100%; Opacity: 100%

Step 14

Double-Click on the second gradient fill in the layer panel and use the following settings: 

• Style: Linear
• Angle: -171°
• Scale: 232%

Step 15

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #315934, Location: 0%; Opacity: 100%
• Color: #ac9102, Location: 100%; Opacity: 100%

Step 16

Change the Blending Modes of both gradients to Color Dodge.

Step 17

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Light Leaks”.

4. How to Create the Animation of the Layers

Step 1

Now we are ready to start creating our animation. Go to Window > Timeline and click on the Create Video Timeline icon.

Step 2

Reduce the duration of the timeline to 05:00 by moving the icon shown below.

Step 3

Now you need to create the first keyframe. Select the „Text” layer and click on the Timer icon near Transform to create the first Keyframe.

Step 4

Move the Time Indicator to 0:00:00:10 and then move the layer 15 px up while holding Shift.

Step 5

Move the Time Indicator to 0:00:00:20 and then move the layer 15 px down while holding Shift.

Step 6

Select the keyframes we just created while holding Shift and then Right-Click > Copy.

Step 7

Move the Time Indicator to 0:00:01:00 and then hit the Keyframe icon.

Step 8

After that, Right-Click > Paste on the last keyframe to duplicate the keyframes we created before.

Step 9

Create duplicates of the keyframes until you fill the whole timeline.

Step 10

Select all the keyframes of the „text” layer and paste them for the „glow” layer.

Step 11

Select the „TV Lines” layer and click on the Timer icon near Position to create the first Keyframe.

Step 12

Move the Time Indicator to 0:00:05:00 and move the layer 2160 px down while holding Shift.

Step 13

Select the „Light Leaks 01” layer in the timeline panel and reduce the size of the clip to Start: 02:00 and Duration: 02:00.

Step 14

Select the „Light Leaks 02” layer in the timeline panel and reduce the size of the clip to Start: 03:00 and Duration: 02:00.

Step 15

Click on the Transitions icon and select Fade.

Step 16

Drag and drop the Fade transition to the start and the end of the „light leak 01”.

Step 17

Right-Click and change the duration of both Fade transitions to 0.97 s.

Step 18

After that, you need to apply the same transition with the same duration to the second „light leaks” layer.

Step 19

Create a new layer using Shift-Control-N, and then fill it with black color and name it „Fade In/Out”.

Step 20

Change the Fill of the layer to 0%.

Step 21

And finally, Drag and drop the Fade With Black transition to the start and the end of the „Fade In/Out” layer.

5. How to Render the Animation as a Video

Step 1

Our animation is now ready for rendering. Click on the icon in the upper right corner and select Render Video.  

Step 2

Set the following settings in the Render Video panel: 

• Format: H.264
• Size: Document Size
• Range: All Frames

Awesome Work, You’re Now Done!

Your video is ready! In this manner, we can create an animated VHS text effect in Adobe Photoshop using the smart objects, gradient fills, filters and video overlays.

I hope you enjoyed this tutorial, and if you want to create this effect using Photoshop actions, you can check my Animated VHS Text Effect Action on GraphicRiver, which will help you to create this text effect in a few simple clicks.

• 
  Glitch
  How to Create an Editable Animated RGB Glitch Effect in Adobe Photoshop
  Mohammad Jeprie

• 
  Text Effects
  How to Create an Easy Digital Glitch Text Effect in Adobe Photoshop
  Rose

• 
  Animation
  How to Create a Glitch Animated Gif Action in Adobe Photoshop
  Ivan Gromov

• 
  Glitch
  How to Create a Set of Glitches in Adobe Photoshop
  Laura Keung

Post pobrano z: How to Create an Animated Text Effect Photoshop Action

In this tutorial, we will create a VHS-style 3D Photoshop effect for text layers using smart filters, gradient fills, and video overlays.

You can find plenty of Photoshop text actions on GraphicRiver, and if you want to create this 3D text effect in just a few simple clicks, then check my Animated VHS Text Effect Action created the same way.

Tutorial Assets

• Bebas Neue Font or any other similar font you want to use for this effect
• VHS Video Overlay

1. How to Prepare the Document

Step 1

Press Control-N to create a new document and use the following settings: 

• 1920 x 1080 px
• 300 dpi

Step 2

Create a new layer using Shift-Control-N and name it „placeholder”.

Step 3

Right-Click on the layer and select Convert to Smart Object.

Step 4

After that, Right-Click > Edit Contents on the „placeholder” layer.

Step 5

Click T to open the Horizontal Type Tool and create any text using the Bebas Neue font with a size of 84 pt. After that, close and save the placeholder.

Step 6

Right-Click on the smart object, select Duplicate, and create two duplicates of the layer.

Step 7

Rename the layer to „text” and „glow” and make the first smart object Invisible.

Step 8

Select the background layer and Fill it with #141414 color using Shift-F5.

2. How to Create VHS Text Effects

Step 1

Now let’s start to create our text effects. Select the „Text” layer and then go to Filter > Blur > Gaussian Blur and set the Radius to 2 px.

Step 2

After that, go to Filter > Blur > Motion Blur and use the following settings: 

• Angle: 90°
• Distance: 60 px

Step 3

Go to Filter > Distortion > Wave and use the following settings: 

• Number of Generators: 1
• Wavelength: 1 and 298
• Amplitude: 1 and 6
• Type: Sine

Step 4

Now we need to create layer style effects. Double Click on the Layer and then go to Gradient Overlay.

Step 5

Use the following settings for your gradient:  

• Blend Mode: Normal
• Opacity: 100%
• Angle: -180°

Set the following colors for your gradient: #fc3d4f ; #fd7335 ; #f57c21.

Step 6

After that, you need to add Gaussian Blur and Wave Effect with the same parameters to the „glow” layer.

Step 7

Double-Click on the layer and add an Outer Glow effect with the same gradient as we use before and the following settings: 

• Blend Mode: Screen
• Opacity: 100%
• Spread: 4%
• Size: 12 px

Step 8

Change the Fill setting of the layer to 0%.

Step 9

Select your smart objects while holding Shift, and then hit the Create a New Group icon and name it „Main Text”.

Step 10

Create two duplicates of the group and name them „Color Shift 01” and „Color Shift 02”.

Step 11

Double-Click on the „Color Shift 01” layer and Uncheck the Green and Blue color channels.

Step 12

Double-Click on the „Color Shift 02” layer and Uncheck the Red and Green color channels.

Step 13

Move the „Color Shift 01” group of layers 4 px to the left while holding Shift.

Step 14

Move the „Color Shift 02” group of layers 8 px to the right while holding Shift.

3. How to Create Overlaying Elements

Step 1

Now we need to create „TV Lines” overlay textures. Create a new layer using Shift-Control-N and Fill it with #282828 color.

Step 2

Go to Filter > Filter Gallery > Sketch and select Halftone Pattern. Use the following settings: 

• Size: 2
• Contrast: 50

Step 3

Create a duplicate of the layer and then move it 1080 px up while holding Shift.

Step 4

After that, you need to select both of the layers and move them 1080 px up again.

Step 5

Create another duplicate of the „layer 1” and then move it 1080 px down.

Step 6

Select all three layers and Right Click > Merge Layers. Name it „TV Lines”.

Step 7

Change the Blending Mode of the layer to Overlay and the Opacity to 25%.

Step 8

Go to File > Place and then select the MP4 file from the attachment of this tutorial. Resize and rotate it to the borders of the document.

Step 9

Change the Blending Mode of the layer to Screen.

Step 10

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Video Overlays”.

Step 11

Now we need to create gradient overlays for our video. Go to Layer > New Fill Layer > Gradient and create two gradients. Name them „Light Leaks 01” and „Light Leaks 02”.

Step 12

Double-Click on the first gradient fill in the Layers panel and use the following settings: 

• Style: Linear
• Angle: -35°
• Scale: 232%

Step 13

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #ff7511, Location: 0%; Opacity: 100%
• Location: 35%; Opacity: 82%
• Location: 51%; Opacity: 0%
• Color: #e90f43, Location: 61%;
• Location: 67%; Opacity: 82%
• Color: #f3005e, Location: 100%; Opacity: 100%

Step 14

Double-Click on the second gradient fill in the layer panel and use the following settings: 

• Style: Linear
• Angle: -171°
• Scale: 232%

Step 15

After that, Left-Click on the Gradient in the same panel and create a new gradient with the following settings: 

• Color: #315934, Location: 0%; Opacity: 100%
• Color: #ac9102, Location: 100%; Opacity: 100%

Step 16

Change the Blending Modes of both gradients to Color Dodge.

Step 17

Select your overlay layers while holding Shift, and then hit the Create a New Group icon and name it „Light Leaks”.

4. How to Create the Animation of the Layers

Step 1

Now we are ready to start creating our animation. Go to Window > Timeline and click on the Create Video Timeline icon.

Step 2

Reduce the duration of the timeline to 05:00 by moving the icon shown below.

Step 3

Now you need to create the first keyframe. Select the „Text” layer and click on the Timer icon near Transform to create the first Keyframe.

Step 4

Move the Time Indicator to 0:00:00:10 and then move the layer 15 px up while holding Shift.

Step 5

Move the Time Indicator to 0:00:00:20 and then move the layer 15 px down while holding Shift.

Step 6

Select the keyframes we just created while holding Shift and then Right-Click > Copy.

Step 7

Move the Time Indicator to 0:00:01:00 and then hit the Keyframe icon.

Step 8

After that, Right-Click > Paste on the last keyframe to duplicate the keyframes we created before.

Step 9

Create duplicates of the keyframes until you fill the whole timeline.

Step 10

Select all the keyframes of the „text” layer and paste them for the „glow” layer.

Step 11

Select the „TV Lines” layer and click on the Timer icon near Position to create the first Keyframe.

Step 12

Move the Time Indicator to 0:00:05:00 and move the layer 2160 px down while holding Shift.

Step 13

Select the „Light Leaks 01” layer in the timeline panel and reduce the size of the clip to Start: 02:00 and Duration: 02:00.

Step 14

Select the „Light Leaks 02” layer in the timeline panel and reduce the size of the clip to Start: 03:00 and Duration: 02:00.

Step 15

Click on the Transitions icon and select Fade.

Step 16

Drag and drop the Fade transition to the start and the end of the „light leak 01”.

Step 17

Right-Click and change the duration of both Fade transitions to 0.97 s.

Step 18

After that, you need to apply the same transition with the same duration to the second „light leaks” layer.

Step 19

Create a new layer using Shift-Control-N, and then fill it with black color and name it „Fade In/Out”.

Step 20

Change the Fill of the layer to 0%.

Step 21

And finally, Drag and drop the Fade With Black transition to the start and the end of the „Fade In/Out” layer.

5. How to Render the Animation as a Video

Step 1

Our animation is now ready for rendering. Click on the icon in the upper right corner and select Render Video.  

Step 2

Set the following settings in the Render Video panel: 

• Format: H.264
• Size: Document Size
• Range: All Frames

Awesome Work, You’re Now Done!

Your video is ready! In this manner, we can create an animated VHS text effect in Adobe Photoshop using the smart objects, gradient fills, filters and video overlays.

I hope you enjoyed this tutorial, and if you want to create this effect using Photoshop actions, you can check my Animated VHS Text Effect Action on GraphicRiver, which will help you to create this text effect in a few simple clicks.

• 
  Glitch
  How to Create an Editable Animated RGB Glitch Effect in Adobe Photoshop
  Mohammad Jeprie

• 
  Text Effects
  How to Create an Easy Digital Glitch Text Effect in Adobe Photoshop
  Rose

• 
  Animation
  How to Create a Glitch Animated Gif Action in Adobe Photoshop
  Ivan Gromov

• 
  Glitch
  How to Create a Set of Glitches in Adobe Photoshop
  Laura Keung