当前位置:平面设计学院 > 精品ui图标制作教程
 

精品ui图标制作教程

53652次 114条 207次
讲师:李世钦
课级:中级提高
时长:10.8小时
单价:¥299元 助学价:¥120元 我要单买
年会员:¥1800元/年 今日促销:¥399元 平面设计学院所有教程免费学
分享到:

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

第一章 贝雷帽兔子图标

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

UI-兔纸图

第二章 大纸箱子图标

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

UI-纸箱图

第三章  AppleⅠ写实图标

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

UI-Apple1写实图

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

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

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

UI-Apple1抽象化图

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

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

UI-完全抽象化图标

 
第一章 贝雷帽兔子图标制作
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/提取的色值
图片的处理、木纹的处理、标签的处理以及纹理的制作方法。
麦克风播放器的处理方法讲解,包括其纹理图案的制作方法,其形体的调节方法等等。
完善播放器的光影处理,根据整体风格对图片颜色进行调整,并最终完成图标。
 
李世钦 主攻:UI Icon 界面动态特效 动画 简介:冰岛CCP公司亚洲代表处DUST Development资深界面设计师,Flash Artist。追波玩家,站酷推荐设计师,从事多年界面设计行业,亦于动画行业有深厚造诣。专精于写实类图标的刻画和界面动态特效的设计,擅长用巧妙的构思来实现需求。优秀作品横跨动画,游戏,商务化应用几个门类,多次获得行业内比赛的高等奖项。
作品:
 
  • 第一章 贝雷帽表现手法
  • 第一章 贝雷帽兔子图标
  • 第二章 大纸箱子基本构造
  • 第二章 大纸箱子图标成品
  • 第三章 写实apple1图标基本构造
  • 第三章 写实apple1图标细节
  • 第三章 写实apple1图标
  • 第四章 写实图标为何抽象化
  • 第四章 apple 1抽象化图标
  • 第五章 读取需求文档
  • 第五章 图标基本形状绘制
  • 第五章 声画图标麦克风表现
  • 本套教程单价:¥299元 助学价:¥120元 
  • 平面设计学院年会员:¥1800元/年 今日促销:¥399元 可学习所有教程+新增教程 
  • 本学院已有 126 套教程 总计 1377 个小时 查看详情
购买了该教程的同学
桃汁
cs123456
百练成仙
胡钱多设计
719770807
情酙鸡尾酒
未检测到
云朵99
1131560568
幸福之光
jlc8181
wlh630
圆圆713
一寒
YXC贸易
墨先生
LJP
WBE
 
您可能感兴趣的课程
 
讲师:笨叔
39620次25条56次
 
讲师:贾斌
138070次58条158次
 
讲师:文成武
265309次237条560次
 
讲师:开心老师
444592次207条459次
 
讲师:Gordan
228982次118条324次
 
讲师:胡飞虎
310938次213条749次
 
讲师:陈志文
295275次223条194次
 
讲师:田婧
2133804次1304条1176次
 
微信客服 微信号:qinxue7855