设计师必学的73个基础动效设计！附全面系统的免费入门教程

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

大家好，我是和你们聊设计的花生 ~

昨天看到一个小伙伴在群里分享了一个网站——动效周期表（Motion Periodic Table），里面以“元素周期表”的形式罗列出AE常用的73种基础动效设计，非常有意思。今天就为大家介绍一下这个动效网站，并推荐一系列AE基础动效设计入门学习的高质量免费教程，一起来看看吧~

动效周期表 Motion Periodic Table

网址直达： http://foxcodex.html.xdomain.jp/index.html （需梯子）

「动效周期表」是由日本设计师 Kazuki Akamine 在 2015 年作为毕业设计创作的，旨在降低初学者了解动效基础知识的难度。「动效周期表」借用了元素周期表的形式，按相似性将不同的基础动效分为 14 个系列（纵列），一共 73 个动效。

14 个系列分别是：偏移旋转系列、变形系列、时间操纵系列、5 组特殊效果系列、脚本系列、扭曲系列、扩散系列、模糊系列、灯光系列、移动系列、旋转系列、缩放系列、修剪系列和分形系列，其中重要且常用的动效都排列在表格上层。

学习动效的门槛并不低，初学者在看到一个动效作品时，很难立刻就能说出它是由哪些基础动效构成的，而动效周期表就能帮助初学者解决这些问题。它提供了一个系统化的动效知识体系，方便初学者理解并记忆，极大降低了学习难度。

超全面！写给设计师的动效知识库

Motion Graphic 也称为 Mg 或者 Mograh，通常翻译为动效或者动态图形。

其实优优教程网早在 2019 年就开始根据动效周期表里面的内容，制作免费的基础动效系列教程。目前优优教程网已经更新了 3 期动效周期表详解和 55 期动效教程视频，质量非常高，想自学 AE 的小伙伴们千万不要错过~

高质量免费动效入门教程

① 动效周期表详解

详解有 3 期，对动效周期表内每个基础动效的原理，制作过程及引用拓展有详细说明。

「教程链接」

AE 教程！动效周期表解析（上） https://uiiiuiii.com/aftereffects/1212379817.html

AE 教程！动效周期表解析（中） https://uiiiuiii.com/aftereffects/1212383548.html

AE 教程！动效周期表解析（下） https://uiiiuiii.com/aftereffects/1212383842.html

② 动效周期表入门系列教程

这个系列教程目前有 55 期，每一期都以视频的方式教程大家动效周期表里一个基础效果，并且延展教授这种基础效果的应用场景。

「教程链接」

73 个设计师必备的基础动效教学 https://uiiiuiii.com/aftereffects/12127671.html

好啦以上就是今天推荐的动效基础入门相关免费资源，喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友。如果你有关于本文或者其他设计疑问，可以在评论区提出，我会第一时间为大家解答~ 也欢迎大家加入优设官方设计交流群，和优设主编、设计总监及其他热爱设计的小伙伴一起探讨学习（入群二维码见文末 Banner）~

更多动效学习相关文章：

腾讯高手出品！动效设计基础（一）：运动曲线与缓动

Heyu：作为设计师，我们经常接到这样的需求：XX App中的动效好酷啊，我们也做一个吧。

腾讯高手出品！动效设计基础（二）：动效的应用

Heyu：在上一篇文章《动效设计基础（一）：缓动与运动曲线》中，我们讨论了动效的几种常见形式以及缓动的重要性。