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

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

作者: 白云熊胆丸说 | 来源:发表于2018-07-08 16:07 被阅读61次

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/ncpouftx.html