融合动画,用PS中的动画功能制作液体融合的效果

本篇通过PS的动画功能制作液体融化动画的效果,教程主要使用PS的时间轴来制作完成,下面我们就来看看详细的教程,教程比较详细,同学们可以照着步骤来做,体会学习PS的乐趣,同学们一起来练习一下吧。

效果图:

 融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com
www.16xx8.com

制作步骤:

01、打开PS,新建画布,画布大小根据自己来定

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

02、单击图层最底下的第四个小图标。选择渐变填充。选择一个自己喜欢的渐变色,做个径向渐变。颜色仅供参考。(这一步最要制作GIF的背景,可以根据自己喜爱来调节,也可以直接拖拽一张图片进来做背景)

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

03、新建一个图层,并填充为黑色。(是新建一个空图层,并不是在背景层上填充哦)

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

04、新建一个150*150px的白色圆,并且调整羽化值为30像素。(羽化值在属性栏里面调整)

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

05、拷贝一层椭圆1。观察图层,两个圆是分图层存在的。

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

06、单击图层最底下的第四个小图标。选择色阶。并把最上面的四个图层编组放一起。

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

06、双击色阶,调整色阶属性。把左右两个色标往中间移动,目的是为了两个羽化的圆调整硬边缘的圆,调整时注意观察圆的变化。

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

07、到这里水溶效果就出来了,大家可以移动两个圆其中的一个,往另一个旁边靠,当靠的比较近时,它两就会有融合效果。效果出现就可以删除一个圆,

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

08、去掉黑色背景。双击组1,调出图层样式。调节本图层的黑色色标,把黑色图标往右边移动,目的是为了去除改组里面的黑色,调整时注意观察圆的变化。(反之,把白色图标往移动就会把改组内所有白色渐渐去除)

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

09、把圆转成智能对象,并且复制一层。(因为我们该案例是让物体移动,所以我们要把物体转成智能对象,才能制作移动的动画)

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

在窗口菜单调出时间轴

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

创建视频帧动画

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

10、点击时间轴内组1前面的小三角,使组1展开,并找到椭圆1

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

11、当前工作区域结束是在05:00f处(也就是5秒)把工作区域结束移动到01:00f处

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

12、点击组1内椭圆1前面的小三角,使椭圆1展开

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

并找到椭圆1的变换,点击椭圆1的变换前面的小闹钟图标(启动秒表)

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

秒表启动后右边自动生成一帧变换帧

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

13、将时间轴线移动到00和01:00f的中间位置

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

执行ctrl+t变换,把椭圆1移动到画布右侧

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

14、将时间轴线移动到01:00f位置

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

执行ctrl+t变换,把椭圆1移动到原始位置

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

15、单击时间轴右上角的小图标,找到循环播放,单击循环播放,(将循环播放前面打上"√",如果已经有"√"就没必要点击)

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

16、这时单击时间轴左上角的播放图标,就可以预览到效果了

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

17、最后就剩导出了,ctrl+shift+alt+s导出为web所用格式,格式选择GIF,循环次数选择永远

融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com

完成:

 融合动画,用PS中的动画功能制作液体融合的效果_www.16xx8.com
www.16xx8.com

是不是觉得很有意思呢?同学们快点来制作一下试试看吧。

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    石字佐转 说: 很棒的教材~~~~~~~~~~~~~~~
    说: 好教程好喜欢这个网站
    手表不坏 说: 棒好东西
    雪然雨汐 说: 今天趁着合租的女生在洗澡,偷偷的溜进了她的房间,拿起了她的内衣开始仔细的嗅了起来,当我正嗅的认真的时候她突然进来了,大声的问:你在干什么?我丢掉她的衣服,把她逼到墙角一个帅气的壁咚。她害羞的说:你你要怎么样?然后我两只眼睛深情的望着她的双眼,并且大声说到:你他妈是不是偷我洗衣粉了
    媚媚 说: 瞧瞧[/可爱]
    梦中的那个她 说: 这个必需练练
    情有蛊毒x 说: 想学习学习
    用尽一世繁华 说: 我的作业:<img src=http://bbs.16xx8.com/data/attachment/album/201805/06/114229cu8ieh888z3i69oi.gif>
    用尽一世繁华 说: 我的作业:<img src=http://bbs.16xx8.com/data/attachment/album/201805/06/114443jk77kbcnbtcuokbf.gif>
    如果等待可以换回奇迹 说: 非常好