分享

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

 圆眼蛙 2017-07-17

本教程主要使用Photoshop制作微波凌凌的海浪动画效果,海浪涌动不像流水动画,制作难度更大一些。前期需要对置换滤镜有一些了解;然后绘制出条纹图案,并控制好条纹之间的间距,通过移动并保存为一组PSD文件;最后用复制的海浪图层置换条纹文件,就可以得到想要的动画效果。

教程所需要的素材:海浪流动的动画效果PS教程素材

最终效果

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

1、打开海浪素材,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

2、新建一个空白图层,并用油漆桶工具填充黑色,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

3、新建一个图层,在工具箱选择矩形选框工具,然后拉出一个矩形选区,并填充白色,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

4、按Ctrl + D 取消选区,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

5、按Ctrl + J 把当前图层复制一层,然后用移动工具垂直往下移动一点距离,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

6、按Ctrl + J 把当前图层复制一层,然后用移动工具垂直往下移动一点距离,线条之间的间距保持固定。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

7、同样的方法复制出更多白线,并把这些图层合并为一个图层,线条要比画布多出一些,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

8、测量线条之间的间距。回到黑色背景图层,用矩形选框工具款选出下图所示的选区,并按Ctrl + C 复制。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

9、按Ctrl + N 新建,这时候的高度数值就是间距,为30像素,这样方便后期设置动画,然后点取消。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

10、回到线条图层。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

11、点图层面板右上角的菜单,选择“转换为智能对象”,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

12、选择菜单:滤镜 > 模糊 > 高斯模糊,半径设置为6。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

13、按Ctrl + S 保存,然后命名为d_1.PSD,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

14、关键一步,按键盘上的向下方向键,轻轻的点6下(6下代表6个像素,之前我们测量的间距为30,刚好是6的5倍),如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

15、按Ctrl + Shift + S 另存为d_2.PSD,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

16、再按向下的方向键6次,然后另存为d_3.psd。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

17、再按向下的方向键6次,然后另存为d_4.psd。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

18、再按向下的方向键6次,然后另存为d_5.psd。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

19、这就是刚才保存的5个文件。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

20、把所有图层隐藏,只保留背景图层,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

21、把背景图层复制5层,按1 - 5 命名,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

22、首先选择“1”图层。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

23、选择菜单:滤镜 > 扭曲 > 置换。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

24、设置置换参数,然后确定。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

25、这时候会选择文件,找到刚才保存的PSD文件,选择d_1.PSD,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

26、再选择2图层,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

27、同样的方法执行置换滤镜操作,这时候选择d_2.psd文件,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

28、其它的文件也是一样的操作,只是对应的PSD文件不同,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

29、这是得到的图层效果。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

30、选择菜单:窗口 > 时间轴。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

31、选择“创建帧动画”。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

32、第一帧把时间设置为0.1,然后选择图层1,其它的图层隐藏,如下图。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

33、新建一帧,选择图层2,其它图层隐藏。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

34、第三帧,选择图层3,其它图层隐藏。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

34、第四帧,选择图层4,其它图层隐藏。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

35、第五帧,选择图层5,其它图层隐藏。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

36、把下面的次数设置为“永远”。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

37、选择菜单:文件 > 存储为Web所用格式。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

38、循环选项选择“永远”,然后存储,并命名。

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

最终效果:

鬼工山庄Photoshop制作逼真的海浪涌动动画教程鬼工老师

1、关注微信公众号 鬼工老师 获取Ae Pr Ed Ps Ai Fl Dw Cad Cdr Id 会声会影 word pptexcel3Dmax Maya 500G免费资源

2、免费提供Ae Pr Ed Ps Ai Fl Dw Cad Cdr Id 会声会影 word pptexcel3Dmax Maya 500G教学视频和软件,加QQ|微信 2808734777获取

3、想系统学习影视后期设计制作各种软件技巧和黑科技请访问鬼工山庄官网 www.guigsz.cn

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多