UI图标
-
图标分类
1 扁平化图标(当下最流行)特点:形状+颜色
2 微扁平图标 特点:形状+颜色或简单的渐变+简单的光影关系
3 拟物化图标 特点:形状+颜色+渐变+真实的光影关系+材质表现
-
做一组图标的细节
1、协调美观,2、易于理解,3、视觉平衡,4、效果统一
-
写实图标的细节问题
- 画形状的时候,一般都是偶数
- 常见的光源角度 90° 60° 120°
- 投影要做两层或两层以上(尤其大的形状)
-
观察物体是凹入还是凸出,凹入影子在里面,凸出影子在外面
-
同一个形状上,如果是受光线影响的渐变,对比度不会很强
-
图标中很少使用纯黑或纯白
-
如果要调微弱的渐变,可以直接在渐变编辑器里面吸过渡色
-
做图标渐变优先在形状属性里面做。
四 表现凸出:
- 渐变上亮下暗
- 投影在物体的外面
-
高光(亮边在物体的上方)
五 表现凹入:
- 渐变上暗下亮
- 投影在物体的里面
-
高光(亮边在物体的下方)
六 木纹效果
1新建空白图层,恢复默认前景色背景色为黑白,滤镜——渲染——纤维
2滤镜——模糊——动感模糊
-
滤镜——液化
4 色彩平衡把黄色调到最亮,色相饱和度勾上着色,色相调到黄色,饱和度调高,明度调高。
-
新建空白图层,填充木头颜色(黄色),降低不透明度,Ctrl+E和下面木纹纹理合并。
七 话筒的孔效果制作
1打开AI,选择极坐标网格工具,取消编组,删除里面的直线段
2把所有的圆选中,打开描边面板,勾上虚线,点击选择圆头端点,把虚线的长度改为0,把虚线的间距调大。粗细调粗
-
-
对象——扩展外观——扩展
八 图标背板形状
矩形:严肃正式的感觉
圆形:圆润活泼的感觉
圆角矩形:圆润活泼的感觉