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

  发布时间:2017-06-26 08:53:47   作者:米夏小雨   我要评论
ai怎么设计简约风格的扁平化图标?日常生活中我们经常能看到图标,但是如果自己想要设计一款图标该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下

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

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

画板数量:1

宽度:800px

高度:600px

单位:像素

颜色模式:RGB

分辨率:72

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

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

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

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

一、我们先创建参考网格

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

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

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

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

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

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

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

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

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

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

相关文章

  • ai怎么设计一组扁平化风格的城堡图标?

    ai怎么设计一组扁平化风格的城堡图标?ai中想要设计小城堡样式的图标,该怎么设计呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2017-06-22
  • AI怎么设计一套爱护牙齿的图标?

    AI怎么设计一套爱护牙齿的图标?我们知道牙齿对于我们来说很重要,想要设计一组保护牙齿的图标,比如牙刷牙膏,漱口水等等与牙相关的图标,该怎么设计呢?下面我们就来看看
    2017-06-19
  • AI制作一枚嘀嘀嘀的心率检测仪图标教程

    这篇教程教脚本之家的各位Illustrator教程学习者使用AI制作一枚嘀嘀嘀的心率检测仪图标的方法,教程比较简单,适合新手练习,通过本练习,可以熟悉AI软件的基础功能和基本
    2017-06-16
  • AI怎么绘制一款漂亮的相机图标?

    AI怎么绘制一款漂亮的相机?ai中想要绘制一款漂亮的相机图标,该怎么设计呢?下面我们就来看看详细的绘制方法,很简单,需要的朋友可以参考下
    2017-06-08
  • AI怎么设计MBE风格鲸鱼插画图标?

    AI怎么设计MBE风格鲸鱼插画图标?ai想要设计一个MBE风格鲸鱼插画,该怎么绘制成一个漂亮的表面效果呢?下面我们就来啊看看你详细的教程,需要的朋友可以参考下
    2017-06-05
  • ai怎么设计可爱的夏日海滩小插画图标?

    ai怎么设计可爱的夏日海滩小插画图标?ai中想要设计一组海滩小图标,该怎么设计呢?下面,下面我们就来看看详细的设计教程,很简单,需要的朋友可以参考下
    2017-06-04
  • AI绘制立体感十足的计算器APP图标教程

    本教程教脚本之家的Illustrator教程学习者们使用AI绘制立体感十足的计算器APP图标的方法,教程有点长,感兴趣的朋友一起去试试吧
    2017-06-03
  • Ai怎么绘制一个优酷图标?

    Ai怎么绘制一个优酷图标?ai中想要设计一个优酷视频的图标,该怎么设计呢?下面我们就来看看使用ai设计的教程,很简单,需要的朋友可以参考下
    2017-05-31
  • AI基础教程:教你制作炫酷的毕业主题徽章、书本、学士帽和电脑图标

    今天脚本之家小编给大家分享的是AI基础教程:教你制作炫酷的毕业主题徽章、书本、学士帽和电脑图标,教程非常详细,感兴趣的朋友可以一起动手试试
    2017-05-19
  • AI基础教程:教你绘制四个清新风格的夏日主题图标

    本教程教你使用AI绘制四个清新风格的夏日主题图标,教程非常的详细,打造的效果也非常可爱清新,想要学习更多AI基础教程的朋友,可以进来看看
    2017-05-18

最新评论