本文作者:三岁教程网

动态图片,在ps中制作翻页的动态手机效果图

三岁教程网 2022-11-09 00:00:00 74 抢沙发

本篇教程通过PS制作翻动手机图片的GIF动态效果,主要分为三步,第一步,找到一个手持手机的素材。 第二步,把手机内的屏幕用钢笔扣下来,新建一个图层,填充颜色备用。 第三步,找到对应的素材作为手机壁纸,这里要制作翻页但是需要练习,具体如何制作还是需要通过实例来练习一下,只有练习才知道自己会不会,能否做好,同学们一起来练习一下吧。

效果图:


    
     动态图片,在ps中制作翻页的动态手机效果图

操作步骤:

第一步,找到一个手持手机的素材。


    
     动态图片,在ps中制作翻页的动态手机效果图

第二步,把手机内的屏幕用钢笔扣下来,新建一个图层,填充颜色备用。


    
     动态图片,在ps中制作翻页的动态手机效果图


    
     动态图片,在ps中制作翻页的动态手机效果图

第三步,找到对应的素材作为手机壁纸,这里要制作翻页,所以要多找一些,然后按照手机的大小裁剪出对应的大小,效果


    
     动态图片,在ps中制作翻页的动态手机效果图


    
     动态图片,在ps中制作翻页的动态手机效果图

第四步,如上述方法一样,继续导入素材,裁切相同大小,然后拼接。


    
     动态图片,在ps中制作翻页的动态手机效果图

第五步,这里为了使得图片过渡的自然,我把最开始的那个绿色图片放在后面再衔接上。


    
     动态图片,在ps中制作翻页的动态手机效果图

第六步,回到最开始抠出手机屏幕以后填充的那一个图层。


    
     动态图片,在ps中制作翻页的动态手机效果图

然后ctrl键加图层缩略图获得选区,新建一个组,选区状态下添加蒙版


    
     动态图片,在ps中制作翻页的动态手机效果图

第七步,把刚刚做好的拼接图移到新建的组里。


    
     动态图片,在ps中制作翻页的动态手机效果图

第八步,这回要运用到时间轴了,具体打开方法是找窗口,时间轴,选中,这样就会出现如下效果。


    
     动态图片,在ps中制作翻页的动态手机效果图

第九步,时间轴上新建,然后把拼接的图片进行向左移动,这里我设置的秒数是0.2秒。


    
     动态图片,在ps中制作翻页的动态手机效果图


    
     动态图片,在ps中制作翻页的动态手机效果图

第十步,继续新建,移动图层的图片位置。


    
     动态图片,在ps中制作翻页的动态手机效果图


    
     动态图片,在ps中制作翻页的动态手机效果图


    
     动态图片,在ps中制作翻页的动态手机效果图


    
     动态图片,在ps中制作翻页的动态手机效果图

第十一步,这些都处理好了,鼠标点击最后一帧,点击右边的一个小三角,选择过渡,具体参数根据自己设定。


    
     动态图片,在ps中制作翻页的动态手机效果图

第十二步,确定以后,点击另一帧,继续这种操作。


    
     动态图片,在ps中制作翻页的动态手机效果图

继续重复操作。


    
     动态图片,在ps中制作翻页的动态手机效果图


    
     动态图片,在ps中制作翻页的动态手机效果图

第十三步,做到这里,基本就已经成型了,下面再稍微设置一下,然后点击播放查看一下就可以了。


    
     动态图片,在ps中制作翻页的动态手机效果图

第十四步,一切处理好以后,存储为web格式,选择gif,循环选择永远。


    
     动态图片,在ps中制作翻页的动态手机效果图

完成:


    
     动态图片,在ps中制作翻页的动态手机效果图

到这里就制作完成了,同学们学会了吗,同学们可以根据自己喜欢的素材练习,具体通过教程来练习一下吧。

文章版权及转载声明

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

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

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

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

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