淘宝网店店招，特别是收藏店铺的图片做成动态的更能抓住消费者注意力。小编其他经验有教大家如何使用美图秀秀做动态收藏图片，本文小编教大家如何使用ps制作店铺收藏动态图，如下图gif所示。结尾附ps软件百度云盘下载链接。

文库分享网（www.Wkfxw.com），全免费下载

工具/原料

ps

方法/步骤

建议最好有最基本的ps基础，要不然本教程可能理解有点困难。下载好ps之后，打开软件，点击左上角文件--新建。新建名称可以命名为收藏图1，下图我自己打错了，大家请自动忽略。宽度和高度可以按照我们要设计的尺寸设置。点击确定。

点击有下角新建一个图层，点击前景色选择粉色的颜色。

点击第二个选区按钮，在画布上画出一个矩形选框。快捷键backspace+alt键填充前景色到选取内。Ctrl+d取消选区。（在取消选区之前需要先点击选区按钮上面那个三角形按钮，即选择按钮，才能执行取消选区的命令）

再次选择选区按钮，画出一个稍小的矩形选区，delete删除选中的选区内容。如图所示，删除后会显示背景的颜色白色。再取消选区。

点击图层下面的Fx按钮，选择秒变，像素设置为1，透明度设置为 30%，点击确定。这一步给我们的粉丝方框加一个细细的描边效果。

此时方框内是纯白色的，为了更加有设计感我把方框的白色单独勾选出来，新建了一个选区，填充了一个淡粉色，图层透明度设置为50%。

添加文字信息，点击右侧的T字按钮，设置好自己需要的颜色，字体大小以及字体形式。输入文字信息。

文字信息输入好之后我按照之前给粉色边框添加描边效果的方法给文字也加了一个淡淡的描边效果。

点击右侧第五个按钮剪裁，把图片空余的白色减掉。

剪裁完之后如果觉得自己的图片大小和需要的不一致了，可以点击图像--图像大小，设置图像的宽度和高度。注意，最好按比例调整，即高度加1px，宽度也随之加1px。

设置好之后点击保存，储存为jpeg格式。

回到之前的画布页面，点击T字按钮，把之前的文字信息颜色修改为另一种颜色。如图所示。按前面的方法再保存一张图片。

在ps打开前面保存的两种图片。点击窗口--动画。

把另一张图片拖动到第一张图片上，使之重叠。如图所示，图层1和背景分别是我们之前储存的两种图片。

点击动画下面的新建按钮，新建一帧。

设置每一帧的间隔时间，我选择的是0.5秒。

先选择第一帧，然后在图层位置关闭图层1前面的小眼睛。

再选择第二帧，打开图层1前面的小眼睛，关闭背景前面的小眼睛。这样第一帧显示的是背景，第二帧显示的是图层1.就形成了动态效果。

点击左上角文件--存储为web和设备所用格式。

选择gif，其他选项不用动。点击存储。点击确定。

保存好之后的文件格式是gif的，在ie浏览器打开可以看到动态效果。下面是我截的图所以看不出动态效果。

软件下载：

Photoshop cs5 绿色版

链接: https://pan.baidu.com/s/1i4H8hJR 密码: hdxw

注意事项

长期更新，更多详细信息分享，欢迎关注！

纯原创，禁止二改。