1. 营销圈首页
  2. 电商运营

淘宝店招图片怎么做，淘宝店招图片设计教程？

用户投稿 • • 电商运营 • 阅读 364
营销圈公众号引导关注

本实例为可爱风格的店招设计，在设计中使用了俏皮字体和可爱的卡通形象素材，能够更好地拉近商品与顾客的距离，显得亲近、自然，效果如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

设计思路指导

● 第1点：使用了大量的卡通素材进行搭配，给人可爱、亲近的感觉。

● 第2点：画面中使用了多种色相丰富、纯度高且明度适中的色彩，营造出鲜艳、活泼的视觉效果，给人带来愉悦的心情。

● 第3点：使用外形有弧度的字体，与卡通素材风格一致，营造出一种童趣、天真的氛围。

配色剖析

为了配合卡通的风格，采用了鲜艳的颜色，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

制作步骤

01启动Photoshop CS6，然后按快捷键Ctrl+N新建一个文件，设置前景色颜色为（R:1，G:185，B:211），然后按快捷键Ctrl+Alt填充颜色，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

02使用钢笔工具绘制图形，在选项栏中设置填充颜色为（R:95，G:210，B:228）描边为无，如图所示。然后使用同样的方法绘制多个对象。

淘宝店招图片怎么做，淘宝店招图片设计教程？

03使用钢笔工具绘制多个图形，在选项栏中设置填充颜色为（R:158，G:228，B:238）描边为无，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

04使用钢笔工具绘制多个图形，在选项栏中设置填充颜色为无、描边颜色为（R:229，G:229，B:229）描边宽度为2点，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

最后设置图层不透明度为45%，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

05单击椭圆工具在选项栏中设置填充颜色为（R:255，G:227，B:89）描边颜色为（R:251，G:195，B:1）描边宽度为6点，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

在绘图区绘制图形，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

06单击钢笔工具 ，在选项栏中设置填充颜色为白，描边为无，然后在绘图区绘制图形，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

双击图层，在弹出的图层样式勾选投影设置不透明度为30%、角度为120、距离为2、大小为6，如图示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

效果如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

07单击钢笔工具，在选项栏中设置填充为无、描边宽度为1.5点、描边颜色为（R:255，G:162，B:0），再设置描边类型为虚线，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

然后沿着上一层图形进行绘制，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

08单击椭圆工具 ，在选项栏中设置填充为颜色（R:67，G:149，B:153）、描边为无，再将图层移动到下层，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

09使用横排文字工具输入文本，选中前两字，选择合适的字体类型，设置字体大小为55点、字间距为100；选中剩下文本，设置字体大小为45点、字间距为100，最后按快捷键Ctrl+T将文本旋转合适的角度，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

10使用横排文字工具输入文本，选择合适的字体类型，设置字体大小为12点、颜色为（R:189，G:189，B:189），再单击加粗按钮，并旋转合适的角度。使用直线工具绘制对象，最终效果如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

11使用钢笔工具绘制对象，在选项栏中设置填充颜色为白色、描边为无，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

双击图层，在弹出的图层样式勾选投影，设置不透明度为45%、大小为5，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

效果如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

12导入可爱风格店招设计>16.psd文件，分别将图片移动到合适的位置，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

13单击椭圆工具，在选项栏中设置填充;颜色为（R:240，G:184，B:37）、描边颜色为（R:249，G:238，B:84）、描边宽度为1.5，如图所示。

淘宝店招图片怎么做，淘宝店招图片设计教程？

然后在绘图区绘制多个圆形，再使用横排文字工具在圆形中输入文本，最终效果如图所示。

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家网络推广引流创业感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战干货的推广引流技术课程免费分享！

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家对网络推广引流和网络创业项目感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战的推广引流技术和网络创业项目课程分享，当然是免费学！

版权声明：本站部分文章来源互联网用户自发投稿，主要目的在于分享信息，版权归原作者所有，不承担相关法律责任。如有侵权请联系我们反馈邮箱yingxiaoo@foxmail.com，我们将在7个工作日内进行处理，如若转载，请注明本文地址：https://www.yingxiaoo.com/133049.html

赞 (0)
用户投稿
上一篇 2022年5月17日 pm2:07
下一篇 2022年5月17日 pm2:07

相关推荐