淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

全站通VIP

当前位置: 首页 设计师后期类教程分享 图片设计教程

PS制作立即购买按钮卡通风格技巧,几步教你做有层次感图标

收藏 邀请

PS制作立即购买按钮卡通风格技巧,轻松几步教你做有层次感图标,在PS设计页面时,特别是做商品导购图立即购买按钮是一定会做的,那么这个按钮除了画个圈打上字,还可以做带层次感的哦。下面跟着疯狂的美工小编来学习吧。

今天教大家制作一种比较立体可爱的按钮,咱们平常制作一些比较卡通的页面都能用得到。我们先看下效果图。

1、矩形工具

新建画布,在ps界面左边的工具栏找到矩形工具,鼠标点击按住出来多个形状工具。

(图文来源:手淘集团设计,转载请注明)

我们选择圆角矩形工具,然后半径我们50像素就够用了。

(图文来源:手淘集团设计,转载请注明)

然后在图层上拉个圆角矩形,填充下颜色和描边颜色(可以根据自己的场景填充)。

描边像素可以粗点,我这边设置了4像素。

2、增加立体感

我们的主体已经做好了,接下来做剩下的部分,选中圆角矩形这个图层,ctrl+j复制一个图层。

然后选中第一个圆角矩形,方向键往下移动几个像素,再选择直线工具,粗细设为3像素,鼠标拖动,拉出一个倾斜的直线。

(图文来源:手淘集团设计,转载请注明)

ctrl+J复制此直线,ctrl+T选中复制的直线,方向键移动8个像素左右,enter确定。

ctrl+alt+shift+t这个操作是重复上一步的操作,这样我们就不用一个个慢慢复制移动了,直到直线覆盖整个圆角矩形为止。

选中所有直线图层,ctrl+e合并所有直线图层。把合并的图层移动到底部的那个圆角矩形上,按住ctrl+alt+shift,鼠标放在两个图层之间,会出现向下的箭头。

我们鼠标点击一下,就镶嵌进去了,是不是有立体的感觉了。

3、立体高光部分,丰富图层

接下来就是我们的高光部分了,新建一个图层,放到最上面,选择左边画笔工具,选择柔边圆,大小5像素,硬度0%。画出和圆角一样的弧形(画不好的可以多画几次),加上一些白点,这样我们的高光部分就完成了。

最后打上我们的文案,就完成啦,是不是可爱很多呢?

以上是今天要分享的所有内容,希望可以帮到你哦,快去PS里试试吧,学会制作按钮后可以演变做的效果也是很多哦。关注疯狂的美工网站每天分享不同资讯。



鲜花

握手

雷人

路过

鸡蛋
粉丝 阅读182 回复0
上一篇:
PS制作文字发光效果的操作方法发布时间:2020-06-27
下一篇:
电商设计中的配色方案与色标参考,设计师看过来发布时间:2020-08-03

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

六年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂六年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

Powered by Fkdmg.Com © 2013-2020    赣ICP备18006944号-1