UI图标绘制需要注意的13个细节
重庆学满分 > 学习网 > 电脑IT设计 > UI交互设计 > UI图标绘制需要注意的13个细节

重庆兔课网-最新动态NEWS

UI图标绘制需要注意的13个细节

文章导读:UI图标绘制需要注意的13个细节

在UI图标绘制需要注意哪些细节?今天通过一个简单的game图标的绘制教程,和大家分享在绘制过程中细节的处理和一些画图标的心得,大家要看仔细了哦。

UI图标绘制需要注意的13个细节

资料整理:重庆兔课网发布时间:2020-03-23已帮助:93人

兔课网在UI图标绘制需要注意哪些细节?今天通过一个简单的game图标的绘制教程,和大家分享在绘制过程中细节的处理和一些画图标的心得,大家要看仔细了哦。

  步骤1:
  首先要定好图标的透视,这是非常重要的,这关系到图标的整体美感,透视本身也可以很好的表现图标的细节,为了透视的真实,可以通过3D软件或者平面软件中的一些的透视功能来实现。整体框架搭好,开始接下来的绘制。
  UI图标绘制需要注意哪些细节
  步骤2:
  先大致的铺上一层“控制板”的颜色,这里需要注意一些基本的光影渐变,以及边缘的处理。
  UI图标绘制需要注意哪些细节
  步骤3:
  这一步我们将通过一些光影效果来刻画“控制板”的结构,主要是强化一些重点区域的光线效果,比如面板玻璃的光泽和外框的金属质感,当然还有边缘细节的处理,硬朗的边框也是质感表现的重要部分。
  UI图标绘制需要注意哪些细节
  步骤4:
  添加高光,表现面板玻璃的质感,对底部进行一些光线的细节绘制。
  UI图标绘制需要注意哪些细节
  步骤5:
  为了使面板更丰富,可以绘制四颗螺丝来变现一些真实性。然后可以绘制一些面板内部的边缘结构来表现玻璃的半透明效果,至此,“控制板”初步完成。
  注:因为四颗螺丝是一样的,建议大家把画好的螺丝转换为智能图层再复制,这样可以很方便的编辑它的样式,还能随意调整尺寸,避免失真。
  UI图标绘制需要注意哪些细节
  步骤6:
  接下来画摇杆和按钮,还是和Step1一样,构建好透视,绘制出结构。
  UI图标绘制需要注意哪些细节
  步骤7:
  上色,完成基本结构光线和颜色的区域划分。
  UI图标绘制需要注意哪些细节
  步骤8:
  强化手柄把头以及摇杆的光效,突出各个部分不同的质感,注意一些添加投影的部分。
  UI图标绘制需要注意哪些细节
  步骤9:
  细节的绘制:
  a.丰富手柄把头的反光
  b.刻画底座金属环的质感和边缘的结构
  c.丰富底座的反光及边缘细节
  UI图标绘制需要注意哪些细节
  步骤10:
  控件基本完成,现在可以合起来进行一些调整,如位置、大小和玻璃面板上的反光。
  注:绘制诸如高反光球体这类在局部区域包含丰富样式的物体时,建议大家多用剪切蒙板,这样可以节省对边缘的繁琐处理工作,又可以很方便的调整样式层的大小及位置。
  UI图标绘制需要注意哪些细节
  步骤11:
  面板看上去还有点空,我们可以丰富一些细节,例如控制板内部可以添加一些结构,同时还增加了玻璃通透的质感;添加一个logo,使图标更具真实性。至此,整个图标基本绘制完成。
  步骤12:
  最后一步可以从整体对图标进行调整,完善一些细节的地方,例如手柄把头的反光和在面板上的投影。
  UI图标绘制需要注意哪些细节
  步骤13:
  整个图标绘制完成。
  UI图标绘制需要注意哪些细节
  到这里差不多介绍完了,主要是自己画图标时常常会注意到的一些细节地方,写的有些草率,但希望能对大家有些小帮助

重庆兔课网-最新动态 NEWS更多>>

学校首页| 课程导航| 最新开班| 学校简介| 名师推荐| 校区地址| 最新优惠| 学员问答| 学员评价| 最新动态| 学校相册

重庆兔课网 重庆平面设计哪个学校好,兔网课ui设计培训费用,重庆兔网课设计培训怎么样

学员 团购预约热线:400-888-4011
沪ICP备12032008号-15号 电子营业执照 教育资质 全国教育网站 企业信用等级AA级

以上所有课程信息知识产权归学校所有,特此声明学满分网站由上海百教网络科技有限公司研发

沪ICP备12032008号-15

扫描手机访问