淘宝网店店招+店标+图片滚动栏制作教程(3)

并将背景图层前的小眼睛去掉

利用矩形选框工具，将边框图的中的白色部分选出来，按delete键删除，使得边框图中间部分变成透明

再新建一个图层，用矩形选框工具在边框的右下角处选择出一个小正方形区域，如下图

将想要填充的颜色设置为前景色，再选择油漆桶工具将小正方形填充好

将图层1，复制2次，用移动工具一个一个的选中复制好的层，并移动到需要的地方，如下图

再选择文字工具，在每个正方形上添加数字，如下图

（注意，这些字体层不能位于正方形层的下方，那样不能被显示出来，一定要放到正方形层的上面）

这样做好后，就要把我们的宝贝图片放进来了

同样利用移动工具将宝贝图片拉进边框图层来，会看到下面的情况

宝贝图片将边框彻底遮住了，怎么办呢？

别急，这种情况就是我上说的那种，因为宝贝图片的层比边框层高，所以把边框层遮住了

我们只要将宝贝图片层往下拉，放到背景副本的下方，就可以了

然后再ctrl+t变换大小

这样第一张图片就放好了，接着以一样的步骤，将第二，第三张图片放好

再在窗口下选择动画

在跳出的窗口中多复制几个帧

选择第一帧，将第2,3张图片前的小眼睛去掉，

然后双击第一个小正方形图层，在跳出的对话框中，按下图选择

这样选择好后的效果是第一张图显示时，小图标1，颜色变深

然后按一样的步骤将第2,3帧设置好（第2帧显示第二张图，小图标2变深；第三帧显示第三张图，小图标3变深）

这样设置好后，将多出的帧，一个个选中，并按右下方删除按钮删除

然后选择好每个帧显示的时间，按播放键看效果

这样就完成了，接下去有两种存储方式

先讲第一种，直接将图片存储为，然后选择gif格式，然后上传到淘宝的图片空间，在自定义模板处点击插入图片，选择这个图片就可以了。

第二种是将其转化成代码再用

图片做完后，选择切片工具

将图片切成几个块如下图

然后选择存储为网页和设备所用格式，并在跳出的对话框中选择gif格式，单击确定

在选择存储路径时，下方一定要选择，html和图像，如下图

单击确定就会出现下面两个文件，一个是图片，一个是html

接下去打开dreamweaver软件，单击文件>打开，将保存好的，html选择好，如图

打开后如下图

将上面的代码部分都选择出来，复制

然后进入装修店铺，在自定义模板处单击 ‘编辑’

在跳出的对话框中，单击html编辑

将代码粘贴进去，点击保存。

好了，整个店铺的首页装修就都完成了，简单吧！

不知道能不能帮到大家，写帖子写了好久，基本把每个小细节都截出来了，生怕大家有哪里看不懂，

如果大家还有哪里不懂，可以来问我哦。