美文网首页
100个AE小动画教程挑战——003 发光旋转立方体

100个AE小动画教程挑战——003 发光旋转立方体

作者: 白云熊胆丸说 | 来源:发表于2020-05-18 13:17 被阅读0次

    发光旋转立方体效果预览:

    教程:

    1、在合成窗口下新建一个纯色

    2、宽高度一样,我这里设置的是 400*400,然后点确定。

    3、双击矩形工具,会给刚刚建的纯色层施加一个同样大小的蒙版

    4、在“效果与预设”中搜索“描边”效果

    5、将“描边”效果添加到纯色图层上

    6、找到“效果控件”——“绘画样式”,选择“在透明背景上”

    7、调整一下画笔大小。

    我在这里把颜色调成了绿色。颜色可以调也可以不调,根据个人喜好吧。

    8、点击箭头处,使得这个图层变成 3D 图层

    9、点击“活动摄像机”——“顶部”,切换到顶部视图

    10、找到并选择“锚点”工具

    11、“锚点”工具的后面三个数字(200、200、0)分别对应的是锚点的 x、y、z 轴的位置。

    将锚点工具的z轴的位置改为“200”,即移动到边长的一半(前面提到纯色的大小为 400*400,所以边长的一半为 200)。

    12、鼠标选中纯色图层,按 3 次 Ctrl+D,复制 3 次图层

    13、制作一个立方体

    选中第 3 个图层,在英文状态下按 R 键,打开旋转属性,将 Y 轴旋转 90°。

    选中第 2 个图层,在英文状态下按 R 打开旋转属性, Y 轴旋转 180°


    选中第 1 个图层,在英文状态下按 R 打开旋转属性, Y 轴旋转 270°

    可以看出,在顶部视角下,一个正方形逐渐形成。

    14、把“对于矢量图层:连续栅格化”下面的框框都选中,可以让图形变得更清楚。

    15、选中 4 个图层,右击,选择“预合成”

    16、再一次把“对于矢量图层:连续栅格化”下面的框框选中

    17、把“3D 图层”下面的框框选中

    18、切换到“自定义视图”,看下锚点是不是在正中央。

    如果不在正中央的话,打开锚点工具,勾选中“对齐选项。

    轻轻拉动中间的点,锚点就自动吸附到正中央了

    如果不知道锚点有没有吸附到正中央,可以打开摄像机工具,转动立方体,看看锚点在不在正中央。

    19、展开“变换”,找到“x、y、z 轴旋转”,给立方体的 x、y、z 轴分别打上关键帧

    拉动时间标尺,然后增加 x、y、z 轴的角度

    继续拉动时间标尺,然后增加 x、y、轴的角度,多打几个关键帧

    倒数第二个关键帧我设置的 x、y、z 轴坐标是 1x+二百多度

    最后一个关键帧的坐标就设置为 2x+0°,

    即这个立方体从开头转到结束转了整整 2 周,动画循环播放时也可以无缝衔接。

    实际上不需要把 x、y、z 3 条轴的关键帧全部打上,可以只打 x 轴的关键帧,也可以只打 y、z 轴的关键帧,反正只要能让立方体转动起来就行。

    20、在“效果与预设”中搜索“发光”

    将“发光”效果添加到立方体上

    调整一下发光阈值、半径和强度

    做到这里,发光立方体已经做好了。

    在“输入模块”里,点“无损”更改输出格式。

    在“视频输出”的“通道”中选择“RGB+Alpha”,可以输出透明背景的视频。

    当然,如果你不需要用到透明通道的话,你也可以不用更改格式,直接导出就可以了。

    最后渲染导出即可。


    导出的视频可以用在 Pr(Premiere)中,也可以用 Photoshop 导出 GIF。

    Photoshop 导出 GIF 方法如下:

    (1)打开 Photoshop,把刚刚导出的文件拖到 Photoshop 里

    (2)用裁剪工具将它多余的部分去掉

    (3)点击文件——导出——储存为 Web 所用格式(旧版)

    格式选 GIF,循环选项选“永远”。

    这个原视频分辨率比较大,导出的 GIF 会很大,所以把图像大小缩小一点,百分比改为 30(数值仅供参考)

    最后点“储存

    tip:储存在电脑上的的 GIF 图不要通过微信(包括文件传输助手)发送到手机,否则无法将 GIF 保存到手机里。


    建议通过 QQ、数据线等其他方式将 GIF 图传到手机上。

    相关文章

      网友评论

          本文标题:100个AE小动画教程挑战——003 发光旋转立方体

          本文链接:https://www.haomeiwen.com/subject/zhsuohtx.html