记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

快捷导航
查看: 165612|回复: 1
收起左侧

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

[复制链接]
发表于 2018-9-29 08:51:04 | 显示全部楼层 |阅读模式
经常上 Dribbble 的同学应该注意到,今年 Dribbble 上特别流行一种线型的 ICON 作品。下面这组作品就是典型的例子,各位先随意欣赏一下。

                                                       



下面我将会就如何画一枚 Dribbble 风格的线形 ICON,写一个简单的教程
这里我想顺便强调一下日常自学设计的方法,无外乎观察和总结,最好能亲自动手做做。不知道你刚才在欣赏的时候,有没有留意观察它们的特点?
如果你刚才没有总结,那我来替你总结一下。 首先这组作品的主体均为风格强烈的粗线条 ICON,其次在选用颜色的时候均选择了饱和度较低的类比色进行搭配。
总结完它们的特点,我们就可以就这些特点进行 ICON 设计了,下面是具体操作环节。我使用的工具为 Sketch,如果没有的话用 Ai 也很方便。

为了说明问题,我选择了上面这只苹果婊,并准备就这个造型画一个 Dribbble 风格的线型图标。
STEP 1
观察苹果婊的造型,并将它的主体结构用粗线条画一个 ICON。不要求细节,仅保留最最重要的线条,能交代清楚造型即可。

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

是不是已经有点不太一样了?随意断开的线条,居然让 ICON 的整体造型活泼了起来。
STEP 3
紧接着就是着色。这里我选择了同色系的三种绿色为 ICON 上色,要注意的是,当填充完色块以后,记得将色块向右下方随意地移动几像素。这样不仅可以交代一部分明暗关系,更会为画面加入活泼的元素。

画到这里,其实就算基本完成了。当然我们还可以为画面增加一些点缀的元素,让画面更饱满丰富。
STEP 4
画一些小圈圈,小星星什么的,随意地点缀在周围。注意不要过度,零星的几个就好,画面马上就会 BLING BLING 闪耀起来~

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

今天的教程到这里就结束了,在这里希望大家能够活学活用,举一反三,还在等什么呢?快去动手试试吧~ :)


没有基础,想学UI设计的同学,可以加一下诺言头像下方的交流群,帮你搞定资源、学习方法、教程、素材源文件等等!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
发表于 2018-9-29 09:13:36 | 显示全部楼层
苹果婊 笑出声
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
回复

使用道具 举报

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )