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



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



教程:


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 图传到手机上。






©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。