当前位置: 首页 > 优图知识库  > illustrator教程 > AI实例教程

AI绘制Dribbble风格手表图标教程

2019/1/16 12:19:01 人评论

经常上 Dribbble 的同学应该注意到,今年 Dribbble 上特别流行一种线型的 ICON 作品。这类 ICON 作品造型和颜色搭配虽然简单,但是风格却很强烈,很活泼很柔和,表现力很强,关键是「很洋气很好看」。下面这组 ICON 作品就是典型的例子,各位先随意欣赏一下,作品均来自Dribbble ...

版权申明:本文原创作者“TerryUX”,感谢“TerryUX”的原创教程分享!
经常上 Dribbble 的同学应该注意到,今年 Dribbble 上特别流行一种线型的 ICON 作品。这类 ICON 作品造型和颜色搭配虽然简单,但是风格却很强烈,很活泼很柔和,表现力很强,关键是「很洋气很好看」。

下面这组 ICON 作品就是典型的例子,各位先随意欣赏一下,作品均来自Dribbble。

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html


下面我将会就如何画一枚 Dribbble 风格的线形 ICON,写一个简单的教程。 

这里我想顺便强调一下日常自学设计的方法,无外乎观察和总结,最好能亲自动手做做。不知道你刚才在欣赏的时候,有没有留意观察它们的特点?

如果你刚才没有总结,那我来替你总结一下。 首先这组作品的主体均为风格强烈的粗线条 ICON,其次在选用颜色的时候均选择了饱和度较低的类比色进行搭配。 

总结完它们的特点,我们就可以就这些特点进行 ICON 设计了,下面是具体操作环节。我使用的工具为 Sketch,如果没有的话用 Ai 也很方便。

AI绘制Dribbble风格手表图标教程 优图宝 AI实例教程

为了说明问题,我选择了上面这只苹果婊,并准备就这个造型画一个 Dribbble 风格的线型图标。 

STEP 1 

观察苹果婊的造型,并将它的主体结构用粗线条画一个 ICON。不要求细节,仅保留最最重要的线条,能交代清楚造型即可。

AI绘制Dribbble风格手表图标教程 优图宝 AI实例教程 


_ueditor_page_break_tag_

STEP 2

在不影响 ICON 主体造型结构的前提下,将部分线条打断,没其他什么要求,你高兴就好,就是这么任性。

AI绘制Dribbble风格手表图标教程 优图宝 AI实例教程

是不是已经有点不太一样了?随意断开的线条,居然让 ICON 的整体造型活泼了起来。

STEP 3

紧接着就是着色。这里我选择了同色系的三种绿色为 ICON 上色,要注意的是,当填充完色块以后,记得将色块向右下方随意地移动几像素。这样不仅可以交代一部分明暗关系,更会为画面加入活泼的元素。

AI绘制Dribbble风格手表图标教程 优图宝 AI实例教程

画到这里,其实就算基本完成了。当然我们还可以为画面增加一些点缀的元素,让画面更饱满丰富。

STEP 4

画一些小圈圈,小星星什么的,随意地点缀在周围。注意不要过度,零星的几个就好,画面马上就会 BLING BLING 闪耀起来~ 

AI绘制Dribbble风格手表图标教程 优图宝 AI实例教程

大功告成。怎么样,这图标看起来是不是「很 Dribbble」? 

AI绘制Dribbble风格手表图标教程 优图宝 AI实例教程

看完不算,快去动手试试吧~ :)

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html

相关资讯

  • 自控AI渐变网格节点画黑金弯钩

    网上很多教程都介绍说,“在使用Illustrator渐变网格建立一个不规则的形状网格时,最好先用基本图形建立,然后再用白箭头拉成想要的形状……”但个人感觉这似乎是个非常被动的做法,特别对我这种点半天都点不中 ...

    2019/1/16 14:25:26
  • AI绘Q版超人:身体造型

    当时正好给我的学生讲到了Illustrator的渐变网格,《超人总动员》正在热映,所以随手就拿来当例子了。现在想想幸亏当时热映的不是《冰河世纪》!当然案例是分三次做完的,大概用两天时间,最难画的地方是超人的 ...

    2019/1/16 14:25:25