动态插画这个方向,很多人卡在一个尴尬的位置:静态图能画,软件也会开,但一让它动起来就露馅——循环接不上、节奏像卡碟、图层一多就乱。芜菁f的这套第1期内容,针对的正是这个断层。它不是绘画基础课,也不是软件说明书,而是把"会画"和"会动"之间那段说不清的距离拆开来讲。

先确认你缺的是哪一块

动态插画常见的短板大致分三类。第一类是时间轴思维没建立,画的时候按静帧逻辑分层,动起来才发现前后景的运动关系对不上;第二类是节奏感靠猜,位移、缩放、透明度变化全凭手感调,做出来的循环动作要么太快显得慌张,要么太慢显得拖沓;第三类是不知道自己做的算不算合格,没有判断标准,只能凭"感觉还行"。这套内容按顺序推进,大致就是从这三块切入的。如果你之前只做过静态插画,或者用过动画软件但没系统做过带循环的动态作品,那对应的缺口就在这里。

它处理的具体问题

课程围绕动态插画这条线展开,涉及的核心是让画面在时间维度上成立。这包括运动曲线的判断、循环首尾的衔接处理、多图层的运动配合,以及画面情绪和运动速度之间的关系。举个例子:一个简单的呼吸感循环,难点不在于让元素上下移动,而在于起伏的幅度、缓入缓出的程度、以及周期长度三者怎么配,才能看起来是"活"的而不是机械的。这类判断标准,静态插画里没有,只能从动态的语境里学。

另一个容易被忽略的点是构图在动起来之后的稳定性。静态时看着舒服的构图,一旦元素开始移动,视觉重心可能就跑偏了。课程里对这类情况的处理办法,是带着具体画面去调,而不是给一套公式让你背。

配套练习怎么用

这类内容如果只看不动手,等于白看。建议的用法是:每看完一个模块,立刻用自己手头的素材做一个最小循环,哪怕只有一个元素在动。重点不是做得好看,而是验证刚才讲的那个判断标准你自己能不能用出来。卡住的地方先记下来,往下看,往往后面的内容会回头解释前面的疑问。

  • 先做单元素循环,把节奏和曲线调顺,再叠加第二个元素;
  • 每做完一个,回看一遍自己的成片,问一句"哪里像机器做的";
  • 把做废的版本留着,对比的进步比单看成品更有用。

看完应该能回答的问题

判断这套内容有没有吃进去,不看笔记记了多少,看能不能回答下面几个问题:一个循环动画的首尾接缝,你依据什么判断它接得干不干净?同一个位移,用不同的缓动方式,观众的感受会差在哪里?多层画面同时运动时,谁先谁后、谁快谁慢,你的依据是什么?如果这些问题你现在答不上来,看完之后能用自己的话讲清楚,那这一期的目的就达到了。

需要说明的是,动态插画和纯动画、和UI动效不是一回事,前者更看重画面本身的质感和情绪,而不是交互逻辑。如果你是冲着做界面动效来的,这套内容能给你的帮助有限;如果你想让自己的插画作品真正动起来、并且动得让人愿意多看两秒,那方向是对得上的。先看目录,判断一下自己缺的是不是这一块,再决定要不要往下走。

课程介绍

本页收录 芜菁f动态插画创作课程第1期,方向为UI/产品,重点涉及 UI/产品。

适合正在补 UI/产品 相关知识、想按目录逐步推进的学习者。

下方为完整资料与目录,可先看目录判断是否符合需要。

芜菁f动态插画创作课程第1期

???????????????????�^????????

??????

????????????????^??????????????????????????????????

? ?????

???f?????^????????????????????????^?????????????

?��?????

? ?????�^????????
? ?????????????????
? ?????????

�γ�Ŀ¼

? ???????????????????????
    ????????????????????.mp4  [1.2 GB]
    ?????????????????????.mp4  [1.4 GB]
    ???????????????????????.mp4  [826.9 MB]
? ????????????????
    ??????????.mp4  [30.9 MB]
    ???????????????.mp4  [172.0 MB]
    ???????????.mp4  [1.7 GB]
    ??????????????.mp4  [1.5 GB]
    ????????.mp4  [1.0 GB]
    ????????????????.mp4  [1.3 GB]
? ????????^?????????
    ???????????????.mp4  [109.8 MB]
    ?????????????????.mp4  [1.1 GB]
    ????????????????.mp4  [1.8 GB]
    24?????????????????????????????????????.mp4  [999.9 MB]
? ???????????????????
    ??????????.mp4  [336.3 MB]
    ???????????????????.mp4  [1.3 GB]
    ???????????????????????.mp4  [385.0 MB]
    ??????????????????+????+???4???????????????.mp4  [215.7 MB]
    ???????????????4??????????????????????????.mp4  [368.4 MB]
    ??????????????????????.mp4  [1.5 GB]
? ???????????????????
    ????????????????????.mp4  [1016.9 MB]
    ?????????????^??????.mp4  [837.7 MB]
    ???????????????????.mp4  [1.3 GB]
? ???????????????????
    ??????????????.mp4  [209.2 MB]
    ?????????????.mp4  [258.8 MB]
    ?????????????????.mp4  [214.9 MB]
    ??????????????.mp4  [265.2 MB]
? ???????????????
    ??????????????????.mp4  [1.2 GB]
    ????????????????????.mp4  [2.2 GB]
    ??????? 35 ???????????????
??????? 35 ???????????????

??????

  • ?�^??????
  • ????????
  • UI????

ѧϰ�ջ�

???????�^????????
???????????????
???????????

????????

????????????????