Open 1c7 opened 9 years ago
最终效果图：
此教程并非原创。是我看完原视频教程学会之后自己再写的。 另外这视频我看了下是2014年1月2号上传的。现在2015年6月18了。 我不太清楚网上是不是有人已经做了类似的图文教程。如果有麻烦留言告知我下谢谢。 原视频标题：Flat Icon Design Tutorial in Illustrator CC 原视频地址 ( Youtube )： https://www.youtube.com/watch?v=2sI5mx4Jms0
选择圆角矩形工具
点击画面任意空白处，会弹出一个窗口。填入如图中的数字。
结果如下：
用选择工具把矩形拉上来
点击右边颜色面板，填充成蓝色
再次选择圆角矩形工具，这次我们在画布上随便拉出一个矩形来。
点一下右侧色板中的橙色，把我们刚刚创建的矩形变成橙色。
下一步：再次选择圆角矩形工具，拉出一个长条形圆角矩形。
填充成白色
用直接选择工具，然后按 Ctr+C 复制， Ctrl + F 黏贴到上方，用鼠标拉到下面去。 重复两次我们就一共有3个小白条了。
用选择工具按住 Shift 把3个小白块都选中。然后中间对其，以及水平垂直分布
之前忘了把边框取消了。现在我们把边框都去掉。 选中所有元素 ( 把鼠标放到左上角按住然后向右下角拉，或者用 Shift 一个个点也行。随你 ) 在左上角这里把边框都去掉。
现在我们要开始画左下方那个小尖角了，先选择钢笔工具
在这个位置点一下
按住 Shift，然后点下下面这里。
再次按住 Shift 点下这里
把颜色也改成橙色，然后可以用选择工具调下位置和大小，结果如下
现在我们开始做阴影，先点击右下角图层这边的小图标，展开当前这个图层。
用选择工具选中背景层，Ctrl+C Ctrl+F 复制一份 如3所示
选择钢笔工具，然后画一个这样的矩形出来。形状不重要，不一定要画的和我完全一样。
重点在于要这个形状大于后面圆角矩形，待会我们会用后面的这个圆角矩形来切前面这个不规则性状。如红线所示
点击选中2个元素，那个我们即将用作阴影的不规则形状。以及背景。
拉到右边去。这样好操作。
用钢笔工具把前面那个不规则形状闭合一下
选中那个不规则形状。 对象->路径->分割下方对象
然后看起来会像是这样：
下一步我们点选背景，把它删了
结果如图
我们改下颜色，点击渐变的前景色那里， 稍微调深一点
拉回去，这样阴影就做好了：
然后你可以锦上添花的给背景 以及橙色图标，添加一点渐变，这个部分就不写了。 （上面那个最终效果图是有加渐变的）
最终效果图：
介绍
此教程并非原创。是我看完原视频教程学会之后自己再写的。 另外这视频我看了下是2014年1月2号上传的。现在2015年6月18了。 我不太清楚网上是不是有人已经做了类似的图文教程。如果有麻烦留言告知我下谢谢。 原视频标题：Flat Icon Design Tutorial in Illustrator CC 原视频地址 ( Youtube )： https://www.youtube.com/watch?v=2sI5mx4Jms0
教程开始
选择圆角矩形工具
点击画面任意空白处，会弹出一个窗口。填入如图中的数字。
结果如下：
用选择工具把矩形拉上来
点击右边颜色面板，填充成蓝色
再次选择圆角矩形工具，这次我们在画布上随便拉出一个矩形来。
点一下右侧色板中的橙色，把我们刚刚创建的矩形变成橙色。
下一步：再次选择圆角矩形工具，拉出一个长条形圆角矩形。
填充成白色
用直接选择工具，然后按 Ctr+C 复制， Ctrl + F 黏贴到上方，用鼠标拉到下面去。 重复两次我们就一共有3个小白条了。
用选择工具按住 Shift 把3个小白块都选中。然后中间对其，以及水平垂直分布
之前忘了把边框取消了。现在我们把边框都去掉。 选中所有元素 ( 把鼠标放到左上角按住然后向右下角拉，或者用 Shift 一个个点也行。随你 ) 在左上角这里把边框都去掉。
现在我们要开始画左下方那个小尖角了，先选择钢笔工具
在这个位置点一下
按住 Shift，然后点下下面这里。
再次按住 Shift 点下这里
把颜色也改成橙色，然后可以用选择工具调下位置和大小，结果如下
现在我们开始做阴影，先点击右下角图层这边的小图标，展开当前这个图层。
用选择工具选中背景层，Ctrl+C Ctrl+F 复制一份 如3所示
选择钢笔工具，然后画一个这样的矩形出来。形状不重要，不一定要画的和我完全一样。
重点在于要这个形状大于后面圆角矩形，待会我们会用后面的这个圆角矩形来切前面这个不规则性状。如红线所示
点击选中2个元素，那个我们即将用作阴影的不规则形状。以及背景。
拉到右边去。这样好操作。
用钢笔工具把前面那个不规则形状闭合一下
选中那个不规则形状。 对象->路径->分割下方对象
然后看起来会像是这样：
下一步我们点选背景，把它删了
结果如图
我们改下颜色，点击渐变的前景色那里，
稍微调深一点
拉回去，这样阴影就做好了：
然后你可以锦上添花的给背景 以及橙色图标，添加一点渐变，这个部分就不写了。 （上面那个最终效果图是有加渐变的）
教程完