Photoshop制作手机图片循环滚动动画效果

2019-03-07 | [ 添加收藏 ] | 查看: | 来源:PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

您目前的位置:首页 > PS实用技巧 > 正文
  • 设计培训
  • PS入门培训
  • PS中级培训
  • PS高级培训
  • PS精品bet36体育投注备用_bet36体育在线上不去_bet36怎么提现
  • 在线报名
  • 以下是“Photoshop制作手机图片循环滚动动画效果”的详细介绍,现在由PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现网小编带你一起了解详细的内容,正文如下:

    先看看效果图

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    一:导入三张图片。注意他们的顺序,其中有一个是背景,有一个是手机,第三个是要循环播放的图片。注意图片可以自己做,要做成我做这样的就可以了。

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    二:建立蒙版图层我们要在手机屏幕处建立剪贴蒙版,所以要做一个。选择一个区域,并且新建一个图层,如下

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    任意填充一个颜色

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    取消选区

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    调整图层顺序,如下

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    三:建立剪贴蒙版建立剪贴蒙版,并且调整图片的位置,正好在手机中央

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    四:动画制作点击窗口---时间轴,如下

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    复制三个(右下角有一个复制按钮),将时间都改为0.1秒

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    选中中间的图,如下

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    选中图层1234,及最上面的蒙版图层用鼠标平移,更换画面,如下

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    同样选中第三个画面,平移画面如下

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    五:添加过渡选中中间,

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    添加如下

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    选中第三

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    最后将帧1,52,103改为2秒,目的是在图片到底后有一个停留

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    六:保存保存为web格式

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

    大功告成。

    Photoshop制作手机图片循环滚动动画效果,PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现,兽猫bet36体育投注备用_bet36体育在线上不去_bet36怎么提现网

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

    如果本bet36体育投注备用_bet36体育在线上不去_bet36怎么提现对你有帮助,请献出您的一份爱心,有您的支持我们会做的更好!
    站长整理bet36体育投注备用_bet36体育在线上不去_bet36怎么提现和视频真的很辛苦!感谢!

    • 附件下载:
  • 标签:bet36体育投注备用_bet36体育在线上不去_bet36怎么提现 效果 
  • 发布时间:2019-03-07 18:20:41
  • 0
  • PS实用技巧相关信息

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

    PS培训班报名在线登记

    • 姓名:
    • 手机:
    • 职业:
    • 地区:
    设计论坛 | 学习问答 | 培训课程 | 视频bet36体育投注备用_bet36体育在线上不去_bet36怎么提现 | 资料下载 | 站点地图
    ?2005-2020 兽猫教育 旗下平台 PSbet36体育投注备用_bet36体育在线上不去_bet36怎么提现网 互联网ICP备案:渝ICP备17008327号

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