相思资源网 Design By www.200059.com
本教程主要使用Photoshop结合AI绘制立体质感的UI开关效果图,前半部分主要在AI里面把主要的形状绘制出来,然后到PS里面调整质感,喜欢的朋友一起来学习吧。

先看看效果图

Photoshop结合AI绘制立体风格的UI控件开关效果

在AI建1200px*800px画板

Photoshop结合AI绘制立体风格的UI控件开关效果

绘制一个400px*70px矩形

Photoshop结合AI绘制立体风格的UI控件开关效果

边角设置35px ,好像只有cc版本可以直接设置圆角

Photoshop结合AI绘制立体风格的UI控件开关效果

偏移一个矩形出来,在向里偏移3px的矩形(向里设置负数)

Photoshop结合AI绘制立体风格的UI控件开关效果

最后绘制出这样的图形

Photoshop结合AI绘制立体风格的UI控件开关效果

然后释放图层导出psd格式(不释放会都在一个图层)

Photoshop结合AI绘制立体风格的UI控件开关效果

背景拉个渐变e7e3dc到f7f5f3

Photoshop结合AI绘制立体风格的UI控件开关效果

小圆拉个c2c0be到d6d6d6

Photoshop结合AI绘制立体风格的UI控件开关效果

按钮做描边渐变叠加投影的处理

Photoshop结合AI绘制立体风格的UI控件开关效果

Photoshop结合AI绘制立体风格的UI控件开关效果

描边

Photoshop结合AI绘制立体风格的UI控件开关效果

渐变叠加

Photoshop结合AI绘制立体风格的UI控件开关效果

投影

里面的样式

Photoshop结合AI绘制立体风格的UI控件开关效果

Photoshop结合AI绘制立体风格的UI控件开关效果

渐变叠加f28b00,e75300,db7500

Photoshop结合AI绘制立体风格的UI控件开关效果

内发光

里面的一圈a4a4a4到e8d7be

Photoshop结合AI绘制立体风格的UI控件开关效果

最外层的渐变d0d0d0到ffffff

Photoshop结合AI绘制立体风格的UI控件开关效果

方法都差不多 细节要处理好

最好完成图

Photoshop结合AI绘制立体风格的UI控件开关效果

教程结束,以上就是Photoshop结合AI绘制立体风格的UI控件开关效果方法,教程真的很不错,值得大家学习,推荐到,一起来学习吧!

标签:
AI,立体,UI控件,开关

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“Photoshop结合AI绘制立体风格的UI控件开关效果”

暂无Photoshop结合AI绘制立体风格的UI控件开关效果的评论...

稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!

昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?