当前位置: 首页 >经验谈 >ps制作ui小图标方法(简洁大气的ui图标绘制)

ps制作ui小图标方法(简洁大气的ui图标绘制)

2023-05-06 14:38:09 经验谈
28 0

今天,作者给大家分享一个PS绘制简洁大气UI图标的教程,感兴趣的朋友请马上跟着一起来操作吧!

效果预览:

ps设计小图标

拉到教程最后可提取PSD文件

1、新建500*500PX白色画布,选择圆角矩形形状工具绘制一个350*350PX的圆角矩形,填充颜色随意,鼠标双击图层添加描边、内发光和渐变叠加图层样式,参数设置如图;然后在图片中鼠标点击向上拖动渐变的中心,使它靠近顶部,效果如图。

用ps做ui图标

ps如何做ui图标

ps制作ui小图标

ps设计小图标

用ps做ui图标

2、选择矩形形状工具绘制一个大小合适的长方形,颜色填充随意,CTRL+T,按SHIFT键,可旋转到45度,旋转好之后,移动圆角矩形右上角合适位置,然后按Ctrl+’显示网格,右键选择斜切,调整好形状位置,应用。鼠标双击图层添加渐变叠加和投影图层样式,参数设置如图。

用ps做ui图标

ps如何做ui图标

ps如何做ui图标

用ps做ui图标

ps制作logo图标

ps做ui图标

3、在圆角矩形图层上方新建图层,按CTRL键,鼠标点击圆角矩形前面缩略图载入选区,然后选择矩形选框工具,属性栏选择从选区减去,删除圆角矩形上面大部分,得到下面小部分选区,选择渐变工具,颜色设置如图,从上往下拉,再鼠标双击图层添加内发光图层样式,参数设置如图。

用ps做ui图标

ps怎么制作ui图标

ps制作ui小图标

ps制作小图标教程

4、最后,打上需要的文字即可。(当然文字效果,自己可以添加相应的图层样式,使其更美观、好看)

ps做ui图标

至此,教程已全部完毕。

admin
admin

评论列表(0条)

发表评论

Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂