Photoshop制作三张图片在手机上循环播放的效果教程

本想做一个复杂点完美点的教程，可是过于完美，就会复杂，反而掩盖了真正要表达的知识，所以做了一个还不错的相对简单的教程。

一：导入三张图片。

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

二：建立蒙版图层

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

任意填充一个颜色

取消选区

调整图层顺序，如下

三：建立剪贴蒙版

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

四：动画制作

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

复制三个（右下角有一个复制按钮），将时间都改为0.1秒

选中中间的图，如下

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

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

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

五：添加过渡

选中中间，

添加如下

选中第三

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

六:保存

保存为web格式

大功告成。

教程结束，以上就是关于PS制作三张图片在手机上循环播放的效果教程的全部内容，希望大家看完有所收获！

相关教程推荐：

photoshop cs6制作循环滚动gif动态图片

ps给孙悟空图片制作左右循环位移动画效果教程

PS绘制漂亮的发光球体循环播放按钮