本文作者:三岁教程网

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

三岁教程网 2022-11-12 00:00:00 68 抢沙发

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


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

一:导入三张图片。

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


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


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


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


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


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

二:建立蒙版图层

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


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


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

任意填充一个颜色


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


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

取消选区


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


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

调整图层顺序,如下


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

三:建立剪贴蒙版

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


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


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

四:动画制作

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


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

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


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

选中中间的图,如下


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

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

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


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


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

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


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

五:添加过渡

选中中间,


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

添加如下


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

选中第三


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


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

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


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


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


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

六:保存

保存为web格式


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


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


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

大功告成。


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

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

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=69975发布于 2022-11-12 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,68人围观)参与讨论

还没有评论,来说两句吧...