本次给大家带来时尚图标的译文教程,也欢迎大家关注我的新浪微博:米夏小雨。来咱们尬聊吧。今天的教程篇幅可能会有点过长,所以大家要有准备哦,不过我已经处理了一些不必要的废话。教程开始前我们应该先设置一下我们的AI。先看看效果图。

软件名称:
Adobe Illustrator CC(AI) 2016特别版 64位 简体中文完整版
软件大小:
1.67GB
更新时间:
2016-04-11立即下载

ai怎么设计简约风格的扁平化图标?

首先我们新建画布的时候设置如下:

画板数量:1

宽度:800px

高度:600px

单位:像素

颜色模式:RGB

分辨率:72

画布大小自己觉得也可以,但是颜色模式和单位不要错了哦!

其次我们在首选项里面把参考线和网格里的网格线间隔设置为1px

ai怎么设计简约风格的扁平化图标?

*为了好区分每个图标的图层,我们可以先创建好应有的图层并取好名。(看个人啦这步可以不要)

ai怎么设计简约风格的扁平化图标?

好了,开始砸门今天的射击之路吧!

一、我们先创建参考网格

在我们的例子中,我要让创建的图标是一样的大小,所以我们就要创建一些参考网格。

步骤1、创建一个128x128像素的的橙色矩形,然后我们在创建一个120x120像素的矩形只要描边。然后将两者中心点对齐。此时就会有4px的宽度,然后我们用路径查找器里面的分割切掉(其实我们可以直接用128px的矩形给他4px的描边效果是一样的)

ai怎么设计简约风格的扁平化图标?

步骤2、把刚才做好的矩形复制出需要的个数,让他们每个距离是40px(这个距离可以不用纠结)然后我们全部选择到按Ctrl+2锁定他们

ai怎么设计简约风格的扁平化图标?

二、开始绘制我们的眼镜图标

步骤1、我们绘制一个大小为44x44的椭圆,然后使用#6fd8c4填充。

ai怎么设计简约风格的扁平化图标?

步骤2、把椭圆复制一份,给2px的描边,颜色为#3d2f2c。然后在描边对齐里面选择居中对齐(默认内侧对齐)然后把描边大小改为4px。

ai怎么设计简约风格的扁平化图标?

步骤3、用钢笔工具画一块,此处我无法描述请看下图,反正你拖动到自己满意就好。

ai怎么设计简约风格的扁平化图标?

步骤4、我们将多的那一块移动到底层(选择他右击就会出现哈)

ai怎么设计简约风格的扁平化图标?

步骤5、接着我们来创建眼镜的重要部分,画一个8x16像素的矩形(#3D2F2c)我们将他放到椭圆高度一半的位置,然后对齐边缘。

ai怎么设计简约风格的扁平化图标?

步骤6、此时,我们将这个矩形的角做圆处理,在他的属性面板里面设置4px的圆角。(新版ai的小伙伴直接选择一点拖就好)

ai怎么设计简约风格的扁平化图标?

上一页12 3 4 5 6 7 下一页 阅读全文

标签:
ai,图标

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
评论“ai怎么设计简约风格的扁平化图标?”
暂无“ai怎么设计简约风格的扁平化图标?”评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。