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