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

精品ui图标制作教程

43679次 104条 137次
讲师:李世钦
课级:中级提高
时长: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元 可学习所有教程+新增教程 
  • 本学院已有54 套教程 总计 627 个小时 查看详情

学员评价 鼠标移到评论上可暂停滚动

    • 木子茶
      对我来说,去实体培训班的费用是比较高的,也受时间地点的限制。在勤学网学习就比较自由,费用也相对少很多,课程经过剪辑化繁为简,学习效率更高,是工作之余提升的好网站。
      站在你左边
      买了勤学网的课程以后,受益很大,比在学校学习的内容更贴近实际工作,有疑问的时候,老师能耐心解答,在这样一个良好的环境下,我相信自己能越学越好。
      蓝方
      在勤学网学习有段时间了,感觉确实很棒,讲课的老师本身就是设计大师,传授经验毫无保留,好多好多的干货啊,花这点儿钱,实在是太值了!绝对行业的良心!
      我爱机器猫
      在网上学过很多教程,免费的收费的,相比之下,勤学网的教程是最系统专业的,从完善的基础理论到丰富的高端案例实战,能一站式满足我的学习需求,省心省力。
    • 大海的鱼
      我本来准备辞掉工作去大城市参加培训班的,现在有了勤学网,不用辞掉现在的工作,也免去了高昂的学费和食宿费,还学到了更尖端的课程,实在太好了!
      繁星点点
      在勤学网学习非常灵活自由,随时登录随时学习,没有观看次数限制,课程精编高效,让我用最少的时间学习到最有用的知识。
      黑羽
      加入勤学网后感觉就像捡了个宝,这里的教程完全勾起了我的学习欲望,吸引着我不停地学习,这种每天都在快速进步的感觉真是好!
      火烈鸟
      与网上大部分只讲软件基础应用的教程不同,勤学网的教程延展性很强,很多教程直接深入商业案例,能学到最前沿的案例实操经验,学起来很过瘾。
    • 暗之天使
      勤学网的教程非常清晰,课程剪辑很好,知识点衔接有序,学习过程中还有问答环节,学起来生动有趣,收效甚快。
      一生何求
      比去培训班省钱,而且还能按照自己的时间和进度去安排学习,教程也很牛,帮上我大忙了。
      秋天的风
      我是完全零基础,但感觉勤学网的教程很合我的胃口,课程由浅入深,富有逻辑性,学起来轻松自如。感谢勤学网,让我实现设计师梦想变得如此容易。
      与或非
      课程安排很有针对性,很多都是实战教学,市面上是很少看到这么实用的教学内容的,老师授课也很有经验,非常适合设计师们自我修炼。
    • 莉莉雅
      购买之前担心内容与宣传不符,所以问了很多问题,客服一直非常耐心地解答。看了课程觉得内容比介绍的还丰富,老师讲得好,案例多,视频高清,音质好。对勤学网很满意。
      棒棒糖女孩
      勤学网的教程非常实用,针对性也很强,能学到实实在在与工作相关技巧,快速提升自己的竞争力。
      Dr熊
      根据我多年工作和学习经验推测,勤学网绝对是全网性价比最高的学习网站,学习模式、课程质量、服务态度都没得说,大力支持!
      龙海
      在勤学网到了很多高级技法,众多设计大师的先进设计理念和经验给我许多启发。现在做设计感觉思路更广,灵感也更丰富,作品更加有feel了。

    我们都在勤学网换一组查看更多评论>>

    蒲公英的爱:

    我是一名专职平面设计师,一直在百度上收集着各类教程,入门还行,但专业性不高,后来看到勤学网...[更多]

    cong翀:

    虽然才学习了一个月左右的时间,但是已经逐渐对于平面设计的很多技术有一定的了解和掌握。我觉得...[更多]

    九皇叔:

    我是妈妈族因为带孩子所以就辞职在家了,在学校学的是平面设计,毕业后一直从事销售类的工作。不...[更多]

    乖乖代言:

    一直以来都很喜欢平面设计,但是上大学的时候阴差阳错的却选择了对外汉语的专业,四年来没有好好...[更多]
    购买了该教程的同学
    wdit0108
    百练成仙
    新来新手
    单忠红
    JH7
    依然妮子
    jerayqull
    JH鹰
    郭海江
    laosi
    ssj1990
    阿萌546
    小赵姑娘
    wyy雨季
    求学女子
    我的喜悦811
    2531274561
    俞富城
     
    您可能感兴趣的课程
     
    讲师:胡飞虎
    235324次181条498次
     
    讲师:陈志文
    212497次197条135次
     
    讲师:田婧
    1536826次1054条805次
     
    讲师:星哥
    307599次264条535次
     
    讲师:胡飞虎
    48583次80条265次
     
    讲师:张予
    379192次518条333次
     
    讲师:龚道祥
    440600次264条251次
     
    讲师:李世钦
    43679次104条137次
     
     
    800135999