如何制作出精美的店标呢？

好的店标、店名，在一定程度上能够扩大你的店铺宣传。店名，顾名思义就是你在网络上所开店铺的名称；而店标，就是店铺的Logo，从字面上理解，就是店铺的标志。店名和店标在很多情况下，一定要相辅相成，避免出现如店名是饰品类而店标是服饰类的情况。

基于有赞微店的店标规格要求如下：

（1）仅支持GIF和JPEG两种格式的图片文件；

（2）限制大小为50KB以内；

（3）规格为正方形（显示为圆形）。

专家指导：

微店有“淘宝一键搬家”功能，因此很多图片的规格大小可以按淘宝的图片规格来要求。

通常，店标分为静态店标和动态店标两种。

静态店标：通常为一张图片。它又分为纯文字静态店标、纯图片静态店标和文字图片混合店标三种形式。很多人认为制作一个静态店标是很简单的事情，其实不然，如果一个专业的店标能和一个企业的标志相媲美，则说明网店的开办者在用心地做事，买家也会更加放心。

动态店标：是由纯文字、纯图片、文字图片组合等合成的图片来构成的GIF动画。目前网络上应用较多的为动态店标，相对而言，动态店标比静态店标更吸引顾客。

下面我们就用Photoshop来制作一款新颖的动态店标。

专家指导：

有赞微店支持上传GIF格式的图片。有些手机环境下看不到GIF动画，只显示第一帧的图片，但这不影响其使用。在一些可以显示动画的环境下，动态店标更能突显出微店店招的个性化效果。

GIF动画也可以使用Photoshop软件来开发制作，具体的步骤如下：

（1）打开Adobe Photoshop CC软件，选择“文件”→“新建”菜单命令，打开“新建”对话框，在“名称”文本框中输入名称“logo”，“宽度”设置为100像素，“高度”设置为100像素，“分辨率”设置为72像素/英寸，其他的设置如图4-28所示。

（2）单击“确定”按钮，创建logo.psd文档，单击“图层”面板上的“创建新图层”按钮创建“图层1”，然后再单击工具箱中的“铅笔工具”按钮，在“图层1”上绘制自己店铺的Logo形象。这里绘制了一个长翅膀的人物创意形象，如图4-29所示。

（3）接下来我们要输入微店的文字，选择工具菜单中的“横排文字工具”，在文字工具选项栏中设置字体、大小、模式，然后再单击“设置文本颜色”按钮，打开“选择文本颜色”对话框，设置颜色值为#ff399b，如图4-30所示。

图4-28 设置新建文档的属性

图4-29 绘制Logo的形象

图4-30 设置输入文本属性

（4）输入店名的文本“天鹅妆”，输入后单击文字工具选项栏中的“提交当前所有编辑”按钮。完成输入后的效果如图4-31所示。

图4-31 完成输入店名后的效果

（5）这里我们将要制作的店标动画，是让“天鹅妆”几个文字的颜色替换变化，所以需要事先按（3）～（4）的步骤输入一个红色的“天鹅妆”文字，此时效果和图层如图4-32所示。

图4-32 输入红色店名及图层效果

（6）我们现在需要用到“动画”面板，进行动画的制作。通过执行菜单栏上的“窗口”→“时间轴”命令，从而打开“时间轴”面板。这时我们可以看到在“时间轴”的第一帧存在两张图片，如图4-33所示。

(www.xing528.com)

图4-33 “时间轴”面板

简单地了解一下“时间轴”面板中各按钮的功能：

“选择循环选项”按钮：就是在动画中，设置动画是否要循环。这里有“1次”“3次”“永远”“其他”四个选项：“1次”表明动画只循环1次；“3次”表明动画循环3次；“永远”表明动画从打开一直循环下去；“其他”选项，在这里可以设置动画的循环次数，可以是2次、3次等等。

“选择第一帧”按钮：就是在动画过程中，点击此按钮，都会立即跳转到第一帧。

“选择上一帧”按钮：就是在动画过程中，可以快速地选择此帧动画的上一帧，当然你也可以通过鼠标点击来操作。

“播放/停止动画”按钮：这个按钮在动画制作中起较大的作用，可以通过点击它来决定动画的播放和停止。

“选择下一帧”按钮：就是在动画过程中，可以快速地选择此帧动画的下一帧，与“选择上一帧”方向相反。

“过渡动画帧”按钮：可以在动画帧与帧之间加入过渡，过渡可以在上一帧或者第一帧中加入新的帧，可以设置透明度、大小等。

“复制所选帧”按钮：这个按钮可以复制你选择的动画帧，相当于“图层”面板中的“新建图层”按钮。

“删除所选帧”按钮：顾名思义，就是将你选择的帧删除。

（7）此时切换时间轴的两帧会发现两张图片显示的效果是一样的，保持第一帧的图片效果不变，即第一帧是显示上面图层的红色文字效果。

（8）用鼠标选择“时间轴”面板中的第二帧，同时选择“图层”面板中的红色文本图层，单击该图层前面的“指示图层可视性”按钮，关闭其可视状态，如图4-34所示。

图4-34 设置第二帧上的可视图层

（9）接下来我们回到“时间轴”面板中的第一帧动画中，选择其底层的动画时间，拉出下拉菜单，设置为1秒。注意：如果想让你的动画播放得慢一点，可以选择较长时间；如果时间大于10秒，可以选择“其他”设置你的具体时间，具体设置如图4-35所示。

图4-35 设置第一帧上的播放时间

（10）按照上一步骤的同样方法，将第二帧动画的时间也设置为1秒，设置后的效果如图4-36所示。

图4-36 设置第二帧上的播放时间

（11）至此动画已经制作完成了，这时可以按下“播放/停止动画”按钮，来观看制作的动画效果。

（12）最后将制作的店标保存为GIF动画图片，办法是选择菜单栏的“文件”→“存储为Web所有格式”命令，打开“存储为Web所有格式”对话框，如图4-37所示。

图4-37 “存储为Web所有格式”对话框

（13）单击“存储”按钮，打开“将优化结果存储为”对话框，单击“保存类型”后面的下拉三角按钮，在打开的菜单中选择仅限图像选项，在“文件名”文本框中输入将要保存的文件名“logo.gif”，如图4-38所示。

图4-38 设置保存文件对话框

（14）设置完成后点击“保存”按钮，完成店标动画的制作。

至此，动态店标整体已经设置完成。当然，店主们在设置的时候可以根据自己的喜好，添加或者减少一些图片、字体，或者增加、减少动画的帧运行速度，或者设置成纯图片替换。