端午节到了，先祝大家节日快乐。

        今天我们学习如何做一个b站直播间里的粽子gif动画，见图1，目标效果见图2。我会写得尽量简明、详尽和清晰（其实做成视频比较好）。之所以选择软糯白糖粽而非飘香大肉粽是因为我更喜欢吃豆沙粽。

        用到的工具：电脑，浏览器，photoshop

一、获取粽子图片

        以Chrome浏览器为例（其他浏览器类似）：打开任意直播间，按F12打开调试窗口，选择网络（Network）选项卡，按F5刷新页面，找到粽子图片，右键-在新标签打开，下载这个png图片，见图3和图4。

二、分割图片

        下载的图片是一个大小3220×140像素的透明PNG图片，由23个小图片组成，见图5。因此，我们需要先把它分成23个小图片。

        打开photoshop（我的版本是CS4 11.0.1），打开此图片，选择切片工具，见图6。在图片上右键-划分切片，见图7。选择垂直划分为，23个切片，点击确定。见图8。点击文件-存储为Web和设备所用格式，见图9。将图片缩放以便用鼠标全部选中，格式改为PNG透明，杂边选无，然后点存储，见图10。起个数字名字然后保存，见图11。在保存位置会生成image文件夹，里边是23个png图片，见图12。

三、把图片们制作成gif

        点击文件-脚本-将文件载入堆栈，点击浏览，选择刚才保存的23张图片，点确定，图片会按顺序加载进当前图层，见图13、14、15。点击窗口-动画，打开动画窗格。见图16。点击动画窗格右上角，选择从图层建立帧，见图17。之后，图片会导入动画窗格，但是是反向的，所以再选择反向帧，见图18。用Shift和鼠标选择全部图片，设置时长0.1秒。见图19。然后文件-存储为Web和设备所用格式，见图9。选择gif格式，杂边选"无"，存储，见图20。这样就做好gif图片了，更多选项大家可以自己摸索。

四、结语

        建议大家试一试，马上就会了。

        PS版本不同选项可能不同，但是都差不多。

by 让人微笑的光景

200624