• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 临摹练习后,我总结了5个图标绘制的实战技巧

临摹练习后,我总结了5个图标绘制的实战技巧

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含临摹方法,图标设计,经验分享等相关知识,希望在学习及工作中可以帮助到您

@菜心设计铺 :“眼高手低”是大多数人的通病,尤其是我们视觉设计师。

当我们的执行力和野心差的太远时,要学会静下心来去思考沉淀,不要只顾着向前跑,停下来回头看看,自己的基础真的打牢了吗?

如果你能停下来,我建议可以多去临摹优秀的作品,感受细节的处理,质感的表达,图层样式的技巧等等,也许你会发现:原来自己还差的很远。

刚好最近临摹了一个锤子的胶囊,最终效果如下:

借着这个案例和大家分享一些技法和感受,大纲如下:

  • 内阴影不仅可以做凹陷,还能做凸起
  • 要想有质感,反光一定不能少
  • 养成使用多层投影的习惯
  • 投影的等高线选项,我猜你没改过
  • 打动人的设计一定要符合现实

1. 内阴影不仅可以做凹陷,还能做凸起

一说到内阴影,我们的第一直觉是它是用来做凹陷的,如下图:

但其实它还可以做“凸起的”效果,例如我们在做这个胶囊的时候,就可以用内阴影来确定基本体积关系,(当然内发光也是可以的)如下图:

具体选项设置如下图:

2. 要想有质感,反光一定不能少

做拟物的物体,一定要记住加反光,这是增加细节和质感的必要条件,但只加反光还不够,反光处衔接的地方还有一块暗部,形成明暗交界线,效果如下:

3. 养成使用多层投影的习惯

接下来就需要给胶囊加投影了,这里需要注意,大多数情况下,一层投影是无法实现理想效果的,我们要使用双层投影甚至多层,来看看一层投影和多层投影的对比效果。

单层投影:

多层投影:

强调一点,多层投影的规律是,越外层投影越虚化,不然就会不自然。

4. 投影的等高线选项,我猜你没改过

我们看胶囊的投影:

有明有暗,一圈一圈的,这都是投影等高线选项的功劳,如下图:

默认的等高线选项是线性,为了增加层次,我将线性改成了画圆步骤,里面还有很多选项,大家可以多多尝试,切记不要死记硬背数值,要以最后效果为准!

5. 打动人的设计一定是符合现实的

如果你想让设计打动人心,那就一定要符合现实现象,例如在做这个胶囊的底板时,可以看看现实的胶囊底板纹理长什么样,我拍张照片给大家看下,原来长这个样子:

但为什么我做的底板纹理是这样的呢:

因为我没研究出来怎么做!

如果想把细节做好,这个纹理一定也要做好,不能应付了事,给大家留下这个问题,如果你想到了好的方法,欢迎告诉我,让菜心学习下,哈哈。

以上就是今天要分享的内容,其实眼高手低并不可怕,可怕的是没有提高执行力(巩固基础)的意识,从而让“手”和“眼”差的越来越远。

所以你懂得,不要再奔跑了,想要“速度70迈,心情是自由自在”,咱得先把基础练好!

欢迎关注作者的微信公众号:「菜心设计铺」

「从零开始学习图标绘制」

  1. 《用品牌基因法做图标设计,这是高级UI设计师才会的手法》
  2. 《用品牌基因法做图标设计,高级UI设计师才会的手法!(升级篇)》
  3. 《从零基础到合格,我总结了这5个图标设计实战方法》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 如何界定借鉴和抄袭?高手用一个插画案例让你轻松看懂!
  • 新手入门手册!设计师如何才能做出原创作品?
  • 用这个方法临摹作品,你的UI自学才最有效!
  • 临摹练习后,我总结了5个图标绘制的实战技巧

相关文章

  • 2017-08-06提高网页加载速度的初步简单技巧方式
  • 2018-08-23最全最好用的动效落地方法,都帮你总结好了(上)
  • 2018-08-23ofo小黄车是如何打造情感化设计的?来看总监的自述!
  • 2017-08-06B2C 网站用户体验细节设计参考
  • 2018-08-23如何构建 Web 端设计规范之文本与选择器
  • 2017-08-06通常CSS错误及解决办法技巧
  • 2017-08-06Bootstrap3.0学习笔记之入门篇
  • 2018-08-23产品设计前的「问题洞察」,你做到位了吗?
  • 2018-08-23热爱写写画画的你,可以用子弹日记激发全部创意
  • 2017-08-06如何用JavaScript获取/计算页面元素的offset

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网易用研:超全面的语音交互知识科普
    • Facebook设计副总裁:谈谈设计师的职业成功之路
    • 用品牌基因法做图标设计,高级UI设计师才会的手法!(实战篇)
    • 爱上朴实的CSS细节虽不起眼可提高效率
    • 进阶之路!一流用户体验设计师的6个共同点
    • 用户体验的76个体验点小结
    • 绝对干货!UI设计师最需要了解的设计工作流程
    • 网易设计师:版画语言在广告设计中的运用
    • UX设计在5年内将在哪里?这里有5项预测!
    • 在这些因素的制约之下,才能选取出科学的配色方案

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有