穿针引线学院

项目5 图案电脑设计技能

 掌握CORELDRAW软件绘制矢量图案技能

相关知识

      什么是矢量图案

      矢量图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是图像可以无级缩放，对图形进行缩放，旋转或变形操作时，图形不会产生锯齿效果。

     任务分析

      任务目标

            通过学习CorelDraw绘制图案，掌握数字和透视绘制能力。

       任务思路

            学习数字27绘制和SKATE透视，掌握CorelDraw常用的数字设计方法。

      任务实施

        《滑板之夏》图案最终效果展示

图5-01  《滑板之夏》图案最终效果展示

        如何运用CDR绘制《滑板之夏》主题中的数字27 和字母SKATE，如图5-02、5-03所示。

图5-02  数字27                                    图5-03  字母SKATE

新建文件

 单击文件菜单中的文件，跳出对话框，名称设置为《滑板之夏》，文件大小尺寸可任意（初始状态一般默认为A4大小）如图5-04，点击确定后进入CDR软件主界面，如图5-05所示。

图5-04  创建新文档对话框

图5-05  CorelDraw x7主界面

绘制27数字

单击工具箱中的字体工具，并单击绘图窗口，随意输入27数字并选中，如图5-06所示。

图5-06  输入27数字

选中27，在属性栏中更改字体样式和字体大小属性，如图5-07所示。

图5-07  字体样式和字体大小

绘制27组合图形

 选中数字27-单击菜单栏中的对象-拆分美术字，如图5-08所示。

图5-08  拆分美术字

选中数字27-单击菜单栏中的对象-转换为曲线，如图5-09所示。

图5-09  将数字27转曲线

 选中图形2或7向内移动，一起选中数字2和7，然后点击工具栏焊接工具 效果如图5-10所示。

图5-10  将数字2和7焊接

 选中27组合图形，更改图形属性( 旋转角度15度 ) ，如图5-11所示。

图5-11  旋转图形角度

图像填色

 选中27组合图形，敲击键盘上的 F11 “编辑填充”点击均匀填充，输入色值（C:2 M:93 Y:100 K:0），如图5-12；点击确定后效果如图5-13所示。

图5-12  填充对象颜色

图5-13  填充颜色后效果                    图5-15  黑色轮廓

 选中27组合图形，敲击键盘上的F12“轮廓笔”，跳出如图5-14对话框，输入参数（宽度1.0、圆角），其他参数默认。点击确定后如图5-15效果。

图5-14  输入对象轮廓参数

 选中27组合图形，敲击键盘上的 F12，跳出如图5-16窗口并依次单击 ①（颜色）②（更多）跳出对话框如图5-17，输入色彩参数，点击确定后如图5-18效果。

图5-16  轮廓笔窗口

图5-17  填充轮廓色

图5-18  填色效果                          图5-19  白色标注的地方，图形调整

路径调整：击选（形状工具）将图形调整为如图5-19所示。

 绘制背景色

击选矩形工具绘制任意一个矩形后,选中矩形并在属性栏中更改矩形宽、高的参数（宽42MM ，高42MM），成正方形，并置于如图5-20位置。

图5-20  图框

选中绘制好的正方形，敲击键盘上的 F11 （编辑填充），均匀填充和色值（C:60 M:0 Y:40 K:20），右击色板中的 去除轮廓色，如图5-21所示。

图5-21  填充矩形对象颜色                  图5-22  移到顶层

 选中正方形对象，同时按快捷键(Shift+PgDN)，将正方形对象置于27组合图形的最底层，如图5-22所示。

 白色轮廓线绘制

 选中27图形，单击属性栏中的“创建边界”属性，如图5-23所示。

图5-23  创建边界

 选中刚创建好的边界左键色板中的白色，将对象填充白色，如图5-24所示。

图5-24  创建边界                            图5-26  轮廓调整

 再选中刚填充的白色对象后，敲击键盘上的F12（轮廓笔），跳出如图5-25对话框，输入参数（宽度2.5、圆角），其他参数默认。点击确定后如图5-26效果。

图5-25  轮廓廓笔

 再次选中刚填充的白色对象右键色板中的白色，将轮廓填充为白色，如图5-27所示。

图5-27  将轮廓填充白色                   图5-28  作品完成

 再次选中刚填充的白色对象，按快键键CTRL+PGUP(向后一层)，直至白色对象置于27图形的后面任务完成，如图5-28所示。

      SKATE图像绘制

 绘制弧形SKATE图形

 单击工具箱中的字体工具，并单击绘图窗口，随意输入SKATE字母并选中，更改属性栏中的字体属性，如图2-29所示。

图5-29  编辑SKATE字体

 绘制椭圆形，参数设置 ， 效果如图5-30所示。

图5-30  绘制椭圆形

 选中SKATE字母,然后点击工具栏中的文本，依次单击菜单栏中的文本菜单①出现文本子菜单 ②（使文本适合路径），如图5-31所示。

图5-31  编辑文本适合路径

 移动SKATE至椭圆形上位置如图5-32所示，移动字母调整位置靠近椭圆线如图5-33位置。

     图5-32  移动字母                        图5-33  字母在椭圆路径上

 选中椭圆形工具，点击菜单栏的对象菜单，点击拆分在一路径上的文本，如图5-34所示，将文本和椭圆形分开，并删除椭圆形，如图5-35所示。

图5-34  拆分在一路径上的文本

图5-35  完成弧度字体

 绘制SKATE透视图形

 选中工具箱中的交互式立体化工具；单击SKATE图形不放往下方拉任意位置结束如图3-36，并在属性栏中输入属性参数如图3-37所示。

图3-36  立体化

图5-37  透视参数

 输入后出现如图5-38所示的效果。

图5-38  透视效果

 SKATE透视图形调整

 选中对象右键拆分立体化群组 如图5-39。

图5-39  拆分立体化群组

 全选所有对象敲击快捷键F11（编辑填充），跳出对话框后，输入：均匀填充（C:96 M:46 Y:79 K:16 ）单击确定，如图5-40所示，效果如图5-41。

图5-40  填充所有对象颜色

图5-41  字母效果

 全选所有对象点击快捷键F12（轮廓笔），跳出对话框后，输入：轮廓笔0.75mm 、右键色板上的黑色，如图5-42所示。

图5-42  更改轮廓色及宽度

 选中SKATE下半部分的图形如图5-43，对象上右键取消组合对象，并用形状工具调整及效果如图5-44所示。

图5-43  取消组合对象

 微调字母上的位置，如图5-44所示。最终调整成如图5-45所示效果。

图5-44  调整前

图5-45  调整后效果

 调整轮廓

 框选整个图形，单击属性栏上的创建边界，如图5-46所示，并且点击F12（快捷键）设置边界宽度为3.5MM和颜色 （C: 0M:29 Y:85 K:0），分别如图5-47、 5-48所示。

图5-46  创建边界

图5-47  修改轮廓

图5-48  修改颜色

 单击确定效果，如图5-49所示。

图5-49  对边界更改颜色和宽度

 选中图形边界按SHIFT+PAGE DOWN （快捷键）放置图层最后面，如图 5-50所示。

图 5-50  调整图形层次后效果

 利用SHIFT+单击的方式加选图形后，如图 5-51所示。单击 （合并）得到如图5-52效果。

图 5-51  选中图形

图 5-52  效果

 颜色和背景调整

 单击SKATE 并按F11（快捷键）跳出对话框更改参数(C:2 M:93Y:100 K:0) 如图5-53所示，单击确定，如图5-54所示。

图5-53  填充SKATE对象颜色

图5-54  填充SKATE对象颜色

 点击矩形工具在图形上面绘制矩形， 选中矩形，F11（快捷键）跳出对话框更改矩形内部颜色(C:7 M:6 Y:0 K:0)， 如图5-55所示。

图5-55  填充矩形对象颜色

 点击确定得到如图5-56所示效果。

图5-56  效果

 选中矩形，SHIFT+PGDN (快捷键) 放置所有对象后面 ，且右击色板上的  去除轮廓色，如图5-57所示，完成作品。

图5-57  完成作品

项目5 图案电脑设计技能

掌握PS结合CDR软件绘制图案技能

任务分析

任务目标

    通过案例学习PS和CDR软件结合的运用技法，提高图案电脑设计的技能。

任务思路

    学习PS软件技能——学习PS软件和CDR软件图案转换方法——提高对PS和CDR软件技能的认知。

任务实施

    《滑板之夏》图案最终效果展示，需结合任务1和任务2制作完成。

图5-58  《滑板之夏》图案最终效果展示

如何运用PS绘制《滑板之夏》主题中的笑脸和涂鸦笔触，如图5-59、5-60所示 (以下为Photoshop CS6版本绘制) 。

图5-59  笑脸                            图5-60  涂鸦笔触

      1. 新建文件

        单击文件菜单中的文件，跳出对话框，名称设置为“图形绘制”，文件预设：国际标准纸张、A4大小，其它为默认的参数，如图5-61。点击确定后进入PS软件主界面，如图5-62所示。

图5-61  创建新文档对话框

图5-62  PHOTOSHOPCS6主界面

      2. PS窗口工具选用

Photoshop CS6的主界面调整，如果主界面右边，需要用或不需要的窗口，可在窗口菜单栏中的子菜单单击勾选，选出要用的窗口，或去勾隐藏不用的工具，如图5-63所示。

      3. 绘制曲线

ALT（快捷键）+左键或右键单击图层活动窗口下面的“新建组”，如图5-64所示，名称改为“曲线”、颜色为橙色，其它参数不变如图5-65所示。

图5-64  创建组

5-65  新建曲线组

ALT（快捷键）+左键或右键单击图层活动窗口的  （创建新图层），名称改为“曲线”，其它参数不变，如图5-66所示，便出现如图5-67所示的曲线层。

图5-66  新建图层

图5-67  曲线层

单击工具箱下面的前景色，跳出拾色器对话框后并输入参数，如图5-68所示。

图5-68  色彩参数

      4. 笔刷设置

依次单击工具箱中的 画笔工具， 画笔预设选取器如图5-69所示。追加画笔预设，如图5-70所示。

图5-69  笔刷选择

图5-70  追加是增加画笔，如果点确定是覆盖原来的画笔。

单击工具箱中的 画笔工具，再单击文件菜单中的菜单，再次单击二级菜单（画笔）如图5-71所示。

图5-71  画笔工具

在画笔预设窗口，更改勾选左栏画笔预设：形状动态、散布、纹理、双重画笔、传递、平滑，并更改实边椭圆 19（笔尖预设中）、笔尖大小50像素、笔尖角度50度、笔尖圆度20%、硬度100%、间距25%，参数如图5-72所示。

图5-72  笔刷设置

在绘图窗口上利用刚调好的画笔预设参数，按住鼠标左键不放，绘出曲线图形，如图5-73所示。

图5-73  曲线图形

      5. 绘制笑脸图

       ALT（快捷键）+左键或右键单击图层活动窗口下面的（创建组），名称改为笑脸，颜色为红色，其它参数不变，如图5-74所示。

图5-74  新建笑脸组

在笑脸组下新建圆圈层，ALT（快捷键）+左键或右键单击图层活动窗口的（创建新图层），名称改为圆圈，其它参数不变如图5-75所示。

图5-75  新建圆圈图层

右击工具箱中的 矩形选框工具跳出其它选框工具，单击选中椭圆选框工具，如图5-76所示。

图5-76  选取椭圆形选框工具

单击选中椭圆形选框工具后，在属性栏中更改属性，如图5-77所示。并在圆圈图层的绘图窗口上单击绘制正圆，如图5-78所示。

图5-77 更改椭圆形选框工具属性

图5-78  绘制正圆选区蚂蚁线

      单击工具箱左下角的前景色，如图5-79所示。跳出拾色器对话框后更改参数（R：229 G：49 B：5），其它参数不变，如图5-80所示，效果如图5-81所示。 

图5-79  前景色

图5-80  色彩参数

图5-81  填充图形颜色

单击工具箱左下角的前景色，跳出拾色器对话框更改参数（R：229 G：49 B：5），其它参数不变确定，如图5-82所示。

图5-82  设置前景色

单击菜单栏中的 编辑菜单中的描边（子菜单），弹出描边窗口后，将宽度改成20像素，如图5-83所示，然后确定，按CTRL+D(快捷键)取消选区， 效果如图5-84所示。

图5-83  描边—设置描边参数

图5-84  描边效果

ALT（快捷键）+左键或右键单击图层活动窗口的（创建新图层），名称改为“头部”，其它参数不变，如图5-85所示。

图5-85  新建图层

单击工具箱左下角的前景色，跳出拾色器对话框后更改参数（R：74 G：51 B：57），其它参数不变确定，如图5-86所示。

图5-86  设置前景色

       单击工具箱中的画笔工具或橡皮擦工具（根据需要可自行更改画笔参数），在头部图层上绘制头部，如图5-87，效果如图5-88所示。

图5-87  画笔工具

图5-88  笑脸完成

      6. 绘制6形曲线

新建6形曲线组，新建6形曲线图层，如图5-89所示。

图5-89  新建6形图层

单击工具箱左下角的前景色 ，跳出拾色器对话框后更改参数（R：234 G：185 B：57），其它参数不变确定，如图5-90所示。

图5-90  设置前景色

单击选中工具箱中的钢笔工具路径属性默认，如图5-91所示。

图5-91  钢笔工具

利用 钢笔工具在“6”形曲线层上绘制“6”形曲线，如图5-92所示。

图5-92  路径

单击工具箱中的 画笔工具，再单击文件菜单中的窗口菜单，再次单击二级菜单（画笔） 如图5-93所示, 跳出对话窗口后更改勾选形状动态、散布、平滑，并更改尖角 25（笔尖预设中）、笔尖大小50像素、笔尖角度0、笔尖圆度100%、硬度100%、间距1%参数，如图5-94所示。

图5-93  画笔工具

图5-94  画笔预设设定

画笔预设调好后，选中路径活动面版，并在其下面单击描边路径，单击路径活动面板的其它位置，隐藏路径(如图5-95)，效果如图5-96所示。

图5-95  描边路径

图5-96  描边路径效果

分别运用橡皮擦工具和画笔工具绘制

       先点击 橡皮擦工具，弹出画笔预设框，挑选28号橡皮擦，如图5-97所示，设置传递、画笔笔势、杂色以及笔的像素和笔的角度。在图5-96上进行擦除。

图5-97  画笔预设

然后点击 画笔工具，弹出画笔预设窗口，设置画笔参数，如图5-98所示，进行绘制。这个过程是绘画工具和橡皮擦工具结合运用，细心绘制的结果，如图5-99所示。

图5-98  画笔大小

图5-99  画笔绘制效果

      7. 保存图形

先把背景图层隐藏，如图5-100所示，然后储存以上做好的图形（文件菜单—存储为），保存为PNG格式图形，如图5-101所示。

图5-100  隐藏背景图层

图5-101  保存为PNG格式

      8. 将笑脸、曲线、6形曲线位图转成矢量图

新建文件，单击文件菜单中的文件，跳出对话框，名称设置为“转矢量图”，文件大小尺寸可任意（初始状态一般默认为A4大小），如图5-102，点击确定后进入CDR软件主界面，如图5-103所示。

图5-102  创建新文档对话框

图5-103   coreldraw x7 主界面

单击菜单栏中的文件--导入，将刚做好的图形到绘图窗口，如图5-104所示。

图5-104  导入位图

选中导入的位图后，依次单击菜单栏中的位图—轮廓描边—高质量图,如图5-105所示。如果需要更加精细的效果，就调整细节参数，如图5-106所示。确定转化矢量图成功后，然后删除原有的位图，最后效果如图6-107所示。

图5-105  描摹图形

图5-106  细节描摹参数调整

图5-107  矢量图形

如果转化效果的节点有不满意的地方，可以选中工具箱中的 形状工具，对以上矢量图节点稍作调整。位图转化矢量最终完成，如图5-108所示。

图5-108  矢量图形

项目5 图案电脑设计技能

掌握AI软件绘制图案技能

相关知识

    AI全名Adobe Illustrator，是矢量图形制作软件，可以无限放大或缩小,且图像都很清晰，基于矢量路径特点的都可应用，与CorelDraw相比，AI与PS更兼融。

任务分析

任务目标

    通过学习AI软件绘制数字图案和透视图案，掌握软件基本功能。

任务思路

    学习数字绘制—学习英文透视绘制—掌握AI软件技能。

任务实施

    《滑板之夏》完整图案展示

图5-109  滑板之夏图案

运用AI绘制《滑板之夏》主题中的数字“27”和字母“SKATE”，如图5-110、 图5-111所示。

图5-110  数字27                       图5-111  字母SKATE

    1. 新建文件

单击文件菜单中的文件，弹出对话框，名称设置为“27”，文件大小尺寸可任意（初始状态一般默认为A4大小），如图5-112所示，点击确定进入AI软件主界面，如图5-113所示。

图5-112  创建新文档对话框

图5-113  Adobe Illustrator主界面

    2. 使用文字工具输入27数字

单击工具栏中的字体工具，并单击绘图窗口，随意输入“27”数字并选中，如图5-114所示。

图5-114  输入数字

选中“27”，在右侧工具栏中点击字符，在字符属性中可选择所需要的字体样式和字体大小属性，如图5-115所示。

图5-115  字体样式和字体大小

    3. 将数字转化为图形

选中数字“27”，点击右键选择创建轮廓， 如图5-116所示。数字转化为图形后，“27”图形系统默认状态下为一个组，若要单独选择“2”或者“7”的时候，还需要再次点击右键，然后选择取消编组，如图5-117所示。

 图5-116  数字转化为图形

图5-117  取消编组

选中图形"2"或"7" 对内移动拼成，如图5-118所示的形状。

图5-118  图形拼合

选中27组合图形，选择左侧旋转工具栏（快捷键为R），再按下回车Enter键，会跳出旋转属性框，再设置其旋转角度，点击预览功能可实时查看实际效果，如图5-119所示。

图5-119  旋转图形角度

选中“27”组合图形，在左侧工具栏中点击填充颜色工具，弹出颜色属性框，输入CMYK数值如图5-120所示，点击确定，效果如图5-121。

图5-120  填充对象颜色

图5-121  填充颜色后效果

    4. 轮廓处理

选中“27”组合图形，在左侧颜色工具栏中点击双向箭头，切换至填充描边色，输入CMYK数值（C:96 M:84 Y:16 K:0）,如图5-122所示完成描边。

图5-122  填充描边

改变描边的属性，图5-123图形的转角处为平端角，在窗口菜单下选择描边，将粗细设置为2pt，端点设置为圆头商点，边角设置为圆角连接，如图5-124所示，设置后的效果如图5-125所示。

图5-123  填充描边图                         5-125  设置后的效果

图5-124  更改描边属性

点击左侧的直接选择工具，将图形27调整为如图5-126所示。

图5-126  设置后的效果

从左侧选择矩形工具并在绘图窗口中，点击鼠标左键，跳出属性框，设置矩形宽、高的参数（宽30MM 高30MM）绘制一个正方形，并且设置颜色（C:60 M:0 Y: 40 K:20），如图5-127所示。

图5-127  填充矩形对象颜色

选中正方形对象，同时按Shift+Ctrl+[ 键，将正方形对象置于“27”组合图形的底层，如图5-128所示。

图5-128  正方形置于27图形底层

选中图形“27”和正方形框，然后点击下正方形（以正方形做为参照物），再使用对齐工具的水平居中对齐和垂直居中对齐，如图5-129。

图5-129  居中对齐

选中图形“27”按住Alt键，复制一个图形备用，再选中图形前“27”，点击快捷键 Shift+Ctrl+F9跳出路径查找器，得出效果如图5-130所示。

图5-130  复制及联集

使用选择工具将“27”里面的蓝色删除，并设置图形的描边粗细为4pt，效果如图5-131所示。

图5-131  复制及联集

将图形及描边的颜色都更改为白色，白色（C:0 M:0 Y:0 K:0）,如图5-132所示，效果如图5-133所示。

图5-132  将图形及描边颜色都填充为白色

图5-133  白色效果

    5. 图层处理

将前面复制的图形“27”移到白色图形这，会发现图形“27”会在白色的下层，如图5-134所示。

图5-134  图层在下效果

选中图形“27”，同时按Shift+Ctrl+】， 将图形“27”置于顶层，如图5-135所示。

图5-135  图层上移效果

选中图形“27”和白色图形“27”，再点击白色图形“27”（以正方形做为参照物），使用水平居中对齐和垂直居中对齐进行对齐，如图5-136所示。

图5-136  居中对齐

最终效果如图5-137所示。

图5-137  最终效果

SKATE”图像绘制

    1. 绘制弧形“SKATE”图形

单击工具箱中的字体工具，并单击绘图窗口，输入字母“SKATE”并选中，更改属性栏中的字体属性、颜色值（C:90 M:40 Y:90 K:0），如图5-138所示。

图5-138  编辑字体

选中文本，依次单击菜单栏中的效果—变形—弧形，跳出变形选项属性，选择水平弧形，15%的弯曲，勾选预览，效果如图5-139所示。

图5-139  弧形效果

选中文本，单击菜单栏中的对象—扩展外观，如图5-140所示。

图5-140  扩展外观

选中原先的图形，在菜单栏中的效果—3D（3）—凸出与斜角，参数设置如图5-141所示。

图5-141  扩展外观

    选中效果图，在菜单栏对象下选择扩展外观，如图5-142所示，效果如图5-143所示。

图5-142  扩展外观

图5-143  扩展外观后效果

再给图形添加0.5p的黑色边框，效果如图5-144所示。

图5-144  添加黑色描边

添加黑色边框后，有的地方会多出线多余的边角线，如图5-145所示，这时需要进行调整，选中边角线，按住Ctrl+F10打开描边属性，将边角改为圆角，如图5-146所示。

图5-145  边角

图5-146  调整边角

    选中图形按住Alt先复制一个，保留“SKATE”形状，其他的删除，如图5-147所示。

图5-147  复制并保留形状

选中原来的图，按Ctrl+Shift+F9打开路径查找器，进行联集，得到效果如图5-148所示。

图5-148  联集

    这时会发现底部比较乱，如图5-149所示，而我们最终想要的效果是底部为一个点，这就需要做一些处理。使用直接选择工具，将中间的点删除，只留两个端点，如图5-150所示，再选取两个点按Ctrl+J进行联接，再将点调整为一个点，如图5-151所示。

图5-149  底部效果

图5-150  删除中间点

图5-151  底部效果

再将刚复制的图与这图形进行水平居中及垂直顶对齐，并将“SKATE”颜色调为红色，且描边大小为1pt，效果如图5-152所示。

图5-152  初步效果图

再调整下中间多出来的线，如图5-153所示。

图5-153  调整效果图

使用直钱工具绘制透视线，如图5-154所示。

图5-154  直线透视图

再给整体图形外围添加一边缘色，复制底层绿色，并将描边大小设置为4pt，颜色调为黄色，然后按Ctrl+Shift+[ 调到最底层，并与原底图进行水平居中对齐和垂直居中对齐，得到的最终效果如图5-155所示。

图5-155  最终效果图

拓展练习

     使用 Adobe Illustrator 软件绘制以下图形：

图5-156  作业