淘宝店招制作步骤(网店店招制作设计教程)

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

淘宝店招制作步骤(网店店招制作设计教程)
淘宝店招制作步骤(网店店招制作设计教程)

设计思路指导

● 第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,如图所示。

淘宝店招制作步骤(网店店招制作设计教程)
淘宝店招制作步骤(网店店招制作设计教程)

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

版权声明:本文内容由网友提供,该文观点仅代表作者本人。本站(http://www.zengtui.com/)仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 3933150@qq.com 举报,一经查实,本站将立刻删除。

版权声明:本文内容由作者小航提供,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至907991599@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.hangzai.com/406553.html

(0)
小航的头像小航

相关推荐