After Effects combat: Create 12-second website advertising Banner

This article mainly introduces a more typical network advertising animation (banner) design process.

First look at the effect of animation.

Effect chart

I. Mission Description:

The other side provided a flat file that they already had (. PSD format, which requires an animation design that does not change the style of their graphic ad, and is about 10 seconds long. Specifications are in accordance with the requirements of the site: 638 x83 px (for their "design" and "creative" I do not do any evaluation, this is the customer has been set up, in this design process, I only consider the problem of motion designs)

Generally speaking, I think that after receiving the design task, we should first analyze the design task-------This is more important than the hard work, the sharpening of wood is not a mistake.

Two Design analysis

Design analysis, including material source analysis and design of the expected analysis.

The first is the source of material analysis:

Figure 1

As pictured above, I've got a psd file that contains a number of layers and styles, in view of customer requirements, style and elements can not be changed, the size is also set, so I can play the space is very small, in the limited picture how to show the product and attract attention, is my focus on the whole movement design.

Because I intend to use after effects to complete the design, therefore, first of all to rationalize the source of the material: the number of refined layers, for the layer set easy to identify the name. (After the PSD is imported into AE, we can understand how important a reasonable name is)

Design Expected Analysis:

Because the height of the banner is only 83PX, therefore, in a limited space, want to strong performance products, must consider the details, at the same time, as a banner, how to attract attention, you need to move the perspective, displacement changes to be strong, and this change is best to have a strong sense of rhythm (such as the use of slow lenses).

From the customer's request and my product performance approach, the following elements must appear.

Enterprise Name product Product Name Advertising Word

Element exit flow I arranged as follows: (in fact, simple mirror)

① Enterprise Name-->② Product Details-->③ product + Name-->④ Product Details (change angle)-->⑤ product + advertisement Word-->⑥ product + name (repeat memory)

Figure 2