手机淘宝店招怎么做淘宝店招代码怎么做

曾经有讲过海报的套版和怎么去使用代码装修到店铺的教程。今天无脑讲一下店招的无脑设计与装修吧。

文章插图
还是那句话。萌新要看。大神请绕道。

文章插图
废话就用不着去多说。直接开撸。打开ps 。按CTRL+N 新建一个尺寸为950*150像素高。分辨率72dpi的文档。高度150像素的话是会遮盖系统自带的导航条。这种后面装修的时候再图解。当然店招设计有很多品种。这是之中一个无脑的排版方法。想做漂亮。奋斗学设计吧。加油。

文章插图
选择矩形工具（U）。之后在界面中用鼠标点一下后会弹出谈话框。输入950像素、30像素。这里30像素高只是店招里系统自带的导航条的高度。

文章插图
把你店铺的商标或者店名整上去。再加个小标语。之后应该在自己定义设置形状（U）里搞个心形放进去。再画一个圆角长条矩形。上面打上字：关注我们。至于怎么去找心形。怎么学会圆角矩形的弧度。这些应该去百度。也应该留言问。这里不多讲。

文章插图
右边画一个矩形里面输入文字：收藏店铺或者收藏我们之类的文字。矩形做一个小描边。如图

文章插图
【手机淘宝店招怎么做淘宝店招代码怎么做】之后只是导航条上的分类了。往往一般的分类包含：首页、全部宝贝、XX尚新、热卖讲解等。后面只是你业务的分类了。例如外套、连衣裙、打底裤、套装、卫衣、裤子……这种详细自己去分（全部要放上去的分类请提早在店铺后台建立相应分类并把业务归类）。

文章插图
中间还一些空。就加点优惠券吧。当然你也应该加业务图。我不怎么热爱加业务。感觉乱乱的。就加优惠券吧。不加东西的话一些处女座卖家会说：这里空着干什么。加我业务进去……logo再大一点。

文章插图
卖家。够满了吧。无脑的店招设计好了。接下来只是保存出去再上传到你图片空间里。这里也应该做动态图。使用时间轴。创建2帧以上的动态图。

文章插图
选择第二帧。把要动起来的地方移动一下。例如暖冬尚新和满减优惠。选中暖冬尚新文字。按数字键5 。这样就应该把这种文字的透视度方便的修改到50%（0-9自己去试验）,这样我们第一帧的字体透视度是100% 。第二帧只是50% 。就会有一个由明到暗的变化之后把优惠券分别：第一个第一帧上移一下。第二个第二帧下移一下。再把关注我们旁边的小心心透视度调一下。与暖冬那个同理。末尾效果如下。即便有那么一点LOW 。意在教你们怎么去做动态店招嘛。

文章插图
做好后保存。问津-储存为Web所用格式。方便键：Shift+Ctrl+Ait+S 。弹出页面右边最上角选择GIF格式（动态图）。其余默认就好。如下图

文章插图
保存好后。再新建一个1920*150像素的文档。之后再用矩形工具创建一个1920*30的矩形。并与店招一样填充相同颜色。之后把矩形移动到最下面。按Shift+Ctrl+Ait+S方便键保存一张JPG图片出去。这里是做的页头背景图。

文章插图
打开应该在线转代码的网址。例如某工助手（现在是某定设计）。寻找都应该用全屏热点生成工具。

文章插图
把我们做好的店招图上传到你网店的图片空间里（建议在图片空间建立好对应文件夹。以便后期管理）。传完后鼠标放店招图片上会有4个选项展现出去。选择第二个：复制链接。如下图

文章插图
把复制好的链接。黏贴到热点生成工具网址的对应地点。如图示。

文章插图
之后用鼠标在图片上按左键画出需要添加的热点。如图。

文章插图
接着。就应该把每一个热点需要跳转的链接复制到对应热点上了。详细操作是点一下画好的热点框。右边会弹出热点属性栏。把此热点需要跳转后的链接复制到属性框的链接项目后就可。

文章插图
例如店铺收藏：打开自己店铺首页。鼠标放自己店名处会展现出店铺消息。右边最下角有个收藏店铺。鼠标放收藏店铺字样上右键。点一下复制链接地址再回热点网址页面黏贴到热点链接地点就可。分类链接请去后台你创建分类的页面复制。首页只是你自己店铺的网址链接就行。其它链接不会找就百度。这里不多讲

文章插图
热点都搞定后。右边最上角有个生成代码。点一下生成代码。复制代码

文章插图
打开店铺页面美化装修。在店招地点双击打开写模式。勾选自己定义设置。点一下代码模式。复制刚才生成的代码。下面高度输入150 。默认是120,120高度会展现系统自带导航。如果不需要自己设计的导航可在设置店招的时候做120高度就可。或者这里高度是默认120也应该。

文章插图
这样店招就完成80%了。因为还有一个页面背景没有设置。在装修页面最左侧点选页头。页头背景色展现前勾去掉。页头下边边距选择关闭。点一下更改页头背景图。选择我们曾经做好的1920*150的背景图。下面不平铺并应用到全部页面。

文章插图
这样就搞定一个无脑的店招装修了。预览一下效果。点一下一下每一个热点是否正确。末尾选择发布就可。

文章插图
好了。今天的教程结束。有什么不懂的应该在下面留言。我有观看到的就回复。没有观看到的那么抱歉了。请找度娘吧。下一期我们讲什么呢。我还没想好……呵呵哒~

手机淘宝店招怎么做 淘宝店招代码怎么做

手机淘宝店招怎么做淘宝店招代码怎么做