教程 发表于 2020-12-29 11:05:37

制作翻动手机图片的GIF动态教程

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

效果图：

http://pic1.16xx8.com/allimg/ebacm/16xx899236x099236.thumb.gif

操作步骤：

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1.jpg

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x2.jpg

http://pic1.16xx8.com/allimg/ebacm/16xx899236x3.png

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x499236.thumb.jpg想学更多请访问www.16xx8.com

http://pic1.16xx8.com/allimg/ebacm/16xx899236x599236.thumb.jpg

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x699236.thumb.jpg

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x7.jpg

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x8.png

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x9.png

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1099236.thumb.jpg

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1199236.thumb.png

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x12.png

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1399236.thumb.jpg

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1399236.thumb.jpg

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1599236.thumb.png

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1699236.thumb.png

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1799236.thumb.png

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1899236.thumb.png

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x1999236.thumb.png

继续重复操作。

http://pic1.16xx8.com/allimg/ebacm/16xx899236x2099236.thumb.png

http://pic1.16xx8.com/allimg/ebacm/16xx899236x2199236.thumb.png

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x2299236.thumb.png

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

http://pic1.16xx8.com/allimg/ebacm/16xx899236x2399236.thumb.png

完成：

http://pic1.16xx8.com/allimg/ebacm/16xx899236x099236.thumb.gif

到这里就制作完成了，同学们学会了吗，同学们可以根据自己喜欢的素材练习，具体通过教程来练习一下吧。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

秃头小宝贝儿 发表于 2020-12-29 11:06:08

手机翻页效果

153796579 发表于 2020-12-30 11:29:19

谢谢您的分享。
页: [1]
查看完整版本: 制作翻动手机图片的GIF动态教程