淘宝怎样制作个性店铺店招和导航栏

2024-10-13 15:42:59

1、 首先,用AdobePhotoshopCS2设计一张自己满意的底图。图片尺寸是1500*150的下面是我设计好的底图(宽度建议为1500以上,因为现在很多电脑都是宽屏的,如果太小了,两边会出现背景的填充了,拼色就不好看了)。以下是PS处理图片。

淘宝怎样制作个性店铺店招和导航栏

3、下面就按照自己的意思去设塥骈橄摆计自己喜欢的导航栏,导航标签内容自己定,你不喜欢首页按钮,不做就可以了,分别打上文字,我输入的是(全部宝贝、镇店坚果、蜜饯果脯、糕点糖果、大大礼包、新疆特产、其他爆款)内容效果可以根据自己的喜好,加上阴影,描边等等。以下就是我完成的效果图。

淘宝怎样制作个性店铺店招和导航栏淘宝怎样制作个性店铺店招和导航栏

6、接下来我们就点击菜单栏的文件→ImageReady中编辑,打开页面后,选择菜单栏上的文件→将优化存储为,在弹出的窗口中,文件类型选HTML和图像(*.html),然后储存。储存结果有两个文件,一个是网页文件,一个文件夹,images文件夹里面就是切开好的图片。如图。

淘宝怎样制作个性店铺店招和导航栏

7、下一步是用PS新建透明文件,按ImageReady文件夹里面对应的文件大小,新建,设置大小,背景色为透明。如图:

淘宝怎样制作个性店铺店招和导航栏

9、单击下面的“储存”,在弹出的窗口中,将格式选为“HTML和图像”然后再保存!

10、将images文件夹里的图片上传到淘宝的图片空间里!名字不要改!

淘宝怎样制作个性店铺店招和导航栏

12、下面就要到自己的店铺里去装修了!先打开装修页面我们先设置店招,选为“自定义招牌”,然后按下工具栏中的“源码”按钮,之后将刚刚我们修改好的代码全部复制到编辑框内!还有将高度设置为“150”! 保存。

淘宝怎样制作个性店铺店招和导航栏

13、所有工作完成之后,在卖家中心里点击查看我的店铺,即可以看到自己制作的漂亮图片了。

淘宝怎样制作个性店铺店招和导航栏
猜你喜欢