AI教程

「AI实战」Illustrator 外观面板 应用(二)

今天来分享一下上一篇开头提到的蜂窝的做法,一样也只需要用到外观面板来实现,步骤很简单,有兴趣的可以和我一起学习一下~

1、首先我们要画一个六边形,然后给它旋转90度,放到画板的最上方,圆角调到20.效果如下。

接下来我们要给这个六边形一个渐变填充,颜色分别为#A43724、#5F0800、#210304,选择径向渐变。

现在我们为了计算平移的距离,先按住alt键复制一个六边形。在按住alt键盘往下复制一个六边形。

然后把复制出来的那两个删掉,因为此时,ai已经计算出来了从第一个移到第二个六边形的具体距离。接下来用黑色的箭头选中六边形,按回车键会出现下面的方框,然后复制里面的数值。选择变换,水平数值写刚才复制的数值。效果如下图(这个图,我只是往右移了一个六边形,所以只有一个水平参数,如果你向右向下分别平移过了,这里会有水平垂直两个参数)


接下来只需要在副本里面增加复制的个数就可以了

同样的道理,往下填充,这里的水平距离要写原来的一半!


这里同样用效果→扭曲和变换→变换,输入垂直数值这里的垂直数值要在原先的垂直数值上乘以2。因为此时往下移动的距离是刚开始的两倍!然后在副本这里填入复制的个数,ai会自动计算!


这里我直接在外观面板这里给描边从原来的1Pt增加到28pt,颜色为#220000

2、接下来就是不断地在变换面板中增加描边,在用变换,做出颜色层次和立体感
一、先增加一个黄色的描边,颜色为#F8B62D,粗细为8pt,你也可以根据自己的想像力来调整描边粗细和颜色。然后在用变换让平面的蜂巢变得立体一些。


二、同理增加一个橙色颜色为#ED6D1F,粗细为12pt使用变换。


三、增加一个颜色为#D24006,粗细为16pt使用变换。


这里的效果和成果不太一样,区别如下图,

这张上面的六边形是环环相扣的,而上面我们做的有一部分被遮住了,这种原因是因为外观面板底下有三个变换在最下面,我们要把它拉到最上面才能达到上面的成果。

四、现在添加第四种颜色。#D24006,17Pt,水平垂直分别11和-11
五、同理#932600,18Pt,水平垂直分别8和-8
六、同理#741700,19Pt,水平垂直分别6和-6
七、同理#530000,20Pt,水平垂直分别3和-3
八、同理#3B0000,22Pt,水平垂直分别0和0
现在描边已经全部完成,效果如下图

现在看上去感觉还太平,缺了点阴影,六边形内部的黑色描边看上去太实了。因此还要在增加一点高斯模糊来改善他。首先我们先为它添加阴影,参数效果如下所示

接着最后一步在加一个高斯模糊,注意高斯模糊的图层要在阴影上面!

这样就完成啦!成果图如下~

这里麻烦的地方就是要添加很多很多的描边,而且每个描边的颜色都不一样,每个描边变换的数值也不一样!如果自己做的时候发现效果不太一样,要看看图层顺序以及变换的数值,数值不一定和我上面的一样,根据自己的需要。

View Comments

Recent Posts

Flexible Shipping Pro

在WordPress的世界里,…

4天 ago

2023 年 WordPress 中最棒的多语言翻译插件推荐

担心如何翻译您的网站语言以支持…

1年 ago

2023 年 WordPress 中最棒的可视化页面构建器插件推荐

在设计任何页面或网站时,对于不…

1年 ago

Ella 多用途 Shopify 主题

Shopify 主题市场上有许…

1年 ago

AI Engine Pro

喵容今天带来的 AI Engi…

1年 ago

AIKit

喵容今天为您带来 AIKit …

1年 ago