您现在使用的是移动版,点击此处切换为电脑版
loading...
 
x
当前线路为   线路一   网络好像不太流畅
试试其他线路   线路二   线路三   切换线路若仍有问题请联系客服
精品ui图标制作教程
10.8小时 中级提高 讲师:李世钦

本套教程总共分为五章,每章讲解一个图标案例,阐述了从完全写实图标——写实图标抽象化为圆角矩形图标——完全抽象的圆角矩形图标的过程。通过演示五个图标的详细制作,告诉大家如何表达一个图标的意义以及写实和抽象之间的关系。本教程采用理论和实际操作相结合的方式讲述,学员在学习到软件知识的同时,也能对UI设计里边的图标有一个更深层次的了解。

第一章 贝雷帽兔子图标

本章讲述内容为一个大图标的制作过程,通过图标的具体部位的形体刻画方法和色彩配置来让学习者对形体和颜色两方面都有一个初步的认识。主要知识点为:脸部球形体怎样表现?五官如何刻画?帽子、勋章等怎样制作?

UI-兔纸图

第二章 大纸箱子图标

本章通过对大图标的绘制来形象展现一个具备大透视角度的物体是怎么表现的?在整体色彩偏单一的情况下,怎么能让这个物体看起来可信?

UI-纸箱图

第三章  AppleⅠ写实图标

这个图标有两个特点,透视角度大,细节丰富。知识点主要包括:从现实到写实的过渡、复杂物体的透视管理、细节与整体的关联。

UI-Apple1写实图

第四章  AppleⅠ圆角矩形写实图标

本章内容延续上一小节,讲述怎样从一个纯写实主义变化为抽象化写实主义。

主要知识点:要素的舍弃原则、抽象化的意义、如何平衡抽象化和写实主义。

UI-Apple1抽象化图

第五章 虚拟APP(声画)图标

本章延续之前的思路变化,到本小节时,已经鲜见纯写实主义的体现,而是更多体现图标的本义,即意涵的表达。

UI-完全抽象化图标

老师介绍
李世钦 主攻:UI Icon 界面动态特效 动画
简介:冰岛CCP公司亚洲代表处DUST Development资深界面设计师,Flash Artist。追波玩家,站酷推荐设计师,从事多年界面设计行业,亦于动画行业有深厚造诣。专精于写实类图标的刻画和界面动态特效的设计,擅长用巧妙的构思来实现需求。优秀作品横跨动画,游戏,商务化应用几个门类,多次获得行业内比赛的高等奖项。
课程目录
第一章 贝雷帽兔子图标制作
1.1.1 贝雷帽兔子图标(1)
本节时长:32分钟1/整章内容介绍 2/矢量图形的优势演示和兔子图标轮廓的绘制。
1.1.2 贝雷帽兔子图标(2)
本节时长:30分钟1/兔子脸部球形的质感表现,眼睛和嘴巴的绘制; 2/介绍图层样式在规则物体的表现上的应用。
1.1.3 贝雷帽兔子图标(3)
本节时长:27分钟1/兔子嘴巴的调整,鼻子的绘制方法,耳朵部分的处理,帽子下缘带子部分的处理; 2/介绍矢量蒙版和一般蒙版在具体实例中的应用。
1.1.4 贝雷帽兔子图标(4)
本节时长:30分钟1/帽子部分的处理,徽章的处理方式; 2/初步介绍智能对象的使用; 3/总结本小节知识点。
第二章 瓦楞纸箱子图标制作
1.2.1 大纸箱子图标(1)
本节时长:33分钟透视角度的规范方法介绍和整体型的勾画:1.2整节素材提供:1/透视参考图;2/说明书贴图;3/墨迹AI源文件
1.2.2 大纸箱子图标(2)
本节时长:34分钟瓦楞纸质感的体现方法,几个纸箱面的光影布局制作。
1.2.3 大纸箱子图标(3)
本节时长:31分钟1/完成所有纸箱面的质感绘制;2/折痕的处理方式与贴图的制作方法。
1.2.4 大纸箱子图标(4)
本节时长:30分钟贴图制作方法,根据光影关系制作物体内部投影。制作整体图标的的倒影和投影,完成图标。
第三章 apple 1 写实图标制作
1.3.1 APPLE 1 写实图标绘制(1)
本节时长:34分钟以照片为参考的图标绘制方法。如何在构型完成后,做出木纹质感。1.3整节素材提供:1/apple一号机原图;2/木纹贴图素材;3/杂色图案样式
1.3.2 APPLE 1 写实图标绘制(2)
本节时长:29分钟完善形体上的光影。开始键盘部分的制作。
1.3.3 APPLE 1 写实图标绘制(3)
本节时长:33分钟两种螺丝,不同角度的钢架类东西的制作。
1.3.4 APPLE 1 写实图标绘制(4)
本节时长:35分钟木板上镂空部分字母的制作方法。其他小部件的制作。整体图标做旧的方式。整体倒影和投影的制作。图标完成。
第四章 APPLE 1 圆角矩形写实图标
1.4.1 APPLE 1 圆角矩形写实图标(1)
本节时长:35分钟写实图标和抽象化图标两种形式的分析和图标相关知识点的讲解。开始铺就圆角矩形图标的整体外形。1.4整节素材提供:1/APPicon 各尺寸圆角矩形文件;2/apple_152icon psd文件
1.4.2 APPLE 1 圆角矩形写实图标(2)
本节时长:34分钟完成整体的光影体现,讲解镂空部分的抽象化体现和方法。
1.4.3 APPLE 1 圆角矩形写实图标(3)
本节时长:34分钟对现有部分的布局进行调节。讲解螺丝的抽象化方法和铁架的绘制方式。
1.4.4 APPLE 1 圆角矩形写实图标(4)
本节时长:37分钟

键盘的抽象化方法讲解,其他部分如螺丝和插盘的绘制讲解。整体图标展示的制作讲解。图标完成。

第五章 虚拟APP(声画)图标
1.5.1 虚拟APP(声画)图标(1)
本节时长:32分钟讲解如何解读需求文档,如何根据解读来提取所需的颜色。并完成图标整体形体的绘制。1.5整节素材提供:1/麦克风网状结构;2/提取的色值
1.5.2 虚拟APP(声画)图标(2)
本节时长:30分钟图片的处理、木纹的处理、标签的处理以及纹理的制作方法。
1.5.3虚拟APP(声画)图标(3)
本节时长:32分钟麦克风播放器的处理方法讲解,包括其纹理图案的制作方法,其形体的调节方法等等。
1.5.4 虚拟APP(声画)图标(4)
本节时长:35分钟完善播放器的光影处理,根据整体风格对图片颜色进行调整,并最终完成图标。
处理中...