Business Flash design Experience (i)

Design

See this topic you may say, flash itself is very cool glare. Many flash beginners think that as long as the elements of the movement is the glare, is full of motion. In fact, dynamic design itself is a learning, many foreign traditional animators may have paid a lifetime of energy. As the use of flash to convey the thinking of the network designers, should fully absorb the traditional animation, cartoons, video and other forms of experience and skills, really make your work smooth and full of dynamic. In my two years of commercial flash design, tried a lot of dynamic effects, visual performance means, but also studied a lot of foreign outstanding works, I hope that a little experience can give you help. The author level is limited, the shortcoming, please not hesitate to enlighten! The article starts from an example, mainly from the process design, rhythm control, speed sense, visual impact on several aspects of my business flash design experience. 　　 first, the design process The process described here is a flash design workflow, whether it is a group or a person, the process of each link is essential. 　　 1, static effect diagram structure diagram Any animation can not be separated from the graphic arts, like a good film has a good art guidance. Therefore, before doing flash, we should first use Photoshop and other software to the entire Flash animation, a few key scenes and the effects of the appearance of the elements of the picture. (Figure 1, 2, 3) This is a promotional CDMA mobile phone network title, design style: technology, high-speed, accurate. These 3 pictures themselves also mark the structure of the animation: Introduction, animation body, the end of the summary. If the animation structure is more complex, such as the animation body, there are transitions and so on, but also need to draw more corresponding effect chart. Figure 1 Figure 2 Figure 3 　　 2, animation designThis step we have to follow the design of a good effect, specifically to design the entire animation, in fact, is to use a variety of dynamic effects in the static effect of the elements of the diagram. (Figure 4) Figure 4 In order not to make our animation into a running account, we need to make the animation has a clear sense of rhythm, and the structure of the obvious transition, of course, the transition should be reasonable, smooth, not blunt, abrupt. The following figure (Figure 5, 6) is a structural transition of 2 frames, in Figure 5, has been at both ends of the gray plate to the center of the move. To make the entire picture transition to gray, figure 6 in the text oblique fly out, the gray bottom box gradually out. This creates an obvious structural transition. Figure 5 Figure 6 　　 3, dubbingIn theory, music should be made when the animation structure is designed. However, the domestic flash design is generally 1, 2 people completed, it is difficult to have special music. Generally after the animation design is complete, from the material library to find some suitable music for dubbing. A better one might also design animations based on music. No matter what the order, the most important thing is appropriate, style, rhythm of the appropriate to make the picture and music seamless. (Figure 7) Figure 7 　　 second, rhythm control Good animation should be a combination of visual impact and information transmission, smooth and full of beauty, which require us to design a good overall rhythm of animation. 　　 1. Ups and downs If I told you I was going to do a title animation, the beginning of the animation (introduction) is a gradual music, dynamic soft aestheticism, as the music gradually reach the peak, but also into the 2nd stage of animation, this is the main animation body is also information transmission of the major period, in the continuous high-speed animation after the music to a halt, into the end of the screen, Which is the end of the entire animation. So what is the overall rhythm of the animation? The following figure: (Figure 8). This rhythm is more suitable for the introduction of the product animation, narrative strong. Figure 8 There can be many kinds of rhythmic fluctuations, such as the speed of alternating, no matter what rhythm, are to convey the concept of designers and services. When we look at good flash works, we must pay attention to his overall rhythm, as well as the link between rhythm and communication concepts. This is also the essence of animation. 　　 2, alternating In the specific dynamic effects of elements, we often take the dynamic effect of alternating speed. For example, the text flies in from the left part of the screen, the speed is fast, (Figure 9) after reaching the target position slows down, the right part flies into the larger, less transparent same text. (Figure 10) The two lines of text are staggered, and the speed is slow (Figure 11). This staggered speed and position, to meet the speed of animation requirements, but also achieve a clear message to convey the purpose! Figure 9 Figure 10 Figure 11 　　 3, the effect Different animation rhythms, need different animation effects to deal with. The rhythm is melodious and soothing, the element's dynamic effect also uses the movement, fades out, the strip mask, the single line and so on performance way. If the rhythm is tense, fast, then many uses the flashing, the high speed displacement, the rotation, the dazzling light and so on performance way. The effect is not fixed, we can learn the essence of the works of the master, but also to have original things. The good flash works is not the cumulative effect, the good effect cannot serve for the content, is also the cumbersome. (Figure 12) Figure 12