AE教程!磨砂风格天气图标动效

时间:2020-09-06
B站视频:av286595262
类别:AE教程
水平:入门
@所有设计师 快来领爆款免费设计课程!打卡式学习立竿见影。收获实战新技能→ 免费领取

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

作者公众号:设计师深海

作者微博:@设计师深海

交作业:#优设每日作业#

关于教程

最近在Dribbble看到了这种风格的Icon,感觉非常有趣,就模仿它的风格制作了一组动态的Icon,今天带来的是第三期:天气图标的教程,主要知识点在于如何制作循环的随机运动效果,希望能对大家有一点点帮助!

效果图

AE教程!磨砂风格天气图标动效

AE教程!磨砂风格天气图标动效

教程步骤

STEP. 01:绘制图标

在AI中绘制图标,合成大小800*600,提前分层方便导入AE

AE教程!磨砂风格天气图标动效

STEP. 02:导入AE

将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小

AE教程!磨砂风格天气图标动效

STEP. 03:调整合成

调整合成设置,帧速率30,持续时间2秒

AE教程!磨砂风格天气图标动效

STEP. 04:新建背景层

新建纯色,作为背景,置于最底层

AE教程!磨砂风格天气图标动效

STEP. 05:创建形状

选中AI图层,右键从矢量图层创建形状,然后删除AI图层

AE教程!磨砂风格天气图标动效

STEP. 06:准备插件

准备好Randomatic插件 (关注我的公众号「设计师深海」回复「randomatic」或「随机插件」获取下载连接!)

AE教程!磨砂风格天气图标动效

STEP. 07:生成动画

将插件类型改为wiggle,选中太阳的位置属性,点击生成随机动画

AE教程!磨砂风格天气图标动效

STEP. 08:调整属性

调整位置和强度

AE教程!磨砂风格天气图标动效

STEP. 09:调整速度

勾选循环,时间为两秒,调整运动速度为0.5

AE教程!磨砂风格天气图标动效

STEP. 10:添加效果

将云预合成,在预合成中添加随机效果(同上)

AE教程!磨砂风格天气图标动效

STEP. 11:调整属性

复制云,将副本透明度改为70

AE教程!磨砂风格天气图标动效

STEP. 12:添加遮罩

新建调整图层,将云本体设为它的alpha遮罩

AE教程!磨砂风格天气图标动效

STEP. 13:调整效果

给调整图层添加高斯模糊,强度为100,效果完成!

AE教程!磨砂风格天气图标动效

最终效果

AE教程!磨砂风格天气图标动效

AE教程!磨砂风格天气图标动效

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

4 收藏 10

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 2

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片