南瓜园

 找回密码
 注册
查看: 836|回复: 0

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

[复制链接]
发表于 2018-7-10 11:04:52 | 显示全部楼层 |阅读模式


刷微博的时候经常会看到一些 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、微信等,动图依然是循环播放的。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

QQ|小黑屋|手机版|Archiver|南瓜园

GMT+8, 2024-11-14 17:39 , Processed in 0.076277 second(s), 16 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表