在上一期帖子中我讲了关于个人资料静态背景展柜制作教程。这次教大家怎样制作steam动态背景展柜，讲得很细，希望大家耐心看下去。

我的上一期帖子：【技术向】steam个人资料静态背景展柜制作教程

这次用到的工具是：Photoshop

做动态展柜首先要GIF图，而网上的GIF图大多是有背景色的（如例图1），那么怎么样才能抠GIF图呢？（如果已经会了或者不用抠图的话可以直接看后面的教程）

例图1

• 抠图过程：

首先先将GIF图拖入Photoshop中

在窗口处，打开时间轴

左端工具栏，右键橡皮擦，选择魔术皮擦工具

在左上角选择你合适的容差（容差越大越粗略，容差越小越精细。）

点击你要删除的背景色，完成后如下图

因为GIF图是由很多个图层组合的，所以我们只完成了第一张的抠图（不同的GIF图图层数不一样，我这张是27个图层）

在时间轴选择第二帧，图层处选择图层2，然后继续上面的步骤

完成所有图层的抠图后，左键图层1，然后按住Shift键再点击最后一个图层。再点击文件夹图标创建新组

最后导出----存储为Web所用格式

再点击储存选择好文件夹就可以保存了

• 动态展柜制作过程：

将切好的背景图和抠好的素材准备好。把抠好的GIF图拖入PS

右下角左键图层1，然后按住Shift键再点击最后一个图层，点击文件夹图标创建新组

左上角图像----画布大小，调节为你之前切出的背景图的宽和高

怎么看宽和高呢？（将背景图拖入旁边的空白处创建新文档，右边的属性区会有宽和高）

点击确定，可以看到画布大小变得和背景图一样大了

由于我这张GIF图比较大已经占据了背景图的大部分，所以需要调小。

先将右下角的组收起，然后单击组名

再在左边工具栏右键选择矩形选框工具

框选出人物大致轮廓，然后右键点击自由变换

拖动框的四周点可以变换大小，然后长按图片移动到合适位置，点击√

完成缩放和移动后，将背景图移动到画布正中央，点击√

最后在右下角图层处，把背景图片拖动到组下面

完成后可以按空格键预览一下

最后文件---导出---存储为Web可用格式

注意如果最后输出GIF时出现残影，那么在时间轴出左键第一帧然后按住SHIFT键在点击最后一帧

最后右键点击处理，就可以解决问题了

这样一个动态的steam展柜就做好了（这只是其中的一种方式，大家可以多多实践一下）

最后，如果大家觉得这篇帖子对你有帮助的话，就请帮我点个关注点个赞谢谢啦O(∩_∩)O有疑问的可以在评论区留言或者私信我。