曾经有讲过海报的套版和怎么去使用代码装修到店铺的教程 。今天无脑讲一下店招的无脑设计与装修吧 。
文章插图
还是那句话 。萌新要看 。大神请绕道 。
文章插图
废话就用不着去多说 。直接开撸 。打开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图片出去 。这里是做的页头背景图 。
文章插图
打开应该在线转代码的网址 。例如某工助手（现在是某定设计） 。寻找都应该用全屏热点生成工具 。
【淘宝店招代码怎么做 天猫详情页店招怎么设置】
推荐阅读
- 辞职了找不到合适的工作,你还会回去原单位上班吗？
- vue开发必备入门知识有哪些？
- 东北二次疫情,春节还能回家吗？
- 浙江名山排名前十名 浙江温州十大名山介绍
- vue.js的优点和缺点在哪？
- 预计2020年驴价会掉吗？
- 校园bl小说 三本扮猪吃老虎的校园甜宠文
- 前端开发angular和vue哪个更容易掌握、开发更受欢迎？
- 养殖的驴,腹泻了,怎么办？