2014 Weibo client lead--short video animation sharing

Source: Internet
Author: User
Keywords Weibo client screen face

Another year of romantic well-being, another year years old celebrate blessing. 2014 Sino of the Horse, lead, immediately rich, Guanghou, steam ... Are filled with people's expectations and wishes for the coming year. Sina Weibo clients still wish each user a bright and unrestrained display of the new Year's atmosphere. Everyone in the Spring Festival version of microblogging clients can see 2014 Happy New Year ~ (see the light spray) This is the new version of the client after the boot display of a 8-second visual (NIU) frequency (BI) animation. The pattern of 2014, MA Tau and New Year's balls are formed by the same triangle respectively. Through 3D space rotation, combination, movement connected into one. The implication of thousands of small positive energies condensed into this moment for the new Year of Joy and wish, joinin one and fast changing.

A lot of small partners who like it are interested in how the animation is made, and here are some simple things to share. First of all, we are familiar with the basis of Photoshop, but also know after Effects animation design software (small white strayed into).

Focus: After Effects and Photoshop combined use to make 3D animation

0, first have a clear idea (here omitted 10,000 words ...) )

1,photoshop make static keyframes
The frames here represent the final effect of each combined screen.

PS Design The final picture is good or bad video animation effect of the key, need in the process of graphic design all the picture material in advance, mark the layer name, for animation adjustment can always determine the attributes of each element. The final effect of the plane is the final animation effect (pause the video effect). If you want to add light effect or adjust color, please give this task to after Effects bar, believe that its ability than PS.

2,after effects 3D layer to restore the effect of the plane

The PSD, when loaded in AE, reads the layers of Photoshop, including the layer name and the position of the layer. Through the 3D set the original plane of the animation material to 3D space, and add cameras, lights and shadows, the camera and lighting as appropriate space position.

3, set new 3D animation keyframes

Add more keyframes to the motion by rearranging and placing them in space. Make the movement process more energetic and space effect.

4, rhythm and variable settings

In the overall animation of the motion of the key frames are set up, and then do the overall animation according to the need, here set the overall 3D rotation, with the camera depth of field effect, design a more space sense of the effect of the picture.

5, high quality compressed output of mobile end
Video compression needs to be based on the requirements of the output, different output mode determines the different formats of video compression. MP4 is a more versatile video format on mobile devices. Other formats, such as MOV, can also be used on iOS devices. MP4 can ensure that the video file is small enough to frame the picture and the loss of quality. Finally choose the appropriate compression rate and compression resolution, output in different mobile devices tested. But the color gamut compression or can not achieve the perfect specific please refer to. http://www.zhihu.com/question/20048209/answer/14275262

Summary

All animation video design needs a clear and clear ideas and methods. In order to achieve a more rapid and accurate results of the final performance. The design that contains the motion experience can not be separated from all kinds of movement speed skills. Whether the use of video animation or interface to the dynamic effect of the need to accumulate and implement the application.

Related Article

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.