AE动效-天气icon动效

用户头像
长沙/UI设计师/3年前/885浏览
AE动效-天气icon动效

今天打卡AE学习第一天,欢迎各位大佬多多指教,一起学习AE的小伙伴也可以多多交流哦~

示例图:

我做的:

制作步骤看这里哦

1.Ctrl+N新建合成

2.Ctrl+Y添加纯色背景

3.在效果中给背景加上梯度渐变

点击锚点可以改变渐变的方向

4.制作白云效果

选中椭圆工具,按住Shift键画出两个圆形,Ctrl+R调出标尺将两个圆形底部对齐,再添加矩形,就完成了云朵的形状

选择白云图层单击右键>>图层样式>>斜面和浮雕

选择白云图层单击右键>>图层样式>>光泽

给白云添加效果>>投影

Ctrl+D复制2层白云图层,制作白边的效果,最顶上的白云图层先隐藏

在白边图层上画蒙版:选择矩形工具再选择蒙版,画上如下图蒙版,打上蒙版羽化(参考值175)

给在最顶上的白云加上效果>>梯度渐变,可以将白云投影图层中拷贝出来的投影效果删掉

给在最顶上的白云加上杂色,效果>>杂色,这一步是为了给云朵添加颗粒感的效果

5.制作太阳效果

使用椭圆工具,按住Shift键画出合适大小的圆形,将圆形中心点居中一下(Ctrl+Alt+home键),并添加合适的渐变颜色

制作太阳高光,让太阳看起来更加的圆

Ctrl+D复制一层,移至顶层,先点击钢笔工具,再点上蒙版,给它画上Mask(遮罩)

调整高光处的渐变颜色,再打上蒙版羽化(快捷键F)

制作太阳和白云交界处的磨砂效果

  • Ctrl+D再复制一层太阳,选择钢笔工具>>再选择创建蒙版,画出如下图形状

  • 添加简单高斯模糊

  • 降低不透明度(快捷键T)

  • 再次调节太阳阴影处的颜色

6.制作雨滴效果

选择雨滴素材,将雨滴图片拖入这个图形新建合成

点击空白区域右键>>新建>>调整图层

给调整图层添加效果>>梯度渐变

将雨滴的合成保存一下后添加到天气icon中,调节大小和位置

P键调出位置,做一个位置动画,两秒的地方打个关键帧

Ctrl+D复制另一个雨滴,将落下的位置做调整

在左下空白位置右击,新建一个空对象

调整空对象的位置

选中位置 打个表达式(快捷键Alt+Shift+=)wiggle(1,10)

把除了bg和空对象以外的图层都选中,然后绑定到空对象上面,则所有的图层都跟着抖动起来,到这里就成功啦~撒花

14
举报
|
15
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】汽车icon
【新年UI图标】礼物/活动icon
UI界面 组件
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
【新年UI图标】体育icon
UI通用设计素材1
盲盒APP UI设计
新能源APP应用UIKit
3D卡通UI界面图标可爱插画免扣素
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】会员icon
钱包ui模板
户外旅行飞机情侣假日出行
Security Camera UI kit
新拟态风格 UI设计组件库
科技医疗透明柜UI界面设计
拟物风质感写实UI卡片合集源文件
【新年UI图标】旅行icon
3D渐变流体抽象矢量UI背景图
APP/小程序商业项目UI模板|99个高保真UI+79个原型
我的钱包-UI界面设计-app
手表表盘UI系列
你可能喜欢
相关收藏夹
大家都在看
登录注册