教程

地址：https://courses.motiondesign.school/courses/702212/lectures/13709489

过程

弹动的球

  1. 用椭圆工具画圆

  2. 对位置和缩放建立关键帧：0帧初始值，10帧下移到底部且缩放为80,120，12帧缩放为130,70，14帧缩放为80,120，24帧回到初始值

    缩放的过程中物体的体积应不变，因此当横向放大20%时纵向缩小20%，当横向缩小30%时纵向放大30%image.png

  3. 选中全部关键帧添加缓入25，缓出72

  4. 对位置属性和缩放属性添加表达式loopOut();
  5. 复制当前图层2次，调整位置每隔1层偏移4帧

升降的线段

  1. 用钢笔工具画一条竖线，描边20像素

  2. 添加修建路径，对开始和结束建立关键帧：0帧开始0结束10，10帧开始45结束55，20帧保持不变，1f开始90结束100

    开始和结束一直保持10%的差距，实现短线段的效果 image.png

  3. 将开始的关键帧全部往后移3帧

  4. 对修建路径的开始和结束建立关键帧：1f10帧开始90结束100，2f开始0结束10，2f10帧开始0结束10
  5. 将新建立的结束的关键帧全部往后移3帧
  6. 选中全部关键帧添加缓入30，缓出75
  7. 复制当前图层3次，调整位置，每隔1层偏移4帧

交错旋转的圆弧

旋转的液体感球

  1. 用椭圆工具画圆
  2. 对椭圆变换下的比例建立关键帧：0帧100，14帧70，1f10帧100
  3. 对旋转建立关键帧：0帧0x，1f10帧1x
  4. 选中关键帧添加缓入30，缓出75
  5. 制作其他小球，为图层调加‘效果-残影’，数量改为4，残影时间为-0.07（约2帧）
  6. 为图层开启运动模糊，并为所有图层启用运动模糊

image.png

  1. 新建调整图层，添加‘效果-高斯模糊’，模糊度30
  2. 为调整图层添加‘效果-色阶’，调整直方图使得圆形周围不会太模糊也不会清晰

image.png

等距立方体转动

  1. 开启网格视图，利用钢笔工具绘制如图几何体，修改三个面的颜色

    image.png

  2. 复制三次，摆放成如图1位置，对位置建立关键帧：0帧初始，10帧移动到图2位置，20帧移动到图3位置

    image.pngimage.pngimage.png
    图2转换为图3过程中，立方体1要往左移，立方体2要往右移，但移动过程中会有遮挡顺序问题
    image.png
    这里选中立方体1图层和立方体3图层，按command+shift+D，复制当前图层的同时剪切时间轴显示

    1. ![image.png](https://cdn.nlark.com/yuque/0/2020/png/1051141/1587658806276-1079f4a1-c504-4e04-910a-0b8c54edae82.png "image.png")
  1. 选中关键帧添加缓入32，缓出75

3D立方体转动

小球螺旋旋转

效果图

main.gif