设计知识
您当前的位置:主页 > 公司动态 > 设计知识 >

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

发布于:2017-12-18来源:网络整理 作者:唯创品牌策划点击:

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

一:导入三张图片。

注意他们的顺序,其中有一个是背景,瑞安广告公司,有一个是手机,第三个是要循环播放的图片。注意图片可以自己做,要做成我做这样的就可以了。

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

二:建立蒙版图层

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

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

任意填充一个颜色

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

取消选区

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

调整图层顺序,如下

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

三:建立剪贴蒙版

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

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

四:动画制作

点击窗口---时间轴,如下

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

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

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

选中中间的图,如下

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

选中图层1234,及最上面的蒙版图层

用鼠标平移,更换画面,如下

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

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

Photoshop制作手机图片循环滚动动画效果,PS教程,素材中国网

五:添加过渡

选中中间,

------分隔线----------------------------
------分隔线----------------------------


分享到:
sf999

网站客服:
点击这里给我发消息

在线咨询:
点击这里给我发消息

画册客服:
点击这里给我发消息

客服电话:
0577-25898858