开关UI图标

UI图标，设计旋转开关UI图标教程(4)插图

UI图标，设计旋转开关UI图标教程(4)

791650988 PS教程 2022年6月13日阅读(208) 评论(0)

本篇UI教程跟大家分享如何设计一枚旋转风格的开关按钮，主体由灰白色组成，简单漂亮，想学UI设计的同学就跟着练习一下吧。我们来看看最终效果：老规矩，先来分析一下。这里我们主要分为二个部分：

UI图标，设计旋转开关UI图标教程(2)插图

UI图标，设计旋转开关UI图标教程(2)

791650988 PS教程 2022年6月13日阅读(172) 评论(0)

步骤四：现在为装饰圆添加不同的描边效果，并将多余的线条利用选区框选出来，在图层蒙版遮中填充黑色。步骤五：现在选择直线段工具，长度20px,粗细4px，并复制为加号移动到合适位置，添加OFF文字Adobe 黑体 St

UI图标，设计旋转开关UI图标教程(3)插图

UI图标，设计旋转开关UI图标教程(3)

791650988 PS教程 2022年6月13日阅读(183) 评论(0)

步骤八：继续使用椭圆工具，绘制一个180px*180px的正圆，并添加图层样式。步骤九：现在我们来绘制一下最后的小圆吧，绘制一个20px*20px的正圆，并添加图层样式。步骤十：就剩高光部分了哦，绘制一个大小为180p

UI图标，设计旋转开关UI图标教程插图

UI图标，设计旋转开关UI图标教程

791650988 PS教程 2022年5月19日阅读(159) 评论(0)

本篇UI教程跟大家分享如何设计一枚旋转风格的开关按钮，主体由灰白色组成，简单漂亮，想学UI设计的同学就跟着练习一下吧。