Photoshop巧用动画功能制作液体融合动画效果

2019-03-07 | [ 添加收藏 ] | 查看: | 来源:PS教程网

您目前的位置:首页 > PS实用技巧 > 正文
  • 设计培训
  • PS入门培训
  • PS中级培训
  • PS高级培训
  • PS精品教程
  • 在线报名
  • 以下是“Photoshop巧用动画功能制作液体融合动画效果”的详细介绍,现在由PS教程网小编带你一起了解详细的内容,正文如下:

    先看看效果图

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    具体的制作步骤如下:01、打开PS,新建画布,画布大小根据自己来定

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    在窗口菜单调出时间轴

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    创建视频帧动画

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

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

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    以下是用类似方法做出来的效果。

    Photoshop巧用动画功能制作液体融合动画效果,PS教程,兽猫教程网

    点击阅读全部
    微信扫码打赏

    如果本教程对你有帮助,请献出您的一份爱心,有您的支持我们会做的更好!
    站长整理教程和视频真的很辛苦!感谢!

    • 附件下载:
  • 标签:动画 教程 
  • 发布时间:2019-03-07 18:21:11
  • 0
  • PS实用技巧相关信息

    • PS合成教程:创意手机广告
    • PS合成教程:创意手机广告

      PS教程:创意手机广告,今天给大家更新一个有趣的创意手机广告的教程。首先我们先新建一个1800像素X1864像素、分辨率为300像素 英寸的文档,设置颜色模式为RGB颜色,背景内容为“透明”。单

      标签: PS合成教程  | 更新时间:2019-03-12
    • Photoshop制作手机图片循环滚动动画效果
    • Photoshop制作手机图片循环滚动动画效果

      PS制作手机图片循环滚动动画效果先看看效果图一:导入三张图片。注意他们的顺序,其中有一个是背景,有一个是手机,第三个是要循环播放的图片。注意

      标签: 教程 效果  | 更新时间:2019-03-07

    热门设计培训课程 更多>>

    设计论坛 | 学习问答 | 培训课程 | 视频教程 | 资料下载 | 站点地图
    ©2005-2020 兽猫教育 旗下平台 PS教程网 互联网ICP备案:渝ICP备17008327号

    地址:重庆市 · 重庆市沙坪坝区大学城南路23号 客服电话:400-879-2201 商务咨询QQ:785669963 渝公网安备 31011502002407号