This article contains two units: the prototype unit for display animation and the prototype unit for interactive animation .
In the display animation unit, we will focus on using the AE software to learn and produce three cases from the shallower to the deeper. By learning the knowledge of this unit, you can master the basic use skills of AE in UI animation effects, and complete three cases under the leadership. By learning AE, we will understand the basic composition of motion effects, layer relationships, knowledge of animation curves, etc., which is convenient for the production and application of daily display animation effects.
In the interactive dynamic effect prototype unit, we will focus on learning the node signal flow prototyping tool—Form, and use this software to make an interactive dynamic effect prototype case. By studying the course of this unit, you can have a more systematic and profound understanding of interactive event triggering, data information transmission and other knowledge, and lay a solid foundation for your further development in dynamic effects.
1. Conceptual interpretation and experience sharing of UI dynamic effects
This course will serve as the opening speech of the dynamic effect course. Mr. Martin will explain the status quo, workflow, and future development trend of UI dynamic effects, and share his work and study experience with you. .
Course overview: Based on practice, share design experience, design experience, and knowledge of design tools in the workflow.
2. Use AE to make display animation effects
This course is the foundation of display UI animation effects (practical operation), including 3 large cases, the difficulty is from shallow to deep, and it is easy to learn.
The course is not directly related to the previously recorded 9 methodologies, and can be studied independently without affecting understanding.
It is recommended to finish this course and learn about the basic properties of animation before learning the actual application of Form in interactive prototypes. Case 1 (Basic). Course overview of
making flat wind bouncing balls : We will use AE's own layers, shape layers, and five animation attributes to make this case.
After learning, you can understand the basic functions of AE, and use its functions to create simple UI display animations.
Case 2 (advanced) page pop-up and side-sliding menu
course overview: we will dynamically process the static image that has been drawn, and while using a lot of basic attributes, we will also use some more advanced tools, such as track masks Wait, complete the production of the whole case. By studying the content of this course, users will have a deeper understanding of AE and be able to create dynamic effects based on existing static materials. Case 3 (comprehensive) . Course overview of
App display content production : This case is the most complicated, with a lot of content, time-consuming, and many adjustments. The knowledge of the first two cases will be summarized and put into practice.
During the production process, we will also learn some easy-to-use scripting tools to help everyone improve work efficiency. At the same time, Mr. Aji will also share his work experience and give you more help and inspiration.
3. Make your motion more perfect
This course is a follow-up supplement to the practical course. It is recommended to study together with the practical part, otherwise the effect will be greatly reduced. The content of this course focuses on sorting out some theories and concepts to help you understand UI animation and its expanded content. Teacher Aji will also share with you his work experience and methods for dealing with complex problems.
Table of contents:
Size 21.5G, mp4 format