打造别人家的风景动图,AE制作动态水波纹教程

用户头像
西安/设计爱好者/9年前/5978浏览
打造别人家的风景动图,AE制作动态水波纹教程
用户头像
zero188

别人家的风景图,总是格外炫酷,如何打造如此炫酷的效果,且看AE制作动态水波纹效果教程

泉眼无声惜细流,树阴照水爱晴柔。
小荷才露尖尖角,早有蜻蜓立上头。

    春天已经到来,夏天还会远吗?夏日的午后,潺潺流水的池塘边,蜻蜓立在刚刚露头的荷花上,一切的一切都充满的盎然的生机。

    bibi~,这难道不应该是一篇AE教程吗,怎么变成了古诗文赏析,好吧,言归正传。。。

    通常在天气预报的APP界面上会出现一些和季节、天气相关的动态风景图,这些动态图是怎么来的呢,我们今天就来看看如何制作夏日荷塘的动态水波纹。

    软件准备:Adobe After Effects cs4

    效果图预览:

    

32ce58ce779da801219c771ad46e.jpg

(背景图来自网络,若有侵权,告知删除)

    然后,我们开始制作,上图效果图:

    step1 导入背景素材PSD

    a)双击项目面板空白区域,选择制作好的背景PSD素材,进行导入,弹出面板设置如下

7b2e58ce7ad5a801219c777fcb80.jpg

    

    b)设置完毕点击“是”

    c)进入项目面板双击背景合成组,自动进入合成组内部

047358ce7bc0a801219c77dacedc.jpg

6b8658ce7c3da801219c77aa3daf.jpg

    step2 制作水面波纹

    a)新建合成组(ctrl+N),命名为水纹

b27e58ce7cb4a801219c770553b7.jpg

    b)新建固态层(ctrl+Y),命名为水纹

c81858ce7ceba801219c77fe6383.jpg

    c) 添加分形噪波滤镜(效果-噪波与颗粒)

     分形类型:地形

     对比度:55

     亮度:-70

     复杂性:2

3c2458ce7d67a801219c77df3485.jpg


    变换:取消统一比例

    缩放宽600/缩放高90

495958ce7db1a801219c77266be9.jpg


    乱流偏移Y轴:制作由上至下流动效果

    起始帧参数:0/末尾帧参数:200


6d6558ce7e89a801219c774aa405.jpg

618b58ce7efca801219c778a58a5.jpg


    演变:制作随机水纹变形效果

    起始帧参数:0/末尾帧参数:1圈

    d)选择水纹图层,预合成图层(ctrl+shift+c),命名为水纹动画

8aed58ce7f86a801219c773bddf4.jpg

    e) 制作水纹循环动画

    f)复制水纹动画图层(ctrl+D)

    g)将时间指示器,移动到中心2秒处

a92b58ce8005a801219c7798eb15.jpg

    h)选择最上面图层,从中心切割开时间条(ctrl+shift+D)

b43058ce814ca801219c7764b5b0.jpg

    i)交换切割开的两时间条前后位置

736258ce81a0a801219c776cceca.jpg

    j)选择三个图层,打开图层透明属性(T)

    起始帧:顶部图层透明度100%,其余两图层透明度0%

    中心处:底部图层透明度100%,其余两图层透明度0%

    末尾帧:中间图层透明度100%,其余两图层透明度0%

    k)在项目面板下双击背景合成,进入合成组

    l)将项目面板中的水纹合成,拖到时间面板内

    m)水纹图层混合模式改为屏幕,去除黑色背景(注:模式选项在时间面板左下方可以开启)

0d0f58ce8265a801219c77f79c81.jpg

    n)选择水纹图层用钢笔工具抠出荷花荷叶区域

c90e58ce82e6a801219c77fec2bd.jpg

    o)打开遮罩属性设置如下(只显示不遮挡荷花荷叶区域)

85df58ce8332a801219c7708e2cf.jpg

79dd58ce8364a801219c77258be8.jpg

    p)新建调节层(ctrl+alt+Y),将调节层移动到水纹图层上方

4ad658ce83dca801219c77c56ee5.jpg

    q)调节层上添加置换映射(效果-扭曲)

    映射图层:水纹

    最大水平置换:30

    最大垂直置换:15

    r)分别给水纹层和背景添加动态平铺滤镜,填补黑色区域上(效果-风格化)

    输出宽度/高度200

    勾选镜子边缘

    s) 复制背景图层(ctrl+D)移动到调节层上方

c77a58ce8689a801219c77dd7c1e.jpg

    t)打开水纹遮罩属性栏,选着遮罩复制(ctrl+c)

9a4b58ce86e4a801219c77dd1ec8.jpg

    u)选择复制出的背景粘贴,将遮罩属性参数改为如下

249d58ce8753a801219c77d17ced.jpg

ac3d58ce87c1a801219c7752e779.jpg




    setp3)蜻蜓动画制作

    a) 双击项目面板空白区域,选择蜻蜓素材,tga图片的导入(选择自动预测)

cebb58ce8971a801219c77d0c455.jpg

    b)新建合成组(ctrl+N),命名为蜻蜓

6b0358ce8895a801219c77926c91.jpg

    c)将蜻蜓素材拖到时间轴面板

b4e258ce8ab3a801219c7734b60a.jpg

    d)选择蜻蜓图层,在常用工具栏里双击矩形遮罩,给图层添加遮罩层

28de58ce8ae0a801219c77408b10.jpg

    e)在视图窗口双击遮罩层,移动一侧线框到蜻蜓中心处,将另一侧隐藏

3ea058ce8b03a801219c77ccfcb3.jpg

    f)打开蜻蜓图层3D层

46eb58ce8b74a801219c772c1adc.jpg

    g) 打开图层旋转属性(R)做翅膀循环动画

    初始帧:Y轴20°

    下一帧:Y轴-30°

    再下一帧:Y轴20°

20c058ce8bf9a801219c772c785f.jpg

    h) 框选三个关键帧,按F9(缓动动画)

981a58ce8c3ea801219c771b200a.jpg


    i)添加循环表达式

    按住alt键,点击Y轴旋转属性前的码表

d50d58ce8cc9a801219c77e665a7.jpg

    j)在表达式右侧找到最后一个按钮(表达式语言菜单)

cf1c58ce8cf3a801219c775f0034.jpg

    k) Property(属性)- LoopOut type(循环)

078158ce8d29a801219c7739a908.jpg

    l)复制蜻蜓图层制作另一侧翅膀,进入遮罩属性内点击反转

21c058ce8d78a801219c77c014cb.jpg

    m)打开图层旋转属性(R),将三个关键帧改为相反数值

    初始帧:Y轴-20°

    下一帧:Y轴30°

    再下一帧:Y轴-20°

c52a58ce8dc8a801219c77c6611b.jpg

    n)在项目面板下双击背景合成,进入合成组

    o)时间轴面板放入蜻蜓合成,缩小图层

    p)打开图层的3D效果和激活折叠转换

206c58ce8e13a801219c77c5fdce.jpg

    q)分别打开图层旋转属性(R)和位置属性(Y),调整XYZ轴来确定蜻蜓朝向和位置


好了,到此时啰嗦的我终于讲完了,那么,现在让我们的水流动起来,蜻蜓舞动起来吧,还等什么,快快行动吧

113e58ce91a5a801219c77844a4b.jpg

(背景图来自网络,若有侵权,告知删除)

31
举报
|
46
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
平面书法字手写
水蜜桃和李子的平面水果图案
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
平面插画设计女孩喝咖啡
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
中国传统纹样创新图案设计
平面风格黄绿色系花朵装饰
城阙凡花
城市园林平面布局航拍
海底世界插画
平面插画情侣/矢量
空的平台平面和自然景观
空的平台平面和自然景观
倒计时,海报,平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
古风平面仕女与瓷器
牛奶乳液层次平面平铺平面
平面花卉图案扁平简约无缝拼接插画
你可能喜欢
大家都在看
登录注册