教教你如何在背景图中添加GIF动态图

莫名的醉意 莫名的醉意 2017-09-13 10:17

最近有朋友问我,怎么在一个背景图片上面加动态图GIF,就像下图那样的效果:

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

在一张户外手表的照片上面加入手机APP页面的滚动效果照片。达到就像用手机在看APP数据页一样。其实,这种带背景的GIF图可以用PS制作出来,对于小白来说或许有点一脸懵逼,但是对于老司机来说是很简单的,下面就由我来教教小白们怎么做这种效果图片吧。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

首先,把你的背景照片拉进去PS里面,图片可以适当调整一下大小,直出图的是很大的,而且你手机APP的截图并不是很大,很多情况下,你拉进入的APP截图可能会在这图层里面显得很小。那么现在你可以先把照片的大小缩小一下,新浪最大支持2MB的图片大小,但其实作为评测照片,2500像素宽度就足够清晰了,除非你要展示超级高清的大片。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

键盘按住CTRL+ALT,然后按I键,呼出上面的图像大小设置栏,在红圈就是宽度的数据里面输入2500,下面的高度不用输入,因为会自动适配,不会导致图像的变形。然后确定图片就缩小为2500像素了。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

接着把你APP的截图拉入到PS里面,直接在文件夹,点击照片,然后按住鼠标左键把照片拉进来就行,先拉入第一张,然后把第一张拉倒左边去(不拉也行),然后依次拉入剩下的几张,然后重叠在第一张的上面,对齐。需要注意的是,你用PS打开的照片然后再从PS拉入到这个照片,图片是不会自动缩小适配当前的背景的,所以,要注意是从外面直接拉图片进来这里。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

接着键盘按住CTRL,鼠标点击右边图层选取的三张APP截图,如果多几张的话,可以先点击第一张,然后按住Shift鼠标点击最后一张,中间的也会被选中。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

选中三个图层后,按住键盘CTRL+T键,这个时候在图片区域的APP截图会出现放大缩小的边框形态,按住键盘的Shift+Alt然后把鼠标移到边缘,上图红色圈圈的那个角那里,然后拉动鼠标你会发现,这个框的AP截图会等比例的放大缩小,缩小到你满意的大小,然后按回车就可以确定放大缩小的图片。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

接着点击顶部的窗口,弹出很多选项,点击时间轴。开始制作GIF动态图。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

点击红色框的创建帧动画。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

再按红色箭头指向的地方,创建两个帧,你的APP截图有多少张图,就弄几个帧,例如我的三张,就再新建两帧。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

点击右下角的第一针,然后把右边图层的另外两个APP截图的眼睛点掉,第一帧就会显示第一张APP的截图。然后依次选择第二帧,把第一张和第三张的眼睛去掉,点亮第二张的眼睛。第三帧的时候把第一和第二张APP截图的眼睛去掉,点亮第三张照片的眼睛。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

把所有帧数选中,然后点击0秒旁边的三角呼出延迟的选项,秒数越大,显示的时间越长,无延迟,图片会瞬间换掉,这里选择0.5秒以下,可以确保展示的时间不久也不会过长。选完后,其他帧数也会变成0.5秒。最后点击一次的三角,选择你GIF图的显示次数,这里当然选无限了,不断的展示。弄完后,你可以点击播放按钮来看看效果。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

完成上面的操作后,同时按住键盘的Shift+CTRL+ALT+S呼出存储栏,点击箭头指向的地方选择GIF模式,下面的数据,选择颜色256.然后点击存储,保存在自己想要保存的地方。

新浪众测,众测,消费众测,试用,免费试用,测评,评测,报告,任务,分享,生活理念

最后就完成在一个背景图片展示APP滚动展示效果的动态照片拉。其实PS还蛮简单的,多操作就可以了。这次的教程就到这里,更多的教程,可以看我原创页面,里面有更多的评测照片中用到的PS处理技巧。另外,刚发布的MIX 2的确不错,一起期待即将到来的iPhone8会带给我们什么样的惊喜吧。

(声明: 本文著作权归作者本人和新浪众测共同所有,未经许可不得转载。本文仅代表作者观点,不代表新浪众测立场。)
0 0
分享 商务合作 返回
微博 QQ空间 微信