《教学ppt课件2-5-写实图标的绘制.ppt》由会员分享,可在线阅读,更多相关《教学ppt课件2-5-写实图标的绘制.ppt(56页珍藏版)》请在三一办公上搜索。
1、,写实图标的绘制,授课教师:肖文婷,写实图标,以拟物为基础进行图形创意,强调图标极强的真实感与质感表现。拟物化设计是为了模拟真实的物理世界。通常,这需要设计的在线应用的形式看起来像真实世界的变体,比如像电子合成器软件,做的像键盘。这种界面的设计方式,在过去几年的界面设计风格中占据了主导的地位。但是写实图标并不是画得跟照片一样,而是让创造的图标比较逼真,又超越真实,比如圆形的蜡烛台、木质的便签条、发光质感的信封等。,一组写实图标设计,绘制立体写实图标主要包括以下8个要素:Perspective(透视)Light Source(光源)Shadows(阴影)Color&Saturation(颜色和饱
2、和度)Size Requirements(尺寸要求)Detail(细节-纹理质感)Icon Development(图标流程)UI Context Examples(用户界面)注意:一般绘制系统图标时,先画一个512px最大尺寸的,然后其他大于32px尺寸直接缩小。从大尺寸到小尺寸,图标要一样清楚。大尺寸图标意味着很多细节,绘制小图标时省略不需要的细节,在16px或12px等尺寸时使用正视,去掉复杂的细节,变得更简洁,只要能看出隐喻即可。,【写实图标绘制要素】,成套系统写实图标,绘制写实图标的流程大致如下:1、尽量找具有参考价值的照片和图片。2、归纳出造型重点、提炼颜色、纹理细节。3、有重点性
3、的夸张造型和构图表现。4、概念草稿3-20张,各个角度,各种组合。5、勾轮廓线填充固有色暗部阴影高光叠纹理扣细节环境色添加。6、包装发布(加上漂亮的背景色)。,【写实图标绘制注意事项】,写实相机图标过程图,【绘制写实皮包图标实例】,自定义磨砂纹理图案,绘制背景底图,绘制皮包底面,绘制皮包底面第二层,绘制皮包中间矩形线,绘制皮包中间矩形线,绘制皮包中间线细节,皮包中间线细节完成,绘制皮包下部皮革形状,添加皮包下部皮革机理,添加皮包下部皮革机理,添加皮包下部皮革缝线效果,细化皮包下部皮革部分,皮包中间皮革部分,绘制皮包盖形状,绘制皮包盖形状,绘制皮包盖缝线,绘制皮包盖缝线,绘制皮包盖细节,绘制皮包带形状,绘制皮包带缝线,绘制皮包带上的圆孔,绘制皮包带横扣形状,绘制皮包带横扣皮质纹理,绘制皮包带横扣上的圆扣,绘制皮包带横扣上的圆扣,完成圆扣及绘制皮包带横扣上的金属扣,图层蒙版隐藏被遮挡部分,金属扣部分完成,写实皮包图标完成稿,Thanks,