coreldrawcoreldraw制作鼠标制作鼠标CorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv矢量绘图软件对付Photoshop最有力的武器是网格填充，有人称之为CorelDraw的万能工具，说到底运用其他工具得到的视觉效果都可以用它来完成。只要你有足够的耐心和感觉，Interactive Mesh Fill Tool（交互式网格填充工具）可以帮助您实现需要的效果。本节课我们将使用Interactive Mesh Fill Tool（交互式网格填充工具）来绘制一个具有金属质感的鼠标。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv网格填充工具是一个很重要的工具，我们在这里先学习一下这个工具。v（1）选择Interactive Mesh Fill Tool（交互式网格填充工具），也可以按M键，还可以在工具箱的交互式填充子工具栏中的交互式网格填充工具图标。v（2）绘制一个矩形，选择交互式网格填充工具，此时的属性栏如图所示。v横向网格数目v纵向网格数目v增加交叉点v删除交叉点v节点编辑选项v从别处复制网格填充选项v清除网格填充www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（3）绘制一个矩形，选择交互式网格填充工具，按如图所示的步骤进行练习。v在视图上端的工具栏参数设置中将横向网格数目增为5v选择一个节点，单击调色板的蓝色方块，这是上色方法之一。v从调色板托拽红色方块放到节点上，这是上色方法之二。v托拽黄色方块到右上角的网格内部，这是上色方法之三。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv在右上角的网格内部单击鼠标，这将同时选择网格的4个边角节点。v删除节点方法，双击节点，选择节点按Delete键，选择节点，单击属性栏中的删除节点对话框。v只删除某节点和通过此节点的网格线。原先的网格线路径的残留节点可能妨碍以后的编辑，但也能丰富其他网格线路径的颜色渐变。v在边线或网格线非节点处双击鼠标，可以增加单一方向的网格线，在网格内部双击鼠标可以增加两个方向的网格线。v（3）网格填充最有趣也是最难掌握的技巧！尤其需要清楚属性栏中节点编辑选项的作用。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（4）新建一个矩形，选择交互式网格填充工具，单击属性栏中 图标，选择先前的矩形，得到如图所示的填充效果，我们这里复制了先前矩形的填充属性。在这里，其实只是网格数目和节点颜色的复制，节点的位置和网格线路径都是矩形创建时的初始状态。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（5） Interactive Mesh Fill Tool（交互式网格填充工具）是个好工具，也不难掌握，唯一需要的就是耐心，网格填充工具几乎可以实现你想要的任何效果。这是使用交互式网格填充工具绘制汽车的效果，及网格的分布。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv我们先来绘制鼠标的轮廓。v（1）先来限定一下总体尺寸。打开Snap to Object（贴齐到物体）选项，创建一个89.327.7mm的矩形，然后创建“井”状的4条辅助线，将它们分别贴齐矩形的4个边。完成后删除矩形，取消贴齐到物体而打开贴齐到辅助线选项。将辅助线围成的区域尽量放大。（2）本章要制作的鼠标是左右对称的，我们先借助辅助线绘制鼠标的左半部分轮廓。选择贝兹曲线工具，参考如图所示的步骤进行绘制。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（3）双击曲线进入曲线编辑状态，选择所有节点，对节点和句柄的位置进行编辑，最终形状见上图所示。v（4）将鼠标左边轮廓向右镜像复制一份。选择两个图形，单击属性栏中的Weld（焊接）图标。双击曲线进入节点编辑状态，分别选择上下两处的焊接点，单击属性栏中的Join Two Nodes（结合两个节点）图标，将整个鼠标轮廓结合成为一个封闭图形，如右图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv下面我们来绘制鼠标的滚轮部分：v 鼠标滚轮部分包括滚轮体，滚轮周围的饰片以及两道分隔槽，在这里我们主要通过编辑几何图形来绘制。v（5）绘制一个0.9mm46mm的矩形，让其与鼠标轮廓进行水平方向的中心对齐和顶部对齐。再绘制一个15.9mm44mm的椭圆，让其与矩形进行水平方向的中心对齐和底部对齐。将椭圆转化为曲线，进入节点编辑状态，将椭圆底部的节点句柄水平地向外移动一段距离。如图所示。www.themegallery.comCorelDraw CorelDraw Product RenderingProduct RenderingCorelDraw Product RenderingProduct Renderingv（6）将椭圆（实际上它已经丧失了椭圆的图形属性，但为了容易辨识仍称之为椭圆）稍微缩小并复制一份，将复制地“椭圆2”向上移动一点。将“椭圆2”也缩小并复制一份称为“椭圆3”，调整椭圆3地位置和形状，结果如左图所示。v（7）绘制一个8.4mm16mm，缩放比例为100的矩形，圆角数值设为100。将矩形转化为曲线，进入节点编辑状态，框选底部的节点，按Ctrl向下方向键。这就是鼠标滚轮的轮廓，将它与其他图形进行水平方向的中心对齐，垂直位置参考如图所示。www.themegallery.comCorelDraw CorelDraw Product RenderingProduct RenderingCorelDraw Product RenderingProduct Renderingv（8）对滚轮的轮廓进行微调，使两侧的直边变为微弧，结果如图所示。v（9）创建一条垂直辅助线并对齐到鼠标中心；再创建两条水平辅助线，与鼠标顶端距离分别为36.5mm和40mm。将鼠标图形尽量放大，选择贝兹曲线工具，如图所示绘制鼠标按键与壳体之间的分隔槽。www.themegallery.comCorelDraw CorelDraw Product RenderingProduct RenderingCorelDraw Product RenderingProduct Renderingv（10）绘制分隔槽的过程与步骤如图所示。v绘制起点，按下鼠标左键并将其向左托拽一段距离。v绘制第2点，在图示位置单击鼠标v绘制第3点，在辅助线与轮廓线相交处单击鼠标，按空格键，完成初步绘制。v进入节点编辑状态，调整第2点的形态。v按空格键取消节点编辑状态，单击页面空白区域，然后将属性栏Nudge Offset（微动偏移量）值设为0.8mmv将先前绘制的曲线原地复制一份，接着按一次向下方向键，复制的曲线将向下移动0.8mm，这是设置图形之间距离的又一方法。www.themegallery.comCorelDraw CorelDraw Product RenderingProduct RenderingCorelDraw Product RenderingProduct Renderingv保持下方曲线的选择状态，打开Snap to Object选项。选择贝兹曲线工具，先后在曲线下方和上方的端点处单击鼠标，绘制一条链接线段（属于下方曲线）。v焊接上下两条曲线，并将连接处的节点结合起来。将得到的曲线向右镜像，再将这两条曲线焊接并分别结合连接处的节点。这样便得到了封闭的横向分割槽图形。www.themegallery.comCorelDraw CorelDraw Product RenderingProduct RenderingCorelDraw Product RenderingProduct Renderingv（11）将分割槽图形与鼠标轮廓进行相交，然后删除原先的分割槽图形。绘制一个宽为2.2mm，高为适中的矩形，将其底端与鼠标轮廓顶端对齐，最后的鼠标线框如图所示。www.themegallery.comCorelDraw CorelDraw Product RenderingProduct RenderingCorelDraw Product RenderingProduct Renderingv下面我们来进行“初步填充”。我们制作的是鼠标的俯视效果，主光从左边打过来，右边有一些补光。给鼠标设定一个红色的周边环境，本来鼠标表面喷漆为泛蓝的银色，但由于反射的缘故，颜色层次将变成紫红色。v下面我们来制作分割槽和滚轮饰片效果：v（1）选择除鼠标轮廓和横向分割槽之外的所有图形，按ShiftPageUP键，再选择滚轮轮廓和垂直分割槽，按Shift PageUP键。v（2）取消横向分割槽的边框，按F11键进入渐变填充，填充效果如图所示，对话框设置如图所示。位置：0，颜色：RGB（94，26，20） 位置：18，颜色：RGB（29，22，27） 位置：100，颜色：RGB（35，29，26）www.themegallery.comCorelDraw CorelDraw Product RenderingProduct RenderingCorelDraw Product RenderingProduct Renderingv（3）将滚轮轮廓和垂直分割槽取消边框，颜色填充为Black。选择最外层的椭圆，取消边框并进行渐变填充，填充效果如图所示，对话框设置如右图所示，注意颜色分隔区域应与水平分隔槽对应。渐变控制点位置和颜色参数如下：v位置：0，颜色：RGB（27，20，25） 位置：15，颜色：RGB（45，24，32） 位置：18，颜色：RGB（97，39，54） 位置：100，颜色：RGB（157，48，69）www.themegallery.comCorelDraw CorelDraw Product RenderingProduct RenderingCorelDraw Product RenderingProduct Renderingv（4）选择由外向内的第3个椭圆，取消边框并进行渐变填充，结果如图所示，对话框设置如右图所示。v位置：0， 颜色：RGB（112，91，111） 位置：46，颜色：RGB（82，65，69） 位置：51，颜色：RGB（230，217，222） 位置：65，颜色：RGB（250，247，248） 位置：100，颜色：白色www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（5）选择中间椭圆，取消边框并进行渐变填充，结果如图所示，对话框设置如图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（6）选择鼠标顶部的矩形，取消边框并进行渐变填充，结果如图所示，对话框设置如图所示。v位置：0， 颜色：白色 位置：16，颜色：RGB（246，245，247） 位置：46，颜色：RGB（172，158，167） 位置：50，颜色：RGB（142，120，126） 位置：82，颜色：RGB（123，101，114） 位置：100，颜色：RGB（69，58，68） www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv下面我们来绘制滚轮的效果。滚轮的总体光影效果是边缘与 中心的颜色渐变效果，有若干种方法可以制作出这种效果， 比如通过颜色调和；通过阴影设置；通过网格填充等等。v（1）将黑色的滚轮轮廓图形原地复制一份，颜色填充为红色。 对此图形使用交互式透明工具，透明类型选择Bitmap Pattern（ 位图图案），初始效果如左图所示，外围的虚线框代表了位图的 大小，通过4个白色的小图形可以对位图的大小和形状进行调整。v 使用位图来设置透明度的原理与透明渐变一样，图形上某一点的透明度由位图上相应点v的明度来决定。单击属性栏中的First Transparency Picker（选择初始透明度）下拉列表框右侧的下三角按钮，可以使用那张位图，CorelDraw里内置了几张图片，但是在大多数情况下都用不上。这时可以在First Transparency Picker的下拉列表里选择Other选项，来选择我们专门量身订做的位图。v 我们将借助交互式调和工具，制作滚轮从中心向边缘，从白到黑的渐变效果，然后将其输出成位图，最后在透明工具里调用这张位图。既然位图的图案是中心白而边缘黑，则相应的透明效果就是中心不透明而边缘透明，而且这种效果是渐变过渡的。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（2）单击导航器的加号，新建一个绘图页面，将滚轮图形复制一份并移到此页面内，颜色填充为CMYK（100，100，100，100）。将图形缩小并复制一份，将颜色填充为30Black，调和样式的制作过程如图所示。v将灰色图形的下端节点向上移到适当距离v对图形进行调和，并调整Object And Color Acceleration（物体和颜色加速度）值v将调和步长设置为100，调和结果如图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv将灰色图形缩小并复制一份，颜色填充为白色。v将灰色图形与白色图形进行调和，并调整加速度。v将调和步长设置为100，调和结果如图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（3）绘制一个边长等于滚轮垂直长度的正方形，按ShiftPageDown键将其移到最下层，颜色填充为CMYK（100，100，100，100），将其与滚轮中心对齐，效果如图所示。v提示：为什么要加上一个正方形呢？观察图形的透明样式会发现控制位图的是一个正方形虚线框无论使用的位图长宽比例如何，在这里调用时都会调整为正方形。如果没有我们在这一步的设置，调用时图形会被拉伸，调整起来很麻烦，大家可以自己试验一下。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（4）将图形导出为位图。导出文件可以按CtrlI键，也可以在属性栏中单击导出图标，也可以在菜单栏中选择File/Export命令。导出之前要保证绘图页面没有其他图形。选择导出命令后，在弹出的第一个对话框中设定文件名称和保存路径，在Save as Type中选择TIF格式；单击Export按钮之后将弹出如图所示的对话框，设置完成后单击OK按钮。v提示：Resolution（分辨率）要设置的足够高，否则图像会很小，以后制作透明效果时调用的效果就不好，这与前面增加调和步长的目的是一样的。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（5）选择鼠标滚轮，选择交互式透明工具，将刚才导出得到的位图作为透明图案，并调整控制方框，使方框的上下边对齐滚轮。调整方法是，按住Ctrl键托拽方框右上角的圆形，透明样式和单独图形的透明结果如图所示。v 我们终于得到了不规则图形从中心向边缘的透明渐变过渡效果。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（6）继续鼠标滚轮的效果制作。对滚轮进行渐变填充，填充效果如图所示，将其放置在刚才生成的红色渐变图层的下方，对话框设置如图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（7）将滚轮图形原地复制一份，颜色填充为90Black，将透明类型改为线性，设置透明路径，样式和结果如图如图所示，控制点参数如下所示：v位置：0， 明度：L255 位置：16，明度：L210v位置：30，明度：L185 位置：46，明度：L76v位置：57，明度：L25 位置：67，明度：L0v位置：79，明度：L34 位置：100，明度：L153www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv下面我们来填充鼠标的壳体，这里我们将使用交互式网格填充工具，这是我们本次课的重点。v（1）选择除鼠标轮廓外的所有图形，使用群组命令，然后右击鼠标，在弹出的菜单中选择Lock Object（锁定物体）命令。这是为了避免网格填充时不必要的误操作。v（2）先在鼠标表面标示出明暗分界线将对网格填充有很大帮助，如图所示创建6条关键线。v壳体转折处的明暗分界线v明暗过渡消隐线v壳体转折处的明暗分界线v凹面最低处的明暗分界线。v凹面最低处的明暗分界线。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv完成后将这6条线段群组，设置70的透明度，然后锁定。最后选择鼠标轮廓，复制一份并移动到别处。v提示：使用CorelDraw有两点要特别注意。一是要经常存档。由于软件会保存用户操作过程，软件运行时间长了占用的系统资源会很庞大，在场景中如果有复杂的透明，调和，阴影等效果尤其耗费资源，一不小心就有可能使软件崩溃。二是保存图形备份。像网格填充这样的工具会改变图形的节点结构，如果做到一定程度之后发现效果很差，想重新再来的时候使用清除网格填充命令，你可能发现这时候的图形已经不再是开始的样子了。所以一定要对关键图形进行备份。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（3）不选择任何图形，选择交互式网格填充工具，将属性栏的横向网格数目设为2，纵向网格数目设为1。既然已经有了关键线的指引，后面我们可以自己定义网格线创建的地点。v提示：使用网格填充的一个原则是“宁加勿减”，即初始网格数目尽量设低，要达到合适的网格数目宁可手动增加也不要通过删除网格线来达到目的，否则残留节点会影响颜色过渡的调节。当然我们可以删除这些残留节点，但是如果图形复杂，残留节点又多的话会很难操作。v（4）参照鼠标左半部的关键线，双击轮廓上沿来创建3条纵向的网格线。然后创建3条横向的网格线，请参考如图所示的网格结构。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（5）接下来调整网格线形状，使纵向网格线与关键线匹配。这时需要对节点的平滑性质和句柄进行设置。注意，由于我们没有办法在鼠标轮廓的节点处创建网格线，所以网格线上有一些对应的多余节点，不过我们可以将它们删除，调整结果如图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（6）接下来还要为填充颜色进行一些准备工作，将界面右侧的调色板托拽出来成为浮动面板，这样便可以就近选取和调节颜色。由于默认调色板上的色块无法满足我们的制作要求，所以需要增加几个基本色调。v 单击调色板左上角的设置方块，在弹出的菜单中选择Edit/Palette Editor（编辑/调色板编辑）命令，在弹出的调色板编辑对话框里，单击Add Color按钮；在弹出的颜色选择对话框里将Model设为RGB，每设置完一种颜色就单击一次左下角的Add to Palette（增加到调色板）按钮，增加的颜色分别为：vRGB（242，232，239） RGB（170，143，156）vRGB（116，95，102） RGB（97，72，74）www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv网格颜色填充，给网格填充颜色的过程就像绘画一样，在合适的地方填上合适的颜色，然后调整颜色间的过渡效果。在制作过程中要参考以下要点：v颜色过渡：颜色过渡：如果两个节点之间颜色过渡不平顺，可以通过缩小颜色差别或增加网格线来调节。增加网格线是最有效的方法，但不提倡一开始为了某一个部位的过渡效果而设置过多的网格线，因为这样会对其他部位的效果制作造成很多不便。大家先用尽可能少的网格线来完成总体效果；然后按局部进行深入调节，最后完成一次总体效果；还可以精艺求精，反正光影效果已经成形，随便加多少网格线都没关系这时候才是创造照片级效果图的关键阶段。v节点的平滑性质：节点的平滑性质：在轮廓线上的节点是不用调整的。轮廓内部的节点一般都应设为平滑或对称，复杂光影处的节点可以设为尖头。v调整网格线形状：调整网格线形状：调整网格线形状不一定非得通过托拽节点句柄实现，也可以通过直接在节点之间的网格线上单击拖拽。v填充节点：填充节点：给节点填充颜色时，建议先框选节点再选择颜色，这样不仅可以同时给若干个节点填充颜色，而且可以在原来的填充基础上对节点颜色进行微调（借助Ctrl键）。比如选择一个节点，单击一个基本色调，发现颜色太深了，其他颜色又太浅，这时就可以按住Ctrl键再单击（若干次）白色方块，直到颜色满足需要。v复制备份：复制备份：强烈建议每完成一个局部的调整（认为目前效果可以了），赶紧复制一份保存起来。这样不至于“一步失误全盘作废”。v 网格填充是很折磨人的工作，把整个制作过程叙述成文更是要命。这可能是大家成为高手的一道坎，不管得到何种程度的效果，最重要的是你自己去体会网格填充的要领。由于很多反复的调整，不可能将每一步都介绍清楚；下面我们列出一些关键的步骤，建议大家分阶段进行制作。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（7）下面我们来进行初步填充，将轮廓线上的节点全部填充为定制的第四种颜色，如左图所示。v（8）用定制的4种颜色分别填充各个节点，确定大体的光影效果。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（9）在左上角编辑，增加了网格线，节点颜色也进行了编辑。v（10）左下部的编辑，细节请参考右图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（9）在左上部编辑，请参考左图所示。v（10）左下部的编辑，细节请参考右图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（11）在右上部编辑，请参考左图所示。v（12）左右下部的编辑，细节请参考右图所示。www.themegallery.comCorelDraw Product RenderingProduct RenderingCorelDraw CorelDraw Product RenderingProduct Renderingv（13）完成后的总体效果如图所示。v继续制作完成鼠标的绘制，在这里没有别的技巧，继续调整节点的颜色和位置，使明暗对比更加合理。www.themegallery.comLOGOwww.themegallery.com结束语结束语谢谢大家聆听！谢谢大家聆听！41