动态图形设计

李婷、张永辉

目录

  • 1 动态图形设计概述
    • 1.1 动态图形的基本概念
    • 1.2 动态图形的发展历史
    • 1.3 动态图形的应用领域
  • 2 AE软件入门
    • 2.1 AE软件概述
    • 2.2 软件下载与安装
    • 2.3 AE软件界面和基本操作
      • 2.3.1 打开及保存项目
      • 2.3.2 操作界面
      • 2.3.3 导入素材
  • 3 动态图形设计基本流程
    • 3.1 项目设置
    • 3.2 图层消隐
    • 3.3 图层锚点
    • 3.4 旋转动画
    • 3.5 动画缓动
    • 3.6 loopOut表达式
    • 3.7 时间反转关键帧
    • 3.8 父子动画
    • 3.9 路径动画
    • 3.10 circle循环
    • 3.11 调整关键帧
    • 3.12 轨道遮罩
    • 3.13 预合成
    • 3.14 输出
  • 4 合成及其关键概念
    • 4.1 合成的概念
    • 4.2 在合成中定位图层
    • 4.3 图层蒙版
    • 4.4 轨道遮罩
  • 5 动态图形设计基础知识
    • 5.1 基本动画原理概述
      • 5.1.1 时间和间距
      • 5.1.2 挤压和拉伸
      • 5.1.3 缓入和缓出
      • 5.1.4 预备和缓冲
    • 5.2 基本动画原理应用——物体变换动画制作
      • 5.2.1 素材的准备
      • 5.2.2 图片动画
      • 5.2.3 形体转换动画-1
      • 5.2.4 形体转换动画-2
      • 5.2.5 形体转换动画-3
      • 5.2.6 输出
  • 6 形状图层的动态设计
    • 6.1 动态的基本属性
    • 6.2 形状图层的特点
    • 6.3 形状图层的变换
    • 6.4 重复形状动画
    • 6.5 路径生长动画
    • 6.6 圆环生成动画
  • 7 理解关键帧
    • 7.1 关键帧和插值
    • 7.2 添加和调整关键帧
    • 7.3 图表编辑器
    • 7.4 时间拉伸和时间重映射
    • 7.5 锚点基础
    • 7.6 父级和空对象
  • 8 文本动画设计
    • 8.1 文本动画基础
    • 8.2 范围选择器
    • 8.3 3D文字动画
    • 8.4 文本索引
    • 8.5 更多动画属性
    • 8.6 入画出画
    • 8.7 摆动选择器
    • 8.8 表达式选择器
  • 9 3D图层和摄像机
    • 9.1 3D图层概述
      • 9.1.1 3D图层概述
      • 9.1.2 摄像机和灯光
      • 9.1.3 3D图层属性
      • 9.1.4 3D图层操控
    • 9.2 3D图层案例——剪纸定格动画
      • 9.2.1 设置摄像机
      • 9.2.2 设置Z轴坐标
      • 9.2.3 设置灯光
      • 9.2.4 海浪动画
      • 9.2.5 帆船动画
      • 9.2.6 其他动画
      • 9.2.7 摄像机动画
      • 9.2.8 wiggle动画
      • 9.2.9 调整图层
      • 9.2.10 输出
  • 10 使用效果制作动画
    • 10.1 效果概述
    • 10.2 水波转场动画的制作
      • 10.2.1 水波动画
      • 10.2.2 轨道遮罩
      • 10.2.3 图层样式
      • 10.2.4 水柱动画
      • 10.2.5 摆动路径
      • 10.2.6 气泡动画
      • 10.2.7 橙子动画
      • 10.2.8 推镜头
      • 10.2.9 转场
    • 10.3 插画风格MG动画制作
      • 10.3.1 在Photoshop中准备素材
      • 10.3.2 AE中的合成设置
      • 10.3.3 添加BendIt效果
      • 10.3.4 使用loop表达式制作循环动画
      • 10.3.5 RandomLoop随机循环表达式
      • 10.3.6 纹理动画
      • 10.3.7 添加波形变形效果
      • 10.3.8 添加调整图层
      • 10.3.9 渲染输出
    • 10.4 Logo演绎动画制作
      • 10.4.1 绘制路径
      • 10.4.2 添加粒子效果
      • 10.4.3 调整粒子效果
      • 10.4.4 简单阻塞工具
      • 10.4.5 完善效果
      • 10.4.6 形状动画
      • 10.4.7 logo动画
  • 11 角色动画制作
    • 11.1 使用Joysticks插件制作面部表情动画
      • 11.1.1 口型绘制
      • 11.1.2 口型关联
      • 11.1.3 口型控制
      • 11.1.4 声画同步
      • 11.1.5 眼皮控制
      • 11.1.6 面部控制
      • 11.1.7 面部动画
    • 11.2 使用Duik Bassel插件制作角色正面动画
      • 11.2.1 方法一:分层角色绑定
        • 11.2.1.1 项目设置
        • 11.2.1.2 图层设置
        • 11.2.1.3 添加控制器
        • 11.2.1.4 手部关联
        • 11.2.1.5 腿部关联
        • 11.2.1.6 表达式控制
        • 11.2.1.7 躯干控制
        • 11.2.1.8 关键帧动画
        • 11.2.1.9 口型关联
        • 11.2.1.10 眼部关联
        • 11.2.1.11 表情控制
      • 11.2.2 方法二:不分层角色绑定
        • 11.2.2.1 手部关联
        • 11.2.2.2 腿部关联
    • 11.3 使用Duik Bassel插件制作角色侧面动画
      • 11.3.1 素材准备
      • 11.3.2 导入并设置
      • 11.3.3 骨骼设置
      • 11.3.4 骨骼绑定
      • 11.3.5 走路循环
    • 11.4 角色动画插件RubberHose
      • 11.4.1 走路循环动画
        • 11.4.1.1 新建RubberHose
        • 11.4.1.2 手臂动画
        • 11.4.1.3 身体动画
        • 11.4.1.4 脚掌动画
        • 11.4.1.5 腿部动画
        • 11.4.1.6 手部动画
      • 11.4.2 角色绑定动画
        • 11.4.2.1 素材准备
        • 11.4.2.2 项目设置
        • 11.4.2.3 骨骼绑定
        • 11.4.2.4 眼部制作
        • 11.4.2.5 关键帧动画
    • 11.5 动效插件Motion 2
      • 11.5.1 锚点和缓动
      • 11.5.2 回弹效果
      • 11.5.3 缓和效果
      • 11.5.4 爆发效果
      • 11.5.5 克隆效果
      • 11.5.6 弹跳效果
      • 11.5.7 连接空对象
      • 11.5.8 公转效果
      • 11.5.9 连线效果
      • 11.5.10 拖尾效果
      • 11.5.11 其他效果
    • 11.6 Newton牛顿动力学插件
  • 12 动态图形常用表达式介绍
    • 12.1 AE表达式概述
    • 12.2 wiggle表达式
    • 12.3 time表达式
    • 12.4 value表达式
    • 12.5 speed&velocity表达式
    • 12.6 linear&ease表达式
    • 12.7 loop表达式
    • 12.8 表达式中的数值
    • 12.9 数值用法进阶
    • 12.10 数组的使用
    • 12.11 2D&3D位置的使用
  • 13 Animate CC概述
    • 13.1 Animate CC基本操作
  • 14 Animate CC图形绘制
    • 14.1 基本绘图模式讲解
    • 14.2 基本绘图模式案例——《双马尾女孩》
    • 14.3 钢笔工具案例——《寿司店菜单》
    • 14.4 宽度工具案例——《快乐企鹅》
    • 14.5 矢量艺术画笔案例——《戈壁》
    • 14.6 传统画笔工具案例——《波比和苹果》
  • 15 Animate CC元件与库
    • 15.1 新建元件和元件类型
    • 15.2 影片剪辑元件动画
    • 15.3 图形元件动画
    • 15.4 影片剪辑元件动画——《蝶恋花》
    • 15.5 3D工具——《立体贺卡》
    • 15.6 按钮元件
  • 16 Animate逐帧动画
    • 16.1 逐帧动画表情包
    • 16.2 抖动动画——《月夜》
  • 17 Animate CC补间动画
    • 17.1 传统补间动画——《雪地月光》
    • 17.2 传统补间动画——《闹钟》
    • 17.3 补间动画——《搬砖》
    • 17.4 补间动画——《运动文本》
  • 18 Animate引导动画
    • 18.1 引导层动画——《游戏开机动画》
    • 18.2 引导层动画——《火箭绕月》
    • 18.3 引导层动画——《小球旋转》
  • 19 Animate遮罩动画
    • 19.1 遮罩动画——《放大镜》
    • 19.2 遮罩动画——《涂鸦熊猫》
    • 19.3 遮罩动画——《loading进度条》
    • 19.4 遮罩动画——《转动地球》
  • 20 Animate形变动画
    • 20.1 形状补间动画——《水球》
    • 20.2 形状提示——《海浪》
    • 20.3 资源变形工具——《烛火》
    • 20.4 资源变形工具——《小狗走路》
  • 21 Animate骨骼动画
    • 21.1 骨骼绑定——《运动手臂》
    • 21.2 骨骼动画——《山民》
    • 21.3 骨骼动画——《锁链运动》
    • 21.4 骨骼动画——《吊灯摆动》
  • 22 Animate角色动画
    • 22.1 角色侧面原地走循环
    • 22.2 嘴型同步动画
    • 22.3 动画编辑器制作角色动画
  • 23 Animate动画技巧
    • 23.1 导入Photoshop文件动画
    • 23.2 导入AI文件动画
    • 23.3 图形滤镜——《奔跑的救护车》
    • 23.4 摄像头工具——《风吹海浪》
  • 24 动态图形设计作业展
    • 24.1 班级作业展1
    • 24.2 班级作业展2
使用Duik Bassel插件制作角色正面动画

教学目的:

    使用AE的角色动画插件Duik Bassel操控2D角色并制作角色动画

重点:

    角色的绑定和操控

教学内容:

本节案例所需素材和插件




使用Duik插件制作的动画影片合集(2017年)

    Duik是AE的综合动画和操控工具集。

    它提供了可以在任何3D软件中找到的主要的操控工具,如IK,控制器和骨骼,同时把这些工具调整为适合在AE中操控2D动画的工具。使用Duik,您可以操控复杂的角色并使用3D软件中常用的高级动画技术。

    Duik拥有大量的动画工具——管理关键帧和插值、传统动画、动画曝光……以及自动化,如摆动、弹簧、摆动、滚轮等,让您可以更快速,更轻松地制作动画。

    Duik还有一些其他有用的工具,比如摄像机控制。

    操控角色——无论您使用何种软件——都是一个复杂的主题,需要先进的角色动画知识,您用来操纵角色的软件,以及理想的解剖结构。

    在使用Duik创建角色操控之前,您应该掌握:

    动画的一般基础知识,包括角色动画(身体力学,表演,步行周期等)和基本解剖学。

    AE动画工具:关键帧类型,插值,图形编辑器……

    AE操纵工具:父级,关于表达式的基础知识,以及人偶控点工具......


安装:

    1 -官方网站下载 Duik 。

    2 - 解压缩您下载的文件。

    3 -有几种方法可以非常轻松地安装Duik:

      第一种:将所有文件复制到:

      Windows:C:\Program Files\Adobe\Adobe After Effects CC\Support Files\Scripts\ScriptUI Panels\

      Mac OS:/Applications/Adobe After Effects CC/Scripts/ScriptUI Panels
      第二种:此方法仅适用于最新版本的After Effects(自CC2018起):

      打开After Effects

      Windows:按住[Alt]和[Shift]键,将文件拖放Duik Bassel.jsx到项目面板上。

      Mac OS:按住[Options]和[Shift]键,将文件拖放Duik Bassel.jsx到项目面板上。

      第三种:此方法仅适用于After Effects的最新版本(自CC2019起):

      打开After Effects

      使用File/Scritps/Install ScriptUI Panel...菜单选择并安装Duik Bassel.jsx

    4 - 重新启动 After Effects和Duik将在“窗口”菜单中可用。


Duik Bassel特点介绍:

1、更好的用户体验

    在Duik Bassel中,大多数绑定过程可以减少到两次点击!

    首先点击:创建一个完整的人体骨骼结构。

    第二次点击:自动绑定整个结构。

    如果您认为这还不够,那么只需再点击一下即可获得一个走路循环。


2、全新的绑定过程

    为了使After Effects中的绑定过程更容易和更通用,Duik Bassel引入了3D软件中的骨骼或关节非常相似的结构

    结构是您可以在合成中添加的图层,它们将驱动动画,就像真实木偶的装备一样。这个过程非常简单:在After Effects创建或导入你的设计添加结构并将它们移动到正确的位置(每个肢体的枢轴)。然后,您可以像在以前的Duik版本中那样对这些结构进行绑定,而不是设计本身,最后将设计图层链接到相应的结构图层

    这样,您创建的绑定与设计无关。这意味着即使在骨骼绑定完成后,也可以更容易地调整角色设计,甚至可以与其他设计重新使用相同的骨骼绑定。此外,即使您已经处于动画过程中,即使您需要调整此绑定过程也更容易修复或更改。

    Duik Bassel考虑了创建骨骼绑定的最智能和最快捷的方法,因此增加了为标准肢体自动创建预定义结构的能力,无论它们是针对人类还是动物。


3、控制器


    使用autorig和一组约束,你最终得到的是控制器来驱动动画。你为控制器制作动画,他们通过约束来驱动结构,并且控制你的角色运动


    由于控制器将成为动画师和角色之间的界面,因此它们必须直观且易于操作。Duik Bassel引入了新的形状以使它们更容易识别,而且还在控制器上实现视觉反馈以查看控制器正在做什么。它们可以很容易地进行个性化,您可以根据自己的意愿改变颜色和形状。



4、约束

    控制器和结构之间以及结构本身之间的相互作用通过一些约束发生。其中一些是Duik自第一个版本以来的核心工具,如驱动四肢弯曲的IK以及用于控制任何空间属性的Bones:木偶图钉,粒子效果的发射器以及各种贝塞尔值,如形状或蒙版。



5、自动绑定


    该自动绑定现在比以往任何时候都更聪明。它实际上取代了大多数旧的IK和贝塞尔IK按钮。只需选择一些结构,然后Auto-rig完成工作


6、父级链接


    可以使用新的父链接约束制作动画,甚至可以通过从合成到另一个的父图层动画,或者将图层约束到贝塞尔曲线路径,使用权重将图层附加到其他图层等。




7、动画混合器

    动画混合器允许你用简单的标记触发动画,可以制作循环和混合动画。


8、自动化


    一旦你的角色被操控,你就可以开始动画,并得到很多自动化的帮助。自动化是程序动画和动态,可以快速设置最常见的动画,然后专注于角色的表征。您可以使用可自定义和高级控件自动化摆动、弹簧、车轮等,例如循环效果,并快速轻松地控制每个细节。


9、效果器


    当您必须根据图层的位置或以任何空间方式控制属性时,效果器是一种非常有用的新自动化。


10、走路循环


    新的Walk Cycle走路循环工具是新的综合程序动画中的第一个。这是开始使用步行动画的一种非常快速和简单的方法。只需单击一下即可获得良好的走路循环周期,还可以详细调整角色高度和重量,调整每个肢体参数并精确设置它的行走方式。


11、动画


    Duik不仅是一个绑定工具,还包括加速动画制作所需的一切。有工具可以管理插值,快速选择关键帧,自动平滑所有动画,创建传统动画和使用传统动画,以显示轨迹等。


12、摄像机


    摄像机必须被视为动画中的一个角色,其动作必须与观众在图像中可以看到的角色的动画一样详细。Duik的摄像机工具可以帮助您为相机设置动画、构图、从其他软件导入摄像机等。