Photoshop design brilliant beam text animation effect production tutorial

Source: Internet
Author: User
We will give you a detailed analysis of the photoshop software and share with you the tutorial on creating beautiful beam text animation effects.
Tutorial sharing:
1. Create a 700*500 pixel canvas with a black background. Select the text tool and add the desired text. The font color is blue-purple: # 8316fe. The effect is shown in the following figure.

 

<Figure 1> 2. Copy the text layer and right-click the raster text layer ". Create a new group, drag the raster text to the group, and copy the text again, as shown in figure 3.

 

<Figure 2>

 

<Figure 3>
3. Move the text to the right of the canvas, as shown in the following figure.

 

<Figure 4> 4. Run the filter on the text.> blur> radial blur. Set the parameters as shown in figure 5. The effect is shown in figure 6. Note that the center of the radial blur is also right-aligned.

 

<Figure 5>

 

<Figure 6>
5. Press Ctrl + F to strengthen the beam six times. The effect is shown in the following figure.

 

<Figure 7> 6. Run: filter> sharpen> USM sharpen. The parameters are shown in the following figure.

 

<Figure 8>
7. Run: filter> blur> radial blur. Set the parameters as shown in Figure 9. Press Ctrl + F to strengthen the beam three times. The effect is shown in Figure 10.

 

<Figure 9>

 

<Figure 10>
8. Move the beam to the text, as shown in the following figure.

 

<Figure 11> 9. Copy the beam layer to a layer. The bottom of the beam layer locks the opacity pixel of the layer and fills it in white, as shown in the following figure.

 

<Figure 12>
10. Change the blending mode of the top beam layer to "overlay", as shown in the following figure.

 

<Figure 13>
11. Create a new group and create other beam using the same method. Adjust the center of the beam as shown in the following figure.

 

<Figure 14>

 

<Figure 15> 12. Copy the bottom text layer, press Ctrl + Shift +] to the top, and change the blending mode to "filter color", as shown in the following figure.

 

<Figure 16>
13. Create a new layer on the top of the layer, use the oval box selection tool to pull out the Oval selection area shown in the following figure, press Ctrl + Alt + D to feather 15 pixels and fill in white.

 

<Figure 17>
14. Copy the current layer to a layer, lock the opacity pixel of the layer, and fill it with blue-purple: # 8316fe. Change the blending mode to "overlay". The effect is shown in the following figure.

 

<Figure 18>
15. The beam part is basically complete. Next we will make an animation. Choose window> animation.

 

<Figure 19> 16. Select the first frame. Only the first group is displayed on the layer panel, as shown in the following figure.

 

<Figure 20>
17. Set the time to 0.1 seconds in the time selection menu.

 

<Figure 21>
18. Click Create to create a frame.

 

<Figure 22>
19. Set the beam part on the newly created frame to show only the middle frame, as shown in the following figure.

 

<Figure 23> 20. Return to the first frame, click the transition button under the panel, and set the parameters as shown in Figure 24. The effect is shown in Figure 25.

 

<Figure 24>

 

<Figure 25>
21. Return to the last frame and create a new frame. The layer only displays the top beam, as shown in the following figure.

 

<Figure 26>
22. Return to the previous frame and set the transition as above, as shown in the following figure.

 

<Figure 27> 23. Return to the last frame and create a new frame. Only the middle beam is displayed, as shown in the following figure.

 

<Figure 28>
24. Set the transition as above, return to the last frame, create a new frame, only display the bottom of the beam, and then set the transition.

 

<Figure 29>
25. After the basic settings of the animation are completed, click the play button to preview the animation and save it. Select File> save as all Web formats and name it to export the GIF animation.

 

<Figure 30>
Final effect:

 

All right, the above information is all the content that is shared by the detailed tutorial on creating beautiful beam text animation effects for users of this software in photoshop, you can see the software users here. I believe that we are very clear about the production tutorial of the beam text animation, then everyone will try to make the desired beam text animation according to the tutorial above.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.