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

如题所述

第1个回答  2022-06-23

刷微博的时候经常会看到一些 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、微信等,动图依然是循环播放的。

相似回答