立体简洁按钮教程

用户头像
成都/UI设计师/11年前/1312浏览
立体简洁按钮教程
用户头像
royavs

自己制作的,要源文件可联系我。

1、新建文件


2、选择背景颜色


3、alt+delete键填充前景色。


4、椭圆工具新建一个正圆(椭圆1图层)。


4.1、双击椭圆1图层调节图层样式——颜色叠加、描边,参数如图。


4.2、得到椭圆1的效果。


5、再新建椭圆2,大小如图。


5.1、双击图层调节图层样式:颜色叠加、描边、投影。


6、得到效果,再新建椭圆3.


6.1双击椭圆3图层调节图层样式:颜色叠加、投影。


6.2、椭圆3图层填充调为0.


6.3、椭圆3效果。


7、新建椭圆4图层大小如图。


7.1、双击图层调节图层样式:斜面和浮雕、颜色叠加、外发光、投影。


7.2、效果。


7.3、ctrl+J复制椭圆3图层得到椭圆4,调节如图


8、用矩形工具新建矩形。


8.1、双击矩形图层调节图层样式:颜色叠加、投影。


8.2、效果如图


8.3、ctrl+T复制出4个矩形图层,分别调整好位置如图


9、新建小椭圆位置如图。


9.1、双击图层调节图层样式:颜色叠加


9.2、效果如图


9.3、新建几个小椭圆位置如图。


10、选择大椭圆所对应的小圆图层调整图层样式。


10.1、效果图


11、打上文字然后调节图层样式。

最终效果


25
举报
|
39
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】体育icon
智能家居中心 简约 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级感金属拟物 UI设计组件库
【新年UI图标】汽车icon
【新年UI图标】会员icon
【新年UI图标】旅行icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新拟态风格 UI设计组件库
3D渐变流体抽象矢量UI背景图
钱包ui模板
高级表盘系列UI源文件
盲盒APP UI设计
新能源APP应用UIKit
UI 登录界面设计模板包
【新年UI图标】秒杀icon
【新年UI图标】30个图标
拟物风质感写实UI卡片合集源文件
户外旅行飞机情侣假日出行
【新年UI图标】礼物/活动icon
Security Camera UI kit
UI界面 组件
我的钱包-UI界面设计-app
【新年UI图标】钱包icon
你可能喜欢
大家都在看
登录注册