本套教程总共分为五章,每章讲解一个图标案例,阐述了从完全写实图标——写实图标抽象化为圆角矩形图标——完全抽象的圆角矩形图标的过程。通过演示五个图标的详细制作,告诉大家如何表达一个图标的意义以及写实和抽象之间的关系。本教程采用理论和实际操作相结合的方式讲述,学员在学习到软件知识的同时,也能对UI设计里边的图标有一个更深层次的了解。
第一章 贝雷帽兔子图标
本章讲述内容为一个大图标的制作过程,通过图标的具体部位的形体刻画方法和色彩配置来让学习者对形体和颜色两方面都有一个初步的认识。主要知识点为:脸部球形体怎样表现?五官如何刻画?帽子、勋章等怎样制作?
第二章 大纸箱子图标
本章通过对大图标的绘制来形象展现一个具备大透视角度的物体是怎么表现的?在整体色彩偏单一的情况下,怎么能让这个物体看起来可信?
第三章 AppleⅠ写实图标
这个图标有两个特点,透视角度大,细节丰富。知识点主要包括:从现实到写实的过渡、复杂物体的透视管理、细节与整体的关联。
第四章 AppleⅠ圆角矩形写实图标
本章内容延续上一小节,讲述怎样从一个纯写实主义变化为抽象化写实主义。
主要知识点:要素的舍弃原则、抽象化的意义、如何平衡抽象化和写实主义。
第五章 虚拟APP(声画)图标
本章延续之前的思路变化,到本小节时,已经鲜见纯写实主义的体现,而是更多体现图标的本义,即意涵的表达。
第一章 贝雷帽兔子图标制作
|
1/整章内容介绍 2/矢量图形的优势演示和兔子图标轮廓的绘制。
|
1/兔子脸部球形的质感表现,眼睛和嘴巴的绘制; 2/介绍图层样式在规则物体的表现上的应用。
|
1/兔子嘴巴的调整,鼻子的绘制方法,耳朵部分的处理,帽子下缘带子部分的处理; 2/介绍矢量蒙版和一般蒙版在具体实例中的应用。
|
1/帽子部分的处理,徽章的处理方式; 2/初步介绍智能对象的使用; 3/总结本小节知识点。
|
第二章 瓦楞纸箱子图标制作
|
透视角度的规范方法介绍和整体型的勾画:1.2整节素材提供:1/透视参考图;2/说明书贴图;3/墨迹AI源文件
|
瓦楞纸质感的体现方法,几个纸箱面的光影布局制作。
|
1/完成所有纸箱面的质感绘制;2/折痕的处理方式与贴图的制作方法。
|
贴图制作方法,根据光影关系制作物体内部投影。制作整体图标的的倒影和投影,完成图标。
|
第三章 apple 1 写实图标制作
|
以照片为参考的图标绘制方法。如何在构型完成后,做出木纹质感。1.3整节素材提供:1/apple一号机原图;2/木纹贴图素材;3/杂色图案样式
|
完善形体上的光影。开始键盘部分的制作。
|
两种螺丝,不同角度的钢架类东西的制作。
|
木板上镂空部分字母的制作方法。其他小部件的制作。整体图标做旧的方式。整体倒影和投影的制作。图标完成。
|
第四章 APPLE 1 圆角矩形写实图标
|
写实图标和抽象化图标两种形式的分析和图标相关知识点的讲解。开始铺就圆角矩形图标的整体外形。1.4整节素材提供:1/APPicon 各尺寸圆角矩形文件;2/apple_152icon psd文件
|
完成整体的光影体现,讲解镂空部分的抽象化体现和方法。
|
对现有部分的布局进行调节。讲解螺丝的抽象化方法和铁架的绘制方式。
|
键盘的抽象化方法讲解,其他部分如螺丝和插盘的绘制讲解。整体图标展示的制作讲解。图标完成。 |
第五章 虚拟APP(声画)图标
|
讲解如何解读需求文档,如何根据解读来提取所需的颜色。并完成图标整体形体的绘制。1.5整节素材提供:1/麦克风网状结构;2/提取的色值
|
图片的处理、木纹的处理、标签的处理以及纹理的制作方法。
|
麦克风播放器的处理方法讲解,包括其纹理图案的制作方法,其形体的调节方法等等。
|
完善播放器的光影处理,根据整体风格对图片颜色进行调整,并最终完成图标。
|