It has been a while since I registered Mars, and now I will share some of my original tutorials with you.
Although similar effects can be made in FLASH... but it is still quite interesting to do it in PS. Maybe everyone can use this tutorial to use their brains...to make animations that can intersect with FLASH!
Let's take a look at the effect first...
1. Create a new file. The background is black. The size can be customized (I use 500*200 here).
Click the "Horizontal Text Mask Tool" and enter design. You can also customize it.
2. I just entered the text and forgot to create a new layer... Now create a new one (Layer 1),
click Edit-Stroke.. The parameters are as shown in the figure. Finalize
3. Filter-Gaussian Blur... Radius is also 1 pixel.. OK.
4. Add a layer style to layer 1...set outer glow...you can also customize the parameters...as long as you achieve the desired effect...as shown in the figure
5. Then check the inner glow first...the color is lighter than the outer glow. (It feels shiny).
Note: the blending mode must be adjusted to normal so that the color can be seen.
6. Press CTRL+Layer 1, load the selection,
select-modify-extend...20 pixels, confirm
the selection-feather-pixel is 15, confirm
to retain the selection, and create a new blank layer (layer 2) as shown in the figure
7. Change the foreground color to the same color as the outer glow you just made (here it is green),
press ALT+DEL to fill in the color... Then change the opacity of the layer to 60%.
The current neon light will be used. It was initially completed, and then the main event slowly began.
8. Create a new empty layer...switch to the path panel,
click the custom shape tool. Then select the corresponding shape...connect a path in the workspace, and then use the direct selection tool on the toolbar to modify the path. Transform (just follow your own preferences)...as shown in the picture
9. Dot Painting Stroke Tool... In Stroke Presets - Stroke Tip Shape, set the stroke spacing as shown in the figure.
10. Then check "Color Dynamic" and set the color as shown in the figure
11. Because we have checked the foreground/background dithering in color dynamics... so the color of the path scanned by the brush is dithered according to the foreground and background, so we change the background to yellow
to make the dithering effect more vivid.. .(Other colors are also available)
12. Click under the path panel to scan the path with strokes. The effect is as shown below
13. Hold down CTRL and click on the scanned layer (layer 3), load the selection,
click Select-Modify-Shrink, the shrinkage amount is 2 pixels. OK.
14. Click Select-Feather. 1 pixel, confirm
and then select Image-Adjustment-Brightness/Contrast. Increase the brightness and confirm
to cancel the selection.
15. There is a missing picture here. I have to talk about a few steps together.
Merge layer 1 to layer 2. Make a copy of layer 2. Create a
new adjustment layer-color balance in layer 2. In the window Move the slider to green... (Just customize the amount...) I am sure
because I am using PS2 and there is an animation in it. If it is other older versions, I have to transfer it to ImageReady. The operation method is Same, here we take PS2 as an example.
Find the animation panel, there is one frame by default, and copy 2 more. As shown in the figure
16. Tick off the eye in front of the copy of layer 2 that corresponds to frame 1 in the animation;
tick off the eye in front of the copy of layer 2 that corresponds to frame 2 in the animation
. I think everyone has a certain understanding of frames... I won’t explain it here.
17. Set the 3rd frame the same as the 1st frame...as shown in the figure
18. Click on the first frame to transition according to the animation frame...The parameters are as shown in the figure
19. After confirmation, 2 frames were added to the original 3 frames. As shown in the figure
20. Click on the 4th frame to transition according to the animation frame...The parameters are the same as the 1st frame. As shown in the figure
21. After confirmation, 2 frames are added as shown in the figure.
22. Click on layer 3 (surrounding dots) and copy 6 copies. As shown in the figure
23. On the first frame, display the corresponding eye of layer 3. Turn off the eyes of other copies of layer 3. Press CTRL+U on layer 3... and adjust the hue in hue/saturation. As shown in the picture
24. Display the eyes next to the copy of layer 3 corresponding to the second frame. Turn off the eyes of other layers 3 and copies of layer 3.
Then press CTRL+U on layer 3 to adjust the hue/saturation. Adjust the hue in the middle, and the parameters are slightly larger than the ones just now. By analogy
as shown in the figure, other layer 3 also changes and adjusts according to the changes in the frame...
Finally, add... Delay the frames of all animation frames Change the time to 0.1 seconds.
Complete
as shownClick the play button in the animation bar. Now let's make it move...