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

第六步,回到最开始抠出手机屏幕以后填充的那一个图层。 然后ctrl键加图层缩略图获得选区,新建一个组,选区状态下添加 蒙版 http:///tags/38847/ ,效果如图。 第七步,把刚刚做好的拼接图移到新建的

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

本篇教程通过PS制作翻动手机图片的GIF动态效果,主要分为三步,第一步,找到一个手持手机的素材。 第二步,把手机内的屏幕用钢笔扣下来,新建一个图层,填充颜色备用。 第三步,找到对应的素材作为手机壁纸,这里要

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

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(1)

然后ctrl键加图层缩略图获得选区,新建一个组,选区状态下添加蒙版http:///tags/38847/,效果如图。

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

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(3)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(4)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(5)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(6)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(6)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(8)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(9)

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

效果图:

 动态图片,在ps中制作翻页的动态手机效果图(2)插图(10)

操作步骤:

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(11)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(12)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(13)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(14)想学更多请访问

动态图片,在ps中制作翻页的动态手机效果图(2)插图(15)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(16)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(17)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(18)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(19)

继续重复操作。

动态图片,在ps中制作翻页的动态手机效果图(2)插图(20)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(21)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(22)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(23)

完成:

 动态图片,在ps中制作翻页的动态手机效果图(2)插图(10)

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

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

效果图:

 动态图片,在ps中制作翻页的动态手机效果图(2)插图(10)

操作步骤:

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(11)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(12)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(13)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(14)想学更多请访问

动态图片,在ps中制作翻页的动态手机效果图(2)插图(15)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(16)

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

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

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(1)

然后ctrl键加图层缩略图获得选区,新建一个组,选区状态下添加蒙版http:///tags/38847/,效果如图。

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

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(3)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(4)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(5)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(6)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(6)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(8)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(9)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(17)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(18)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(19)

继续重复操作。

动态图片,在ps中制作翻页的动态手机效果图(2)插图(20)

动态图片,在ps中制作翻页的动态手机效果图(2)插图(21)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(22)

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

动态图片,在ps中制作翻页的动态手机效果图(2)插图(23)

完成:

 动态图片,在ps中制作翻页的动态手机效果图(2)插图(10)

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

作者: 791650988

为您推荐