Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 Illustrator绘制典雅的欧式复古花纹教程一览

Illustrator绘制典雅的欧式复古花纹教程一览

发布时间:2019-04-14   编辑:www.jquerycn.cn
jquery中文网为您提供Illustrator绘制典雅的欧式复古花纹教程一览等资源,欢迎您收藏本站,我们将为您提供最新的Illustrator绘制典雅的欧式复古花纹教程一览资源
今天小编在这里就来给Illustrator的这一款软件的使用者们来说说绘制典雅的欧式复古花纹的教程,各位想知道具体绘制方法的,那么就快来看看小编给大家分享的教程吧。
<script>ec(2);</script>
给各位Illustrator软件的使用者们来详细的解析分享一下绘制典雅的欧式复古花纹的教程。
教程分享:
1,安装插件,创建文档
运行AI,然后点击ctrl N创建一个新文档。在打开的对话框中,设置画板的参数和选择色彩模式。(色彩模式取决于你将要把你的作品应用于何处,如果你打算打印就选择CMYK色彩模式,但如果你只是想把你的作品发布在网络上,就选择RGB 颜色模式。)

 

<center>01-document-settings</center>
二、与 MirrorMe 插件配合使用
第1步
Mirrorme插件可以快速镜像你的矢量图形。你可以镜像你的作品上是一个轴或多个(最多72个)轴。安装了这个插件后,你会看到工具图标出现在工具面板中。要打开插件的面板,到窗口> MirrorMe> MirrorMe面板。

 

<center>02-mirrorme-tool-and-panel</center>
选择MirrorMe工具,然后单击画板,对称轴会出现,同时会有注解面板出现。现在,你可以移动对称轴和对称中心,利用旋转轴改变他们的角度 。

 

<center>03-mirrorme-settings</center>
在 Mirrorme 面板中,你可以设置对称中心的精确坐标与角度和坐标轴数。下图所示设置角度为90度,与4轴对称。

 

<center>04-angle-axes</center>
第2步
点击注释面板的Apply to Layer或 MirrorMe 面板的Apply to Layer,旋转轴将被固定。

 

<center>05-apply-to-layer</center>
这样,你在活动部位创建对象会立即在其他部位出现相同的图案。我们只能在两个三角形之间的面积画图,而在其他部位创建的对象将被忽略。

 

<center>06-instant-symmetry</center>
三、创建基础图形
第1步
使用椭圆工具(L)在活动区域画一个圆。这个圆不该相交对称。选择剪刀工具(C) ,减去点A和点B之间的路径。

 

<center>07-cuting-circle</center>
然后删除该段的路径。

 

<center>08-removing-segment</center>
第2步
继续从A点画路径,这是相当棘手的。为了避免破坏,你要使用PATHSCRIBE TOOL插件,这就是扩展路径工具, 它真的很有用。因为它可以让你沿着一定的轨迹修剪或延伸路径。安装该插件工具后出现在工具面板。点击PathScribe工具图标,在打开的子工具面板,选择扩展路径工具。

 

<center>09-extend-path-tool-location</center>

 

<center>10-extend-path-tool-location</center>
当点击点A可以看到标注出的轨迹,你可以在它上面延伸路径。

 

<center>11-extend-path-tool-annotation</center>
第3步
有四个扩展模式:单贝塞尔,恒定半径,直线和螺旋。你可以通过按住E快捷键来切换这些模式或通过双击扩展路径工具图标打开扩展路径参数对话窗口选择扩展模式。在此窗口中选择恒定半径和10px固定半径。

 

<center>12-extend-path-tool-preferences</center>
现在标注出了我们的圆弧形状路径。

 

<center>13-constant-radius</center>
使用键盘上的左箭头减少圆弧半径,使用键盘上的右箭头键增加圆弧半径。

 

<center>13-extension-modes</center>
增加半径直到标注显示与对称轴相交时,将左边的锚点沿注释工具的指针移动到对称轴上,使它与它的右边镜像图形相连接。

 

<center>14-path-extension</center>
当路径通过对称轴后,它与对称轴右边的图形相连接。

 

<center>15-path-crosses-axis</center>
第4步
使用钢笔工具(P)创建一个弧形线段 。

 

<center>16-curved-segment</center>
这一次,我打算把它沿螺旋扩大。选择螺旋式扩展模式,然后移动到你想要的终点。

 

<center>17-spiral-mode</center>
在恒定半径模式,我们可以通过键盘的左和右箭头键改变螺旋半径。同时,我们可以使用上箭头键来增加和下箭头键来减小缠绕的螺旋数。

 

<center>17-increase-decrease-constant-radius-winding-constant</center>
当形状是你想要的,你再扩展路径。

 

<center>18-19-extend-spiral</center>
第5步
继续使用钢笔工具(P)在活动区域画路径 ,并使用扩展路径工具扩展它们。

 

<center>20-pattern-creation</center>

 

<center>21-pattern-creation</center>

 

<center>22-pattern-creation</center>
采用扩展路径工具可以很容易地创建一个连续的螺旋路径,随你想怎样来填补其他路径之间的空间。它可以帮助你避免意外的错误,节省了繁琐的编辑。而标准的螺旋工具我不认为它会很容易让你快速的创作路径,因为它不会让你顺利地在路径上添加一个螺旋。MirrorMe可以让你创建的一个路径同时瞬间将其他的对称的部分画好,你实际上是在创造它的整个路径。
四、统一转换成路径为可变宽度的路径
第1步
改变路径的宽度,使得它从起始点到终点逐渐增加。选择一条路径,然后应用描边面板的三角形轮廓。在这里,你还可以控制它的宽度。

 

<center>23-width-profile</center>
第2步
使用宽度工具(按Shift W)在本地控制路径的宽度。把工具的指针接近所需的点。单击并拖动会改变它的宽度。

 

<center>24-width-tool</center>
双击选定的位置将打开一个对话框,您可以设置宽度的精确值。

 

<center>25-width-point-edit</center>
现在更改所有可用路径的宽度。

 

<center>26-change-width-paths</center>

 

<center>27-change-width-paths</center>
五、删除多余点
第1步
选择所有的路径,然后去对象>路径>轮廓化描边。正如你所看到的,所产生的对象有大量多余的点。其实我的路径中共包含2263点!

 

<center>28-excess-points</center>
好消息是,我们可以使用智能删除画笔工具快速去除其中大部分的点。点击PathScribe工具图标,在打开的子工具面板中选择智能删除画笔工具。

 

<center>29-smart-remove-brush-tool-location</center>
打开智能删除画笔工具窗口,设置画笔大小,勾选仅删除在不改变路径的公差范围内的公差值为15。

 

<center>30-smart-remove-brush-tool-preferences</center>
现在,通过按住鼠标左键,在多余的点扫刷。红线告诉我们删除点之后是什么形状的路径。注意:我们删除的点不会明显改变路径的形状!这些变化发生在我们设置的公差范围内。

 

<center>31-removing-excess-points</center>
第2步
你可以禁用选项仅删除在不改变路径的公差范围,继续删除点。在这种情况下,你用刷子刷过的点将被删除。这意味着你可以完全控制删除你想要删除的点,并保持你想要的路径形状。我认为这两种方法应该结合使用,先用容差的方法,去消除大多数的点,我们可以称之为“粗略”。然后禁用容差的方法,用刷子在每条路径独自操作。

 

<center>32-disabling-tolerance</center>
该智能删除画笔工具已迅速清理我的多数多余的点。我现在只有207点,而不是有2263个,比编辑以前少11倍!更令人印象深刻的是,这个只花了我三分钟!

 

<center>33-checking-points</center>
六、用ColliderScribe插件将图案元素精确定位
第1步
ColliderScribe 是一个简单的工具集(小编注:AI CC中自带),在AI中,使你可以将任何物体准确的放在另一个物体旁边。安装该插件后,你可以在选择工具(V)组中的工具面板找到新的工具。这就是碰撞对齐工具和旋转时碰撞的工具。

 

<center>34-colliderscribe-tools-location</center>
使用椭圆工具(L)创建一个圆形 。

 

<center>35-circle-creating</center>
以下演示捕捉碰撞工具的使用方法,选中圆,将其拖动到邻近的对象。当物体接触时,一个红色的碰撞标记将出现在切点,就像真正的物体碰撞。

 

<center>36-snap-to-collisions-tool</center>
如果在捕捉容差范围内,你可以移动一个物体绕另一个物体移动而不破坏他们的关系。

 

<center>37-snap-tolerance-range</center>
双击该工具的图标,在捕捉碰撞首选项对话框里的捕捉公差值设置数值。

 

<center>38-snap-to-collisions-preferences</center>

 

<center>38-snap-to-collisions-tool-animation</center>
第2步
旋转时碰撞工具不仅允许用户可以碰撞形状,也能沿着另一个路径选定对象。当使用旋转时碰撞工具必须捕获该对象的路径的边缘。

 

<center>39-rotate-at-collisions-tool-animation</center>

 

<center>40-rotate-at-collisions-tool-pattern</center>
使用这两种工具,我已经能够准确地定位现有的位置和新元素的放置。例如,我用旋转在碰撞工具在螺旋元素的末尾放一个圆圈。

 

<center>41-placing-circle</center>
现在,您可以使用形状生成器工具(Shift键 M) 删除不需要的部分。

 

<center>201410101</center>
做完后的图案元素如下图所示的图像。

 

<center>43-pattern-overview</center>
第3步
让我们用钢笔工具(P)画几个简单的元素 。这些对象将填补画面中的空白。

 

<center>44-filling-empty-spaces</center>
(小编提醒:先将圆圈与花纹分别联集)选择所有创建的对象,然后单击路径查找器面板中联集。

 

<center>45-unite-pathfinder-panel</center>
七、颜色和细化模式
第1步
选择所有对象,并用浅棕色填补他们R = 213,G = 159 ,B = 76。

 

<center>46-pattern-color</center>
使用钢笔工具(P)中的图形元素的基础上建立弯曲路径。并填充褐色R = 180,G = 97 B = 42。设置描边为1,在描边面板中,你还可以调整元素的形状。

 

<center>47-shadow-width-profile</center>
现在,我们已经给图形添加更深的阴影。
第2步
一些阴影的形状可以是更复杂的。对于这些,创建一个对象,用棕色的颜色填充,没有描边。如下图所示

 

<center>48-creating-complex-shadows</center>
删除超出的图案的边框阴影的部分。选择阴影和图案,用形状生成器工具(Shift键 M) ,然后按住 Alt键,点击我们要删除的阴影部分。

 

<center>201410102</center>

 

<center>201410103</center>
用上面的步骤,继续为其他的元素创建阴影。

 

<center>51-pattern-shadows</center>
第3步
我们将用创建阴影的方法来创建高光。但是现在,我们要使用的填充色和描边是黄色R = 246,G = 234, B = 109。高光放在靠近顶部的地方。

 

<center>52-placing-glares</center>

 

<center>53-pattern-glares</center>
现在所有的元素都准备好了,点击MirrorMe面板中的移除坐标轴中的按钮,退出对称模式。

 

<center>54-removing-axes</center>
第4步
用矩形工具(M) ,创建一个与画板的大小一样的矩形,给它填充棕色R = 77,G = 37, B = 28。

 

<center>55-brown-background</center>
在图层面板中锁定该对象。
第5步
将所有对象编组(Ctrl G )。按住 Alt键,将图案移到画板的左上角。这样同时复制了图案。

 

<center>56-pattern-duplication</center>
在图层面板中锁定图案。
第6步
选择上步的图案,选择 MirrorMe 工具,并设置对称中心在画板的中心。在 MirrorMe 面板选择对称的两轴,然后单击应用选择。

 

<center>

 

<center>58-apply-to-selection</center>
第7步
使用矩形工具(M) ,创建矩形,使矩形的四个顶点与四边图案的中心点重合。

 

<center>59-creating-rectangle</center>
选择这些图案和矩形,然后到对象>剪贴蒙版>建立。

 

<center>60-creating-clipping-mask</center>
恭喜您!你大功告成了。
现在你可以在未来的项目中使用这个图案了。

 

<center>61-final-design1</center>
好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的绘制典雅的欧式复古花纹的教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家先在是非常的清楚了绘制方法了吧,那么大家就快去按照小编的教程自己去试着绘制吧。

您可能感兴趣的文章:
jquery toggle faq 春江花月夜版
Raphael一个用于在网页中绘制矢量图形的Javascript库
Web前端设计模式 制作漂亮的弹出层
jQuery 绘图插件 jCanvas
Highcharts教程(8) Pane窗格选项、PlotOptions绘图选项概览
javascript moveTo与lineTo绘制复杂图形的例子
jQuery 绘图插件 jCanvas
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
js图表组件highcharts简介
jquery.ajax的url中传递中文乱码问题的解决方法

[关闭]