Illustrator绘制创意的万花筒花朵图形

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

1.新建文件,1500px*1500px。

2.勾勒大概轮廓。为了更准确的勾勒图形,建议打开智能参考线。

①先做内部的花瓣。画一个500px*500px的圆,填充无,描边15pt。

②复制→粘贴在前面→水平移动99px,如图。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

③打开路径查找器→交集。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

④为了更像花瓣,选中这个图形两侧的锚点,向下移动45px。然后把图形置于画板中央,也就是底部锚点放在画板中心点上。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

选择旋转工具,以底部锚点为中心进行复制及旋转。由于要做17个花瓣,因此角度是21.18°。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

之后重复这个动作,得到如下图案,把这些图形编组。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

⑥在中心放两个实心圆,一个是65px*65px,什么是UI设计,白色填充,无描边;一个是25px*25px,黑色填充,无描边。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

⑦画一个1000px*1000px的圆,无填充,黑色描边15pt,置于画布中心。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

保持大圆选中,对象→路径→偏移路径20px,描边10pt。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

最外层的圆再执行偏移路径65px。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

选择此时最外层的圆,偏移路径15px,描边为15pt。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

在这里,原作者为了让图案整体能更好的填充整个画布,将整体等比例放大了115%。

Illustrator绘制创意的万花筒花朵图形,PS教程,思缘教程网

 收藏