banner



Home  ›  How To Make A Text Shine Animation Photoshop

How To Make A Text Shine Animation Photoshop

Written By Tuesday, July 5, 2022 Add Comment Edit

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

You can observe 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 Activeness created the same way.

httpsgraphicrivernetitemanimated-vhs-text-effect-action23844478 httpsgraphicrivernetitemanimated-vhs-text-effect-action23844478 httpsgraphicrivernetitemanimated-vhs-text-effect-action23844478

When yous're done with this tutorial, check out 10 ways to optimize the terminal product for spider web use from this guide:

Tutorial Assets

  • Bebas Neue Font or whatsoever other similar font y'all desire to employ for this result
  • VHS Video Overlay

1. How to Prepare the Document

Step one

PressCommand-North to create a new certificate and use the post-obit settings:

  • 1920 ten 1080 px
  • 300 dpi
Creating a new document in photoshop Creating a new document in photoshop Creating a new document in photoshop

Step 2

Create a new layer usingShift-Command-Nand proper noun it "placeholder".

Creating a new layer Creating a new layer Creating a new layer

Step iii

Right-Clickon the layer and select Convert to Smart Object.

Converting image to smart object Converting image to smart object Converting image to smart object

Step 4

After that,Correct-Click > Edit Contents on the "placeholder" layer.

opening the smart object opening the smart object opening the smart object

Step 5

ClickT to open theHorizontal Type Tool and create whatever text using the Bebas Neue font with a size of84 pt. Afterwards that, close and salvage the placeholder.

Creating a text layer Creating a text layer Creating a text layer

Step half-dozen

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

Creating duplicates of the layer Creating duplicates of the layer Creating duplicates of the layer

Pace seven

Rename the layer to "text" and "glow" and make the get-go smart object Invisible.

Renaming the layers Renaming the layers Renaming the layers

Step 8

Select the groundwork layer andFill it with#141414 color usingShift-F5.

Filling the backgrond with the color Filling the backgrond with the color Filling the backgrond with the color

2. How to Create VHS Text Furnishings

Stride 1

At present permit'southward showtime to create our text furnishings. Select the "Text" layer and then become toFilter > Blur > Gaussian Blurand set theRadius to ii px.

Creating gaussian blur effect Creating gaussian blur effect Creating gaussian blur effect

Stride 2

Subsequently that, go toFilter > Blur > Movement Blurand use the post-obit settings:

  • Bending: xc°
  • Distance: lx px
Creating motion blur effect Creating motion blur effect Creating motion blur effect

Stride 3

Go toFilter > Distortion > Waveand use the post-obit settings:

  • Number of Generators: 1
  • Wavelength: 1 and 298
  • Amplitude: one and half-dozen
  • Blazon: Sine
Creating Wave Effect Creating Wave Effect Creating Wave Effect

Footstep 4

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

Creating a gradient overlay Creating a gradient overlay Creating a gradient overlay

Step 5

Utilize the following settings for your slope:

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

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

Setting up the gradient Setting up the gradient Setting up the gradient

Step 6

After that, you need to add Gaussian Blur and Wave Event with the same parameters to the "glow" layer.

Adding the smart filters to the second layer Adding the smart filters to the second layer Adding the smart filters to the second layer

Pace 7

Double-Click on the layer and add anOuter Glow effect with the same slope as nosotros use before and the following settings:

  • Blend Fashion: Screen
  • Opacity: 100%
  • Spread: iv%
  • Size: 12 px
Adding the outer glow effect Adding the outer glow effect Adding the outer glow effect

Step 8

Modify the Fill setting of the layer to 0%.

changing the fill setting of the layer changing the fill setting of the layer changing the fill setting of the layer

Footstep nine

Select your smart objects while holdingShift, and then hit theCreate a New Groupingicon and name it "Main Text".

creating first group of the layer creating first group of the layer creating first group of the layer

Step 10

Create two duplicates of the grouping and name them "Color Shift 01" and "Color Shift 02".

creating the duplicates of the group of layers creating the duplicates of the group of layers creating the duplicates of the group of layers

Step 11

Double-Click on the "Colour Shift 01" layer and Uncheck the Dark-green andBluish color channels.

Creating the first color shift effect Creating the first color shift effect Creating the first color shift effect

Step 12

Double-Clickon the "Color Shift 02" layer andUncheck theRedandGreen color channels.

Creating the second color shift effect Creating the second color shift effect Creating the second color shift effect

Pace xiii

Move the "Color Shift 01" group of layers 4 px to the left while holdingShift.

Moving the group of layers Moving the group of layers Moving the group of layers

Step 14

Move the "Color Shift 02" group of layers viii px to the right while holdingShift.

Moving the second group of layers Moving the second group of layers Moving the second group of layers

3. How to Create Overlaying Elements

Pace 1

Now we need to create "Idiot box Lines" overlay textures. Create a new layer usingShift-Control-N and Fill it with #282828 colour.

Creating a new layer Creating a new layer Creating a new layer

Step 2

Get toFilter > Filter Gallery > Sketch and selectHalftone Pattern. Utilise the following settings:

  • Size: 2
  • Contrast: 50
Adding a halftone effect to the layer Adding a halftone effect to the layer Adding a halftone effect to the layer

Step 3

Create a duplicate of the layer and and then movement it 1080 px up while holdingShift .

Creating a duplicate of the layer Creating a duplicate of the layer Creating a duplicate of the layer

Step 4

After that, you need to select both of the layers and motion them 1080 px upwardly once again.

Moving the layer Moving the layer Moving the layer

Step 5

Create another duplicate of the "layer 1" and and so motility it 1080 px down.

Moving the last layer Moving the last layer Moving the last layer

Footstep 6

Select all three layers and Right Click > Merge Layers. Proper name it "TV Lines".

Merging the layers Merging the layers Merging the layers

Stride 7

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

changing the blending mode and opacity of the layer changing the blending mode and opacity of the layer changing the blending mode and opacity of the layer

Step 8

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

Placing the video overlay Placing the video overlay Placing the video overlay

Step 9

Alter the Blending Mode of the layer to Screen.

Changing the blending mode of the layer Changing the blending mode of the layer Changing the blending mode of the layer

Step 10

Select your overlay layers while holdingShift, then hit theCreate a New Groupingicon and name it "Video Overlays".

creating a group of the layers creating a group of the layers creating a group of the layers

Step 11

At present we demand to create slope overlays for our video. Go toLayer > New Make full Layer > Gradient and create two gradients. Name them "Light Leaks 01" and "Lite Leaks 02".

creating the gradient fill layers creating the gradient fill layers creating the gradient fill layers

Step 12

Double-Click on the showtime slope fill in the Layers panel and utilize the following settings:

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

setting up the first gradient fill setting up the first gradient fill setting up the first gradient fill

Step thirteen

After that, Left-Click on theSlopein the same paneland 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%
  • Colour: #f3005e,Location: 100%; Opacity: 100%
Setting up the colors of the first gradient Setting up the colors of the first gradient Setting up the colors of the first gradient

Footstep 14

Double-Click on the second gradient fill in the layer console and apply the following settings:

  • Style: Linear
  • Angle: -171°
  • Scale: 232%
setting up the second gradient fill setting up the second gradient fill setting up the second gradient fill

Step 15

Subsequently that, Left-Click on theGradientin the same consoleand create a new gradient with the following settings:

  • Color: #315934,Location: 0%; Opacity: 100%
  • Color: #ac9102,Location: 100%; Opacity: 100%
Setting up the colors of the second gradient Setting up the colors of the second gradient Setting up the colors of the second gradient

Stride 16

Change the Blending Modes of both gradients to Color Dodge.

Changing the blending modes of the layers Changing the blending modes of the layers Changing the blending modes of the layers

Step 17

Select your overlay layers while belongingsShift, and then hit theCreate a New Groupicon and proper name it "Low-cal Leaks".

creating the group of the gradients creating the group of the gradients creating the group of the gradients

4. How to Create the Blitheness of the Layers

Step 1

Now nosotros are fix to start creating our blitheness. Go toWindow > Timeline and click on theCreate Video Timeline icon.

creating a timeline creating a timeline creating a timeline

Pace ii

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

changing the duration of the timeline changing the duration of the timeline changing the duration of the timeline

Footstep 3

Now you lot demand to create the first keyframe. Select the "Text" layer and click on theTimer icon nearTransform to create the commencementKeyframe.

creating the first keyframe creating the first keyframe creating the first keyframe

Step iv

Move theTime Indicator to0:00:00:tenand and then move the layer 15 px upwards while belongingsShift.

creating the second keyframe creating the second keyframe creating the second keyframe

Pace 5

Move theFourth dimension Indicator to0:00:00:20and then move the layer xv pxdownward while holdingShift.

creating the second keyframe creating the second keyframe creating the second keyframe

Step half dozen

Select the keyframes we only created while belongings Shift and and soRight-Click > Copy.

copying the keyframes copying the keyframes copying the keyframes

Step 7

Move theFourth dimension Indicator to0:00:01:00and so hit the Keyframe icon.

creating an empty keyframe creating an empty keyframe creating an empty keyframe

Footstep viii

After that,Correct-Click > Paste on the concluding keyframe to duplicate the keyframes we created earlier.

pasting the keyframes pasting the keyframes pasting the keyframes

Step 9

Create duplicates of the keyframes until y'all fill up the whole timeline.

create the animation for the first layer create the animation for the first layer create the animation for the first layer

Step 10

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

creating the animation for the second text layer creating the animation for the second text layer creating the animation for the second text layer

Step 11

Select the "Goggle box Lines" layer and click on theTimer icon nearPosition to create the firstKeyframe.

creating the first keyframe for the tv lines texture creating the first keyframe for the tv lines texture creating the first keyframe for the tv lines texture

Step 12

Move theTime Indicator to0:00:05:00and motility the layer2160 px down while holdingShift.

creating the last keyframe for the tv lines texture creating the last keyframe for the tv lines texture creating the last keyframe for the tv lines texture

Step thirteen

Select the "Low-cal Leaks 01" layer in the timeline panel and reduce the size of the clip toStart: 02:00 andDuration: 02:00.

Reducing the time of the clip Reducing the time of the clip Reducing the time of the clip

Pace 14

Select the "Light Leaks 02" layer in the timeline panel and reduce the size of the clip to Get-go: 03:00 and Duration: 02:00.

Reducing the time of the clip Reducing the time of the clip Reducing the time of the clip

Step 15

Click on the Transitions icon and select Fade.

creating the fade effect creating the fade effect creating the fade effect

Step 16

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

applying the fade effect to the first gradient applying the fade effect to the first gradient applying the fade effect to the first gradient

Step 17

Correct-Click and modify the duration of both Fade transitions to 0.97 southward.

changing the duration of the fade effect changing the duration of the fade effect changing the duration of the fade effect

Footstep 18

Afterward that, you need to apply the same transition with the same duration to the 2d "low-cal leaks" layer.

creating the fade transitions for the second light leaks creating the fade transitions for the second light leaks creating the fade transitions for the second light leaks

Stride 19

Create a new layer usingShift-Control-Northward, and then fill information technology with black color and name information technology "Fade In/Out".

Creating a fade inout effect Creating a fade inout effect Creating a fade inout effect

Pace 20

Change the Fill of the layer to 0%.

changing the fill setting of the layer changing the fill setting of the layer changing the fill setting of the layer

Step 21

And finally,Elevateanddrop theFade With Black transition to the beginning and the stop of the "Fade In/Out" layer.

Creating fade in and out effect Creating fade in and out effect Creating fade in and out effect

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 correct corner and selectRender Video.

opening the render panel opening the render panel opening the render panel

Pace 2

Set the following settings in theRender Videopanel:

  • Format: H.264
  • Size: Document Size
  • Range: All Frames
setting up the render options setting up the render options setting up the render options

Crawly Work, You're Now Done!

Your video is ready! In this fashion, we can create an animated VHS text event 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 deportment, you can bank check my Animated VHS Text Outcome Action on GraphicRiver, which volition aid you to create this text effect in a few uncomplicated clicks.

httpsgraphicrivernetitemanimated-vhs-text-effect-action23844478 httpsgraphicrivernetitemanimated-vhs-text-effect-action23844478 httpsgraphicrivernetitemanimated-vhs-text-effect-action23844478

Source: https://design.tutsplus.com/tutorials/how-to-create-animated-text-effect-photoshop-action--cms-33484

Posted by: sanbornraveld.blogspot.com

0 Response to "How To Make A Text Shine Animation Photoshop"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel