石头 发表于 2018-7-10 11:04:52

PS 小技巧|如何制作微博里的那种点开图和预览图不一样的动图


http://p0.qhimgs4.com/t01a91820845f369184.webp
刷微博的时候经常会看到一些 gif 图,预览图和点开的大图是不同的图片,并且 gif 图点开后也不会循环播放再次看到预览图。
就像这样:
http://p2.qhimgs4.com/t0117fbb205a3e6d7c6.gif
(动图截自费启鸣微博)
那么这种图是怎么做出来的呢?
其实很简单,用 Photoshop 做一个只循环一次的 2 帧动画就可以了。
过程如下:
1、首先,你需要一部装有 Photoshop 的电脑。
2、准备 2 张图片,一张用做预览图、一张用做点开图。
建议两张图片形状一样,否则可能做出的成图效果不佳。
3、打开 PS,将两张图片拖到 PS 中。
这里建议大家更改一下图像大小,把宽高像素改为 1000 以下,不然文件太大的话 PS 做动图会非常卡。
我这里将图片宽高改为 500 像素。
更改图片像素步骤:点击菜单栏中的「图像」-「图像大小」。
http://p0.qhimgs4.com/t01724b37b0fc46ffc3.webp
4、打开时间轴,然后「创建视频时间轴」。
步骤:点击菜单栏中的「窗口」-「时间轴」-「创建视频时间轴」。
http://p2.qhimgs4.com/t0182758c744c8f3b63.webp
5、点击右下角 -「转化为帧动画」。
http://p1.qhimgs4.com/t013e3729b20a9731cc.webp
6、复制帧,点击「复制所选帧」。
http://p1.qhimgs4.com/t014f571f35f92c2607.webp
7、设置帧
点击第一帧图片,将时间设为一秒以下,0.5 秒、0.2 秒均可。
然后鼠标放到右边「图层」板块,打开将要用做预览图的的图片的眼睛开关,关闭将要用做打开图的图片的眼睛开关。
http://p0.qhimgs4.com/t015759e75c9d59039c.webp
点击二帧图片,将时间设为一秒以下,0.5 秒、0.2 秒均可。
然后鼠标放到右边「图层」板块,打开将要用做打开图的的图片的眼睛开关,关闭将要用做预览图图的图片的眼睛开关。
(方法和第一帧做法一样,只不过把两张图层的眼睛开关更换以下)
http://p0.qhimgs4.com/t013c2e81d2dae2de72.webp
8、距离完工的最后一个步骤--导出。
步骤:点击菜单栏中的「文件」-「导出」-「储存为 Web 所用格式」。
http://p1.qhimgs4.com/t01edf2dc60dd0f859c.webp
注意:右下角的「循环选项」默认是「一次」,如果「循环选项」不是一次的话,一定要改成一次。
最后储存,大功告成!
把我刚刚做出的这个动图发微博试一下
http://p0.qhimgs4.com/t01bf4e948e4b8c4c99.gif
注:刚刚用 PS 做出的那张动图,在微博中是不会再循环了。
但是如果发到别的地方,比如 qq、微信等,动图依然是循环播放的。
页: [1]
查看完整版本: PS 小技巧|如何制作微博里的那种点开图和预览图不一样的动图

请大家牢记南瓜园网址 www.nan2008.com