您现在使用的是移动版,点击此处切换为电脑版
loading...
 
x
UI主题图标设计案例教程
9.0小时 高级拓展 讲师:韩锐
第一章 写实风格
1.1 比赛项目介绍及作品分析
本节时长:32分钟

小节主要分析大赛举办方的需求文档,和“景泰凤鸣”的创意思路,以及需要制作的内容明细,包括常用图标、通用图标、图标尺寸、天气widget、音乐widget等。

1.2.1 图标轮廓的确定和凤首纹理制作
本节时长:31分钟

本小节开始以“音乐”图标为范例演示并讲解图标的绘制过程,本小节主要教大家如何绘制出符合要求尺寸的图标,以及如何制作本套图标中最具特色的底纹图案部分,巩固并演示了路径运算等基础知识。

1.2.2 图标凤首和底纹制作
本节时长:28分钟

本节课主要讲解图标高光、阴影以及凤首轮廓和纹理质感的制作。

1.2.3 图标音符和碟片制作
本节时长:31分钟

音乐图标主要以唱片的形式来表示,而唱片针则使用了音符这个元素,本小节主要讲解音符的形状和质感以及投影等的绘制,并且大致确定碟片的外轮廓。

1.2.4 图标碟片的细化
本节时长:44分钟

本小节着重讲解碟片中螺旋形槽纹质感表现、特殊高光制作以及碟片上的文字的制作等,并且在本小节完成了整个图标的绘制。

1.3 毛笔字、梅花、凤首制作思路
本节时长:20分钟

在演示完图标的绘制之后,开始针对主题中细节元素进行分析和讲解。本小节主要演示毛笔字的制作、梅花和凤首等装饰物的质感和纹理表现等。

1.4 天气小挂件制作
本节时长:38分钟

针对比赛方要求,我们需要制作一个天气的挂件,本小节我们详细讲解并演示了天气图标的完整绘制过程,并且用到了一个非常好用的圆角制作插件来为播放器按钮制作超自然的圆角效果,包括绘制圆形之间粘连部分的方法也是非常值得学习的。

1.5 展示效果图以及背景纹理、通用图标等的制作
本节时长:27分钟

一个好的作品需要有好的展示效果,本小节主要教大家如何制作精美主题展示效果,以及通用背景纹理、第三方通用图标、文件夹等的制作。

第二章 卡通风格
2.1.1 时钟图标肉排制作部分
本节时长:31分钟

时钟图标用“肉排”的形象来表现时钟底盘的部分,本小节主要讲解肉排皮肤质感、肌肉纹理等的制作。

2.1.2 时钟图标骨头制作部分
本节时长:26分钟

图标用“骨头”形象来表现时针和分针,本小节主要讲解骨头的外形轮廓绘制、立体感塑造、投影制作等内容,至此时钟图标绘制完成

2.2.1 日历图标墓碑制作部分
本节时长:32分钟

本小节开始讲解日历图标的绘制,日历以墓碑元素进行表现,本节内容以界定图标大小、墓碑外部轮廓、立体感塑造,以及纹理打造等为主要内容进行讲解。

2.2.2 日历图标魔爪、草、文字制作部分
本节时长:39分钟

本节课主要讲解其他细节元素的表现,包括了墓碑上的日历文字、土壤中伸出的魔爪以及小草等的制作,至图标绘制完成

2.3 计算器图标
本节时长:33分钟

本节课主要讲解了以“带血丝的眼球”为主要表现元素的计算器图标的绘制,包括如何把握图标的高光、阴影、透视等关键点,从而营造卡通而真实的感觉。

2.4 主题文字和背景纹理的制作
本节时长:30分钟

三个图标的演示完毕之后,我们开始讲解主题的暗黑风格文字特效和背景纹理制作部分。

第三章 扁平化风格
1.1扁平化图标制作(上)
本节时长:38分钟

本节课主要讲解播放器图标、信息图标以及相册图标的绘制

1.2扁平化图标制作(下)
本节时长:27分钟

本小节主要讲解计算器图标、相机图标以及时钟图标的绘制

1.3扁平化风格小狐狸图标制作
本节时长:40分钟

除手机主题会用到扁平化风格之外,其他浏览器或者说网页、海报设计等,扁平化无处不在。本小节以小狐狸图标为示例,演示并讲解了其外轮廓以及图层样式的表现过程。

处理中...