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

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

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

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

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

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

广告位
UI图标,设计旋转开关UI图标教程(3)插图

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

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

UI教程,设计笔记本主题UI图标教程(4)插图

UI教程,设计笔记本主题UI图标教程(4)

今天跟大家分享一篇笔记本风格的UI图标,效果的纹理主要通过图层样式制作出来,喜欢的一起学习一下。先看看效果: 现在再来回忆一下这个笔记本的画法吧。它大体可以分为三个部分:body,button,belt。哈哈,3b。那

UI教程,设计笔记本主题UI图标教程(2)插图

UI教程,设计笔记本主题UI图标教程(2)

然后开始绘制身体中间的那个带子的部分(最上面的那个扣儿除外,那是第三部分要说的哦)。加上那个belt的效果图如下,先来看看: 下面开始说belt的绘制。Belt主要是用了图层样式、滤镜和画笔工具,画笔工具配合图层

UI教程,设计笔记本主题UI图标教程(3)插图

UI教程,设计笔记本主题UI图标教程(3)

然后再画上面的那个棕红色的细皮带: 用到了图层样式和滤镜,如下: 主体部分完成。然后单独给这部分加个高光,就像刚刚body的那部分一样,叠上几层或者调整调整,但是仍然是微弱的高光,尽管微弱,细微的地方,画

UI图标,设计旋转风格播放图标教程(4)插图

UI图标,设计旋转风格播放图标教程(4)

本篇UI教程跟大家分享了设计播放器图标的设计案例,制作思路主要用到图层样式来制作出图标的质感,步骤有点多,请大家认真学习。 我们来看看效果: 老规矩,先来分析一下。这里我们主要分为二个部分

UI图标,设计旋转风格播放图标教程(2)插图

UI图标,设计旋转风格播放图标教程(2)

步骤五: 现在绘制一下内圆的线条吧,选择直线工具绘制一条长度20px粗细1px的直线吧,颜色为#5c5857。 步骤六: 复制直线执行自由变换命令,调整中心点至画布中心,旋转90度,并执行重复上一命令并复制操作shift+ct

UI图标,设计旋转风格播放图标教程(3)插图

UI图标,设计旋转风格播放图标教程(3)

继续来绘制内圆的位置吧,用椭圆工具、绘制一个205px的正圆颜色为#040404,并为它添加图层样式。 步骤十: 我们继续来绘制内圆的部分,先绘制一个188px的正圆,在绘制一个三角形,合并为一个形状,使用直接选择工具

UI图标,设计相机主题UI图标教程(4)插图

UI图标,设计相机主题UI图标教程(4)

@平面设计-严恒: 近来很多小伙伴开始咨询UI的事情,这里简单阐述一下,UI其实就是用户界面设计,通俗一点大家手机所用的APP图标,例如微信、QQ的软件图标也是UI,都是属于平面设计范畴,当然不仅是软件图标,同样

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部