手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop结合AI绘制立体风格的UI控件开关效果
Photoshop结合AI绘制立体风格的UI控件开关效果
摘要:本教程主要使用Photoshop结合AI绘制立体质感的UI开关效果图,前半部分主要在AI里面把主要的形状绘制出来,然后到PS里面调整质感,喜...

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

先看看效果图

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

在AI建1200px*800px画板

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

绘制一个400px*70px矩形

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

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

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

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

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

最后绘制出这样的图形

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

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

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

背景拉个渐变e7e3dc到f7f5f3

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

小圆拉个c2c0be到d6d6d6

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

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

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

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

描边

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

渐变叠加

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

投影

里面的样式

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

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

渐变叠加f28b00,e75300,db7500

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

内发光

里面的一圈a4a4a4到e8d7be

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

最外层的渐变d0d0d0到ffffff

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

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

最好完成图

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

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

【Photoshop结合AI绘制立体风格的UI控件开关效果】相关文章:

Photoshop绘制精美的圣诞节装饰品

photoshop内容识别去水印的方法

Photoshop制作陈黄色调动漫风格的橱窗少女签名教程

Photoshop各类插件的使用方法

Photoshop把真人转手绘效果

Photoshop设计漂亮的漫长时光字体签名效果图

Photoshop绘制虚线的多种方法解析

Photoshop制作电视剧陆贞传奇剧照溶图签名效果图

Photoshop文件打开是空白的该怎么显示出来?

Photoshop制作迷人的黑夜传说

精品推荐
分类导航