• [

    绘图教程

    ]

    Illustrator绘制精美的节日丝带

    本帖最后由 cleandj270 于 2012-4-15 12:28 编辑

    <strong>1.绘制丝带的第一部分<br/></strong>  在开始这篇教程之前,需要读者先熟悉如何使用“钢笔工具”,以及如何绘制贝塞尔曲线。推荐《<br/><a href="http://design.yesky.com/artist/428/2167928.shtml" target="_blank"><font color="#333333">设计软件造型利器“贝赛尔曲线工具”详解</font></a><br/>》。<br/>  画一条曲线,形状可以参考图1。按住Shift键的同时拖动曲线的最末端锚点右侧的调节句柄。按图中所示在曲线上拖出一条垂直参考线。如果想让参考线出现在正确的位置,可以使用“智能参考线(Smart Guides)”,方法是选择菜单命令“视图|智能参考线(View|Smart Guides)”(或按快捷键Ctrl+U)。<br/><br/><img alt="点击在新窗口查看全图
    CTRL+鼠标滚轮放大或缩小" src="http://design.yesky.com/imagelist/06/51/j25vz6n5co1xs.gif" width="500" border="0" twffan="done"/><br/><br/>点击看大图  图1<br/>  <b>2.将曲线分为两部分</b><br/>  因为我们必须应用不同的明暗颜色来创建出丝带的**深度,因此,需要将丝带分割成几段。<br/>  选择工具箱中的“剪刀工具(Scissors Tool)”,在如图2所示路径上的位置单击,因为使用了智能参考线,“剪”完后,当鼠标指针移动到曲线上正确的点时,会显示出“交叉(intersect)”字样。现在路径被分割成两段了。选择这两段路径,按住Shift+Alt键的同时沿垂直方向拖动并复制路径,如图2中右图所示。<br/><br/><img alt="点击在新窗口查看全图
    CTRL+鼠标滚轮放大或缩小" src="http://design.yesky.com/imagelist/06/51/x0zihpi706yvs.gif" width="500" border="0" twffan="done"/><br/><br/>点击看大图  图2<br/>  <b>3.闭合路径</b><br/>  按如图3所示闭合路径(使用“直接选择工具”选中两段路径左侧的两个端点,然后按Ctrl+J键,然后再用同样的方法闭合右侧的两个端点),如此一来,丝带路径包含两段。选择这两段,然后选择工具箱中的“旋转工具(Rotate Tool)”,按住Alt键的同时将鼠标指针定位到如图3右图所示位置,单击后在对话框中输入180°并单击“复制(Copy)”按钮。<br/><br/><img alt="点击在新窗口查看全图
    CTRL+鼠标滚轮放大或缩小" src="http://design.yesky.com/imagelist/06/51/t7k7f66m4k84s.gif" width="500" border="0" twffan="done"/><br/><br/>点击看大图  图3<br/>  <b>4.旋转并复制丝带的两段</b><br/>  高级用户可能会只是在正确位置单击,然后按住Alt键与Shift键的同时旋转所选路径,直到旋转如图4所示的正确位置。<br/><br/><img alt="点击在新窗口查看全图
    CTRL+鼠标滚轮放大或缩小" src="http://design.yesky.com/imagelist/06/51/37j61o0eyj46s.gif" width="500" border="0" twffan="done"/><br/><br/>点击看大图  图4<br/>  有一种可能出现的情况是,这两段不能完全地吻合。选择复制得到的两段,放大视图,然后将它们移动到准确的位置。如果现在仍打开了“智能参考线(Smart Guides)”,在拖动时就会自动吸附,并且会看到出现“origin”字样。<br/>  <b>5.将丝带的中间部分合为一段</b><br/>  选择丝带的中间两段,然后单击“路径查找器(Pathfinder)”面板中的“添加到形状区域(Add to shape area)”按钮。这样可以让Illustrator把这几部分合为一个对象,当我们需要为这一段填充颜色时,就会变得更容易一些。<br/><br/><img alt="点击在新窗口查看全图
    CTRL+鼠标滚轮放大或缩小" src="http://design.yesky.com/imagelist/06/51/u0sb43kg45w9s.gif" width="500" border="0" twffan="done"/><br/><br/>点击看大图  图5<div id="google_ad" twffan="done"></div><br/>