Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 Illustrator网格工具绘制漂亮的北极光效果教程

Illustrator网格工具绘制漂亮的北极光效果教程

发布时间:2019-05-15   编辑:www.jquerycn.cn
jquery中文网为您提供Illustrator网格工具绘制漂亮的北极光效果教程等资源,欢迎您收藏本站,我们将为您提供最新的Illustrator网格工具绘制漂亮的北极光效果教程资源
给各位Illustrator软件的使用者们来详细的解析分享一下网格工具绘制漂亮的北极光效果的教程。
方法分享:
(1)先看一下最终效果:

 

<center>AI中网格工具绘制漂亮的北极光效果教程</center>
现在我们开始制作吧
(2)选择工具栏里的“矩形工具”,在绘图区绘制一个大小适中的矩形。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(3)选择菜单“对象>创建渐变网格”,在弹出的对话框中设置“行数为1,列数为1”,点击“确定”按钮,这样就将矩形转变为一个最简单的渐变网格,在此基础上我们可以添加更多的细节,创建各种各样的渐变效果。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(4)将渐变网格的4个“锚点”均设置为黑色或较深的背景色,利用工具栏里的“直接选择工具”移动锚点,“转换锚点工具”调整锚点之间线条的曲度,交替使用此两种工具直至调整为如图所示形状。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(5)选择工具箱中的“网格工具”在渐变网格边缘处点击,并调整锚点位置如图所示。每次只添加一条曲线,并在先前的曲线上点击。不要在渐变网格内部随意添加,以免产生多余的不可预测的线条和锚点。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(6)在新添加的曲线上再次点击,即可又产生一条新的曲线和锚点,设置锚点颜色如图RGB分别为“181、220、215”。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(7)继续添加细节并设置锚点色为“22、108、125”。这里要说明一点的是,为什么一开始要从最简的渐变网格开始(即只有4个锚点的渐变网格),因为从一开始就要大致塑造对象的形状,而先前添加并编辑的锚点位置和曲线形状将影响后续要添加的锚点位置和曲线形状。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(8)继续添加细节,并设置锚点颜色为较浅色,较深色的不断交替来塑造形状。适当加入一些新的颜色。以增加一些变化。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(9)继续添加细节,并调整好锚点的位置和形状,为下一步添加更多的细节打好基础。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(10)添加背景时如果新建一个图层作为背景,那北极光与背景就会产生明显边界,显得很不自然,所以在这里用另外一种方法添加背景。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(11)在靠近北极光两侧处添加细节,然后将最外层锚点逐个移动到边缘处,并将边缘处锚点颜色调整为较深的背景色。这样北极光和背景之间就很自然的过度了。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(12)继续添加细节。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
(13)最终效果。

 

<center>Illustrator网格工具绘制漂亮的北极光效果教程</center>
好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的网格工具绘制漂亮的北极光效果的教程解析分享的全部内容了,各位看到这里的使用者们小编相信大家看到这里的使用者们小编相信大家现在是非常的清楚了制作教程了吧,那么各位就快去按照小编上面的教程自己去绘制漂亮美丽的极光吧。

您可能感兴趣的文章:
JavaScript图表绘制组件 Elycharts
Highcharts教程(8) Pane窗格选项、PlotOptions绘图选项概览
在网站上应该用的30个jQuery插件整理
基于jquery的15款幻灯片插件
jqPlot 基于jquery的画图插件
13个绚丽的Jquery 界面设计网站推荐
Jquery图形报表插件 jqplot简介及参数详解
JQuery+CSS提示框实现思路及代码(纯手工打造)
jqPlot Option配置对象详解
javascript moveTo与lineTo绘制复杂图形的例子

[关闭]