Photoshop animated Tour of the Starry matte font

Photoshop Animated Tour of the Starry matte font

The tutorial mainly uses Photoshop to make the sparkling matte font animation tutorial, a few days of dynamic text tutorials, there are students to reflect the difficulty of the operation, today to a relatively easy to use. Many beginners do not understand the animation principle, the author also deliberately singled out, lively and appropriate, easy to understand, a learning will be. The material and the source document are ready, just wait for a rise posture.

Open PS and create a new document. Document size I choose 600px*800px. After the new success, select the Gradient tool and draw a line gradient background along the diagonal of the brush. Color values transition from #0a485a to #1180a0.

Here the text I chose a more coarse zigzag, of course, is not a fine shape is not suitable. The text color is set to #08d7f0. Grid the text. Here I would suggest that you zoom in on the edges of the text to make the edges more "clean."

Some people ask, can you choose a different color here? It's all right! The choice of color should be noted that, first of all, the background can not grab the mirror. So the background color must be darker than the color of the text. Second, the color of the text because to highlight the "shiny", so do not use too dim color. The entire screen to maintain a unified color, because the flash is enough eye-catching effect, therefore, no longer need to add fancy color collocation to "attractive eye".

Third, understand the basic principles of animation

Before doing GIF animation, I would like to share with you the basic principles of animation. Many people probably know that the animations we see are made up of frames. In general, there are 25 frames in 1 seconds, and for ordinary animations, 6 frames require an original picture. I understand the animation, which is similar to the magician, so that the static screen at a fast speed switch, so that your eyes think it is moving.

So, back to the animation effect we're going to do today, here's what we're going to do is a sparkling animation, which is the change in the light point effect. Like a sparkling lake, the light reflected by the sunlight is constantly flashing.

After this sort of comb, we know that what we're going to do next is create a shiny, different effect, and then let the effects slide. At the same time, the text remains unchanged. So, this flash effect can become authentic. That's right. Understand the principle, you can start!

Copy the type Layer two and change to three text layers.

Go to filter > Noise > Add noise, add a noise filter for three text layers, and set the noise number to 15%, 16%, 17%, and three layers in the noise filter, respectively, with a Gaussian distribution and a single box that cancels monochrome.

Next, we create a new layer on top of each type layer and then use our star brush to add a literal sparkle to each text. I used to love and hate this process, because it is too free, the final effect is difficult to grasp, but enough to cultivate the artistic sense of design.

Two stars the brush resource is provided with a different brush after installation, but the original brush may not fit my requirements, and you can modify the brush size and brush direction in the brush.

The brush remains white, and the flash effect of the three layers changes somewhat. If you want the brush to be more "light", you can click a few more times. In short, this part of the free play, can let people find a little artistic creation feeling.

Merge the three flashing layers that were in the previous step with three text layers. Select the layer you want to merge, right-click, and click the merge layer.

In the window > timeline, after the timeline is selected, the timeline appears below the editing area, and the button "create video timeline" between the single hits.

Then, into the timeline editor, we see that all of our layers appear in the timeline. All we need to do is to get the layers in these four tracks to be arranged.

For the basic principles of animation editing, you can imagine yourself as a stage director, and it is up to you to arrange when each layer is to play and when to exit. For example, in this case, we first need to determine the duration of our stage performance. Since the sparkling effect should be very fast, then we will set the animation full time for 0.6 seconds good. The four layers here, only the background layer will be kept on the stage, so we drag the background layer end to 0.6 seconds here.

The timeline is in frames, so you don't know where the 0.6 seconds are? It doesn't matter, when you drag, the time unit automatically appears. Next, the three layers on the stage, the director means that three of them will play at 0.2 seconds each. That is to refer to the three-track picture, which lasts for 0.2 seconds respectively. Then, you can drag and drop each layer in the appropriate order. You can also click the Play button to try the effect. If you are not satisfied, you can continue to modify.

It's as simple as that. Our animation effect is done. When you save a GIF picture, go to File > Save as Web Format, the Save Settings panel pops up, select GIF in the format saved in the panel, and the Loop option will always be selected.

This is a successful GIF animated diagram.

As long as you master the Basic principles of animation, understand the basic concept of the timeline, animation effect is easy to make. Adding the right richness to your imagination will help you grasp the principles. I hope you will benefit from it.

Category:

• PS Text Tutorial