html画布360图案填充_AI绘制万花筒图案

fcf73f632a4ee1e28e2fb56eb9dfdcfe.gif

0fa835a72c6fc908dbe33f18308e1789.gif

图/文 daxiachica

注:有看过的小伙伴儿,温故而知新。

cf38a926dfa6869e43c9fac916eb3fc3.png

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

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

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

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

19c13a1b5ea4b7932cebd8b660b705d2.png

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

b495147fc60c48c6e137848221b7b82e.png

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

c213f6210ec3f440d50a77fc2a20e5ad.png

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

a969ceaa33da7de90ea91092bc6c78bb.png

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

04a45b6563388c2352c675c76772d944.png

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

22cadf025528b620868424988050336e.png

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

51fb2949267e87e7360cc11b0002d9e7.png

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

7e1e33b1aabcb3d07be17e4bd4529c79.png

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

cf5966802430e5a00aa3100a60d41e30.png

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

f5183bcf3a963de55edb766dc5d99392.png

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

095a30c0ede39847f23a5c66cd77ea46.png

⑧接下来给空白部分添加些装饰。使用弧形工具画叶子,参数如下:

1848dd6d32133c5dcd84d74c632cbe07.png

记得连接叶尖部分的两个锚点。

c80d7790435432ab969753d609c6854d.png

之后在左下方和右上方各画两片较小的叶子。

64c593ea0c7d6d229d65eb9c30e029d2.png

⑨将叶子编组,以画布中心为基准,复制并旋转90°,如图。

5a79091d5854ff4882e73533cc1ac274.png

3.添加细节

①选择内数第二个大圆,偏移路径36px,描边66pt,设置虚线参数,如图。

0088baeca6675fe7ed1d8943d21ce183.png

②画一个椭圆,23px*62px,无描边,填充黑色,使用锚点转换工具在上下两个锚点上各点击一下;再画两个15px*15px的小圆,放在如图位置。将三个图形编组。

f8a2561cd4b7b4e7911782457bbdc84f.png

复制这个编组,垂直向下平移,适当缩小,放到空白形状里,最终达到如下效果。

d6c9a849bd5bff6b4246b29c581dd133.png

③将这三组图形编为一个组,以画布中心点为基准,复制→旋转(度数是21.18°),重复动作,结果如图。

9f19e749dc6099847e8278dbd091514d.png

④接下来在虚线的间隙里加点图案。在间隙中间放一个23px*23px,黑色填充的圆。围绕这个圆再画一个圆,无填充,描边如图设置:

c3408c6785857d9adeb659c3858ac0cd.png

将这两个图形编组,复制-旋转,度数为10.9°(各人文件不同,度数会有点差距,大家自己算一下)。

3bb09c5373dd597a0303624a2a2b9d2a.png

⑤选择外数第二个大圆,偏移路径10px,进行如下设置。

0f090eacbcc98a4ae70bfd5ddfb59156.png

4.上色

①给现有的线条加上颜色,可以根据自己的喜好随便调颜色,加入色板。选择图形时,可以通过选择→相同这个命令,一次性选中具有相同属性的线条,更方便快捷。

d03de73d7fa723feeb8fc399fac62c6e.png

②选中中间花瓣部分,调出实时上色工具,在这组图案上点击一下,就可以给各个形状涂色了。

15e2557009dff4e81efdc0de45a42806.png

③然后是各组装饰图案,取消分组-重新分组-上色等。

e905f21cc5fee3d51868a4e071e7c3e3.png

④给整个画布换个底色,其实就是在底层加个矩形。

7d7287b6477f13c0745e81558a4e4526.png

⑤选中所有的图形,对象-扩展外观,再次对象-扩展,这样所有的描边都成为形状,接下来使用实时上色工具,给原来的描边形成的空隙填充颜色。

688bab43c35dac1c3b09799aaad08947.png

cf7fac7ef3537e79f05a33e8f4d44d4a.png

⑥最后再添加一些装饰性符号。打开符号面板,选择一组大小圆组合,新建一个符号。然后使用符号喷枪工具,给背景添加上装饰。推荐阅读:AI从入门到精通(视频教程)

f9312aa3b0a59aceab03d7256b648c19.png

大功告成~~

874a15ee201a9882f2786a15bb0613b8.png

79e4adb764a5e792f7536d3e0dcb3ea2.png

f25a019af0e1d30141426152dfe92259.png

c227ffcc9c99152b7fc1b457478caaed.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值