57
研研研研研 研研研研“研 研”研研研研 1 www.cnbook.n et 研5研 研研研研研研研研研研研 5.1 “Show me KE’AI” 研研研 5.2 研研研研研研研研 5.3 研研研研研研 5.4 ANTHRAX 研研研研 5.5 研研研研研研研 5.6 研研研研研研研

第 5 章 徽标设计与绘制实例详解

  • Upload
    ashby

  • View
    150

  • Download
    7

Embed Size (px)

DESCRIPTION

第 5 章 徽标设计与绘制实例详解. 5.1 “Show me KE’AI” 的徽标 5.2 非欧几何式的徽标 5.3 蛇绕权杖徽标 5.4 ANTHRAX 乐队徽标 5.5 恒城幸福楼徽标 5.6 太阳鸟金箔徽标. 5.1 “Show me KE’AI” 的徽标. 5.1.1 描线稿 ( 1 )用钢笔工具 画一段曲线如图 5-1 所示。 ( 2 )选择工具面板的螺旋线工具 ,在页面画一条螺旋状的路径。如图 5-2 和图 5-3 所示。 - PowerPoint PPT Presentation

Citation preview

Page 1: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

1www.cnbook.net

第 5 章 徽标设计与绘制实例详解

5.1 “Show me KE’AI” 的徽标5.2 非欧几何式的徽标5.3 蛇绕权杖徽标5.4 ANTHRAX 乐队徽标5.5 恒城幸福楼徽标5.6 太阳鸟金箔徽标

Page 2: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

2www.cnbook.net

5.1 “Show me KE’AI” 的徽标• 5.1.1 描线稿• ( 1 )用钢笔工具 画一段曲线如图 5-1 所示。• ( 2 )选择工具面板的螺旋线工具 ,在页面画一条

螺旋状的路径。如图 5-2 和图 5-3 所示。• ( 3 )选择工具面板的钢笔工具 ,或者直接按快捷

键 P ,移到螺纹底端至出现“锚点”字样单击,然后添加一段曲线。如图 5-4 和图 5-5 所示。效果如图 5-6所示。

Page 3: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

3www.cnbook.net

图 5-1 绘制曲线 图 5-2 选择螺旋工具 图 5-3 绘制螺旋曲线

图 5-4 出现“锚点”字样 图 5-5 添加延长曲线 图 5-6 徽标的轮廓

Page 4: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

4www.cnbook.net

• 5.1.2 应用画笔• ( 1 )选择上面一段曲线。如图 5-7 所示。效果如图

5-8 所示。• ( 2 )选择下面一段带螺纹的曲线,在画笔面板找到

合适的效果单击应用。如图 5-9 所示。效果如图 5-10所示。

图 5-7 选择画笔 图 5-8 应用画笔 图 5-9 选择画笔 图 5-10 应用画笔

Page 5: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

5www.cnbook.net

• 5.1.3 编辑路径• 选择工具面板的直接选择工具 。然后对节点逐个检查

和借助节点的控制柄编辑路径至满意的效果。如图 5-11 所示。

图 5-11 编辑修改路径

Page 6: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

6www.cnbook.net

• 5.1.4 添加文字• ( 1 )选择工具面板的钢笔工具 或者按快捷键 P ,

选择钢笔工具画一条比较平缓的曲线。• ( 2 )选择工具面板的路径文字工具 ,在画好的平

缓曲线上单击;然后按快捷键 Ctrl + T 调出“字符”面板,并设置合适的参数;指定前景色为白色、背景色为无。如图 5-12 、图 5-13 、图 5-14 所示。

• ( 3 )输入文本“ Show me KE’AI” 。如图 5-15 所示。• ( 4 )按快捷键 V ,将该文本移动到蓝色的曲线上。

并稍微旋转变换框,使文本适应蓝色曲线的弯曲情况。如图 5-16 所示。最终效果如图 5-17 所示。

Page 7: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

7www.cnbook.net

图 5-12 选择沿路径输入工具 图 5-13 设置字符参数 图 5-14 设置前景色、背景色

图 5-15 在路径上输入文本 图 5-16 调整文本 图 5-17 徽标最终效果

Page 8: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

8www.cnbook.net

• 5.2 非欧几何式的徽标• 该徽标取客户英文名称的 Environmental Sciences &

Engineering 的缩写“ ESE” 为创作元素,构成一个非欧几何的造型——简单地说,实际中是造不出这种物体的,但是在图形上是合理和完美的。它主要通过配色的深浅不同显示空间的不同层次。其中,两个“ E”一正一反,中间包围的空白处刚好是一个“ S” 的造型。

• 绘制该徽标主要用钢笔工具依靠智能辅助线画出由矩形组成的多边形,然后通过“颜色”面板指定这些多边形的颜色,思路和操作都非常简单。

Page 9: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

9www.cnbook.net

• 5.2.1 绘制基本形状• ( 1 )按快捷键 P 选择钢笔工具 ,在页面上单击,

沿出现智能辅助线接连画水平和竖直的直线,最后连成一个反写的“ E” 。然后,通过“颜色”面板为其指定绿色填充、无边框。效果如图 5-18 所示。

• ( 2 )按快捷键 Ctrl + C 复制该图形,并用钢笔工具 绘制添加“箭头”。效果如图 5-19 所示。

• ( 3 )按快捷键 Ctrl + V 粘贴已经复制的反“ E” ,然后旋转和移动到合适的位置,并通过“颜色”面板为其指定更深的绿色填充。效果如图 5-20 所示。

图 5-18 绘制多边形 图 5-19 绘制添加图形 图 5-20 调整图形副本

Page 10: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

10www.cnbook.net

• 5.2.2 表现立体感• ( 1 )按住 Alt 键拖动带箭头的反“ E” 复制一份副本

到合适的位置,并通过“颜色”面板为其指定与正“ E” 相同的深绿色。效果如图 5-21 所示。

• ( 2 )在已有图形的边角等位置用钢笔工具 绘制添加倾斜的矩形,使整个图形看上去具有立体感。并且,注意为每个不同的倾斜矩形指定不同深浅的绿色。如图 5-22 和图 5-23 所示。效果如图 5-24 所示。

• ( 3 )稍加修补。如图 5-25 所示。

Page 11: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

11www.cnbook.net

图 5-21 调整图形副本的副本 图 5-22 选择一种绿色 图 5-23 分别选定不同的“面”

图 5-24 分别为不同的“面”上色 图 5-25 检查修补图形

Page 12: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

12www.cnbook.net

• 5.2.3 文字添加和处理• 在图形下方输入文本,并设置好字体、字号和字色。

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

图 5-26 徽标最终效果

Page 13: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

13www.cnbook.net

5.3 蛇绕权杖徽标• 5.3.1 借助参考线布局• 显示标尺。按快捷键 H ,即选择工具面板的抓手工具,

将页面拖到标尺的左上角去,参照标尺的数值拖出参考线。如图 5-27 所示。

图 5-27 布设参考线

Page 14: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

14www.cnbook.net

• 5.3.2 绘制“权杖”• ( 1 )设置前景色和背景色分别为黑和白,笔画粗细

为 4 pt 。如图 5-28 和图 5-29 所示。• ( 2 )选择工具面板的圆角矩形工具 ,参考辅助线

画出“权杖”的顶端。如图 5-30 所示。• ( 3 )按快捷键 P ,或者选择工具面板的钢笔工具 ,

参考辅助线补充画完“权杖”的其他部分。如图 5-31所示。

• ( 4 )按快捷键 Ctrl + A全选两个对象。如图 5-32 所示。

• ( 5 )按快捷键 Ctrl + 2锁定该对象,以便于后面的绘制操作。效果如图 5-33 所示。

Page 15: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

15www.cnbook.net

图 5-28 设置前景色、背景色 图 5-29 设置笔画粗细 图 5-30 绘制圆角矩形

图 5-31 绘制图形 图 5-32 路径运算 图 5-33 “杖”

Page 16: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

16www.cnbook.net

• 5.3.3 绘制“蛇”• ( 1 )为了不影响观察,先把前景色和背景色都设为

无。 如图 5-34 所示。• ( 2 )放大视图,一边观察一边用钢笔工具 勾出

“蛇”的大致轮廓。如图 5-35 和图 5-36 和图 5-37 所示。

图 5-34 取消前景色和背景色 图 5-35 绘制曲线 图 5-36 继续绘制曲线 图 5-37 绘制成封

闭曲线

Page 17: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

17www.cnbook.net

• 5.3.4 编辑路径• 选择工具面板的直接选择工具 或者按快捷键 A 选择

直接选择工具。然后对节点逐个检查和借助节点的控制柄编辑路径至满意的效果。同时,不时按快捷键 +为路径添加节点。

Page 18: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

18www.cnbook.net

• 5.3.5 制作蒙版• 为了解决“缠绕”交叠部分的问题,需要制作蒙版。

在前面的章节中已经有详细解释,这里就不再赘述了。

Page 19: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

19www.cnbook.net

• 5.3.6 保存文件• 最后,按快捷键 Ctrl + S保存或者用另存为命令保存你觉得满意的图形文件到一定的路径下。此处不再冗述。最终效果如图 5-38 所示。

图 5-38 “蛇绕权杖”徽标最终效果

Page 20: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

20www.cnbook.net

5.4 ANTHRAX 乐队徽标• 5.4.1 输入文本并进行“预处理”• ( 1 )按快捷键 T 选择文字工具 ,在“字符”面板

上选择字体和字号,然后输入文本“ ANTHRAX” 。如图 5-39 所示。效果如图 5-40 所示。

• ( 2 )按快捷键 A 选择直接选择工具 。在文本上右击,在弹出的快捷菜单中选择“创建轮廓”命令,创建轮廓,将文本转化为路径,视为图形处理。如图 5-41 所示。

• ( 3 )再右击文字,在弹出的快捷菜单中选择“取消编组”命令,将文本“ ANTHRAX”生成的图形对象取消群组,即打散为一个个字母,方便单独编辑路径。如图 5-42 所示。

Page 21: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

21www.cnbook.net

图 5-39 在“字符”面板设置字体、字号 图 5-40 造型基础

图 5-41 右击文本创建轮廓 图 5-42 打散各个字母

Page 22: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

22www.cnbook.net

• 5.4.2 编辑“ A” 、“ N” 、“ T” 、“ H” 轮廓• ( 1 )按快捷键 - 选择工具面板的节点删减工具,单

击删除字母“ N”左上角和右下角的两个节点,使“ N” 这两个角变得尖锐。如图 5-43 所示。

• ( 2 )选择工具面板的倾斜工具 ,将“ N” 稍作变形。如图 5-44 所示。

• ( 3 )从标尺拖出两条水平辅助线,下面一条紧贴“ A” 底线,上面一条靠近“ T” 的一横的下沿。然后,按快捷键 A 选择工具面板的直接选择工具 ,在空白处单击一下释放选定之后,移动调整“ N”左下角和右上角的节点,使其紧贴相应的辅助线。如图 5-45 所示。

图 5-43 删减“ N” 的节点 图 5-44 将“ N” 作倾斜处理图 5-45 借助辅助线调整“ N” 节点位置

Page 23: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

23www.cnbook.net

• ( 4 )圈选“ A” 最顶部的三个节点,移动,使“ A”右边边缘与“ N” 的左边边缘大致平行、右上角的节点在“ N” 的上斜边的延长线上。效果如图 5-46 所示。

• ( 5 )在空白处单击一下释放选定后,选定“ A”左上角的节点进行移动调整,使“ A”也变成尖头的,并且相应调整其他有需要配合变化的节点。然后,按快捷键 V 选择选择工具 ,加选“ A”“N” ,在智能辅助线的帮助下向“ T” 水平移动。效果如图 5-47 所示。

• ( 6 )按快捷键 A 选择直接选择工具 ,借助智能辅助线分别调整“ T”左边的两个节点和左下角的三个节点,使“ T” 的左边边缘与“ N” 的相应边缘平行、底部两点与“ N” 的最低点在同一条直线上。并且,把“ H” 移动到“ T”右下方的位置。效果如图 5-48 所示。

• ( 7 )从标尺拖出一条紧贴“ T” 上沿的辅助线。同样地,借助几条辅助线,调节“ H” 的节点,使“ H” 的左下角和右上角都和前面的字母协调。其中,需要稍微调节一下“ T” 的底边的倾斜度。效果如图 5-49 所示。

Page 24: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

24www.cnbook.net

图 5-46 调整“ A” 的形状使其与“ N”协调 图 5-47 完善“ A”“N” 的形状和位置

图 5-48 调整“ T” 的形状和“ H” 的位置 图 5-49 借助辅助线调整“ H” 的形状

Page 25: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

25www.cnbook.net

• 5.4.3 编辑“ R” 、“ A” 、“ X” 轮廓• ( 1 )圈选“ R” 上部分的节点,借助竖直智能辅助线向上移动拉伸。并且编辑相关路径,使拉伸后“ R” 的形状自然、协调。如图 5-50 所示。

• ( 2 )选择工具面板的矩形工具 ,在“ R” 的左边部分画一个小矩形,截断“ R” 的竖边。如图 5-51 所示。

• ( 3 )按快捷键 V 选择选择工具 ,按住 Shift 键加选“ R” 。选择“窗口”→“路径查找器”命令,调出“路径查找器”面板,再按下进行 布尔运算。如图 5-52 所示。效果如图 5-53 所示。

图 5-50 拉伸“ R” 上部

图 5-51 在“ R” 上画一个小矩形截断竖边

图 5-52 在“路径查找器”进行路径减运算

图 5-53 “R” 的路径被切割后

Page 26: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

26www.cnbook.net

• ( 4 )按快捷键 A 选择直接选择工具 ,将“ R” 的上面一横向左拉长到“ N” 的位置,并尝试调整各个相关节点。同时,重新调节“ R”右边部分的形状以空出位置来安置靠近的“ A” 。如图 5-54 所示。

• ( 5 )进一步将“ R” 的节点简省,并且拉伸“ R” 的右下角,最后将“ R” 的形状定型。随后,按照同样的方法,将“ A”略加路径编辑之后移动到靠近“ R” 的位置。如图 5-55 所示。效果如图 5-56 所示。

• ( 6 )将剩下的“ X” 的路径稍加编辑调整,得到整个徽标的基本造型。效果如图 5-57 所示。

Page 27: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

27www.cnbook.net

图 5-54 调节“ R” 的节点满足其夸张变形 图 5-55 最后编辑“ R” 的路径

图 5-56 完成“ R”“A” 的配搭 图 5-57 徽标的雏形

Page 28: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

28www.cnbook.net

• 5.4.4 通过混合表现立体感• ( 1 )清除或者隐藏所有辅助线。• ( 2 )按住 Alt 键小幅度拖曳复制一份徽标雏形的副本,

通过“颜色”面板指定其填充色为橙色,然后按快捷键 Shift + Ctrl + [ 调到底层。如图 5-58 所示效果如图 5-59 所示。

• ( 3 )按 Shift 键加选两层徽标,选择“对象”→“混合”→“混合选项”命令,调出“混合选项”对话框设置对象混合的指定步数为 100 或者更高。单击“确定”按钮应用混合。如图 5-60 所示。效果如图 5-61所示。

图 5-58 拖曳复制一份徽标副本 图 5-59 设置、调整好徽标副本

Page 29: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

29www.cnbook.net

• ( 4 )通过“图层”面板选择置于混合顶层的对象群,再通过工具面板和“颜色”面板指定为灰色描边。如图 5-62 和图 5-63 所示。效果如图 5-64 所示。

• ( 5 )按快捷键 P 选择钢笔工具 ,在工具面板设置其前景色与徽标顶层的黄色一样、背景色为无。然后,绘制一个封闭的多边形把“ A” 和“ R”重叠的一部分遮盖掉。如图 5-65 所示。效果如图 5-66 所示。

图 5-60 在混合选项对话框设置混合参数 图 5-61 应用混合后的徽标

Page 30: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

30www.cnbook.net

图 5-63 在工具面板为对象指定灰色描边 图 5-64 修改徽标描边

图 5-65 通过工具面板设置钢笔工具 图 5-66 用钢笔工具绘制一块多边形修补缺陷

Page 31: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

31www.cnbook.net

• 5.4.5 添加背景图片和表面渐变色• ( 1 )按快捷键 M 选择矩形工具 ,绘制一个能容纳

整个徽标的矩形,并通过工具面板指定为黑色填充。• ( 2 )选择“文件”→“置入”命令,置入一幅小尺寸的位图,放置在黑色矩形内。然后,按快捷键 V 选择选择工具 ,按住 Alt 键在黑色矩形内拖动复制多个副本。效果如图 5-67 所示。

• ( 3 )圈选黑色矩形及其内部的所有位图,按快捷键Ctrl + G群组,再按快捷键 Shift + Ctrl + [ 调整到最底层,然后移动到徽标的位置充当徽标的背景。效果如图 5-68 所示。

• ( 4 )选定徽标的顶层,通过“渐变”面板为其填充色自定义一种金属渐变色。如图 5-69 所示。最终效果如图 5-70 所示。

Page 32: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

32www.cnbook.net

图 5-67 在黑色矩形内置入位图并多重复制 图 5-68 基本完备的徽标

图 5-69 自定义一种金属渐变色 图 5-70 徽标最终效果

Page 33: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

33www.cnbook.net

5.5 恒城幸福楼徽标• 5.5 恒城幸福楼徽标• ( 1 )按快捷键 T 选择文字工具 ,输入文本“ H C

X F” ,然后选定其中各个字母,分别在“字符”面板设置参数。“ H” 和“ F” 的参数设置如图 5-71 所示,“ C” 和“ X” 的参数设置如图 5-72 所示。效果如图 5-73 所示。

• ( 2 )右击该文本框,在弹出的菜单中选择“创建轮廓”命令,将文本的轮廓变成可编辑的路径。如图 5-74 所示。

• ( 3 )右击文本,在弹出的菜单中选择“取消编组”命令,将四个字母打散,然后分别移动到适当的位置,并拉伸、旋转,组成徽标的雏形。如图 5-75 所示。效果如图 5-76 所示。

Page 34: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

34www.cnbook.net

图 5-71 设置“ H”“F” 的字符属性 图 5-72 设置“ C”“X” 的字符属性

图 5-73 不同属性的文本 图 5-74 为文本创建轮廓

图 5-75 将各个字母打散 图 5-76 徽标造型的基础

Page 35: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

35www.cnbook.net

• 5.5.2 倾斜、扭曲、伸缩等变形• ( 1 )选定“ F” ,通过变换框调整其大小刚好与“ X”

同高,然后选择工具面板的倾斜工具 ,沿出现的智能辅助线竖直移动,将“ F” 倾斜。如图 5-77 和图 5-78 所示。

• ( 2 )用键盘光标上下键移动“ F” 到对齐“ X” ,并紧贴“ X” 效果如图 5-79 所示。

• ( 3 )选定“ H” ,选择“效果”→“扭曲和变换”→“自由扭曲”命令,在弹出的对话框中对“ H”进行自由扭曲,然后单击“确定”按钮。如图 5-80 和图 5-81所示。

• ( 4 )选定“ C” ,通过变换框调整其大小和位置,使其框住“ H” 。然后右击,在弹出的快捷菜单中选择“排列”→“置于底层”或者直接按快捷键 Shift + Ctrl+ [ ,将其置于底层。效果如图 5-82 所示。

Page 36: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

36www.cnbook.net

图 5-77 在工具面板选择倾斜工具 图 5-78 用倾斜工具将“ F” 倾斜

图 5-79 调整“ X”“F” 的位置关系 图 5-80 选择“自由扭曲”特效

图 5-81 在自由扭曲特效对话框上设置参数 图 5-82 徽标雏形的黑白稿

Page 37: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

37www.cnbook.net

• 5.5.3 设置和应用渐变色• ( 1 )在“渐变”面板中细致地设置一种金属光泽式

的线性渐变。如图 5-83 所示。• ( 2 )选择工具面板上的渐变工具 ,在已经选定的

“ C” 上拖出一条一定倾斜角度的直线,对渐变色进行应用。如图 5-84 所示。效果如图 5-85 所示。

• ( 3 )选择工具面板的选择工具 ,点选“ X” ,然后单击“渐变”面板的游标激活应用原来设置好的渐变色。再选择工具面板的渐变工具 ,调整渐变应用的角度和范围,使渐变色中的红色刚好分布在“ X” 的左上角。 如图 5-86 所示。

• ( 4 )同上步骤,先后选定“ F” 和“ H” 并为其指定渐变色。效果如图 5-87 所示。

Page 38: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

38www.cnbook.net

图 5-85 为“ C” 应用渐变

图 5-86 单击“渐变”面板的游标

图 5-83 在“渐变”面板自定义金属渐变色 图 5-84 选择渐变工具

图 5-87 分别对各字母应用渐变色

Page 39: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

39www.cnbook.net

• ( 5 )按快捷键 V 选择工具面板的选择工具 ,选中“ C” ,按住 Alt 键沿出现的竖直智能辅助线拖曳复制一份副本。右击鼠标,在弹出的快捷菜单中选择“排列”→“置于底层”命令或者按快捷键 Shift + Ctrl +[ ,将该副本置于底层。如图 5-88 和图 5-89 所示。

• ( 6 )单击加选“ C” 的原本和副本,选择“对象”→“混合”→“混合选项”命令,然后在弹出的对话框中设置混合命令的间距属性——指定的步数为 100 。如图 5-90 和图 5-91 所示。

• ( 7 )选择“对象”→“混合”→“建立”命令或者直接按快捷键 Alt + Ctrl + B ,将两个“ C”混合起来。如图 5-92 所示。效果如图 5-93 所示。

Page 40: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

40www.cnbook.net

图 5-88 按住 Alt 键拖动复制一份副本 图 5-89 将副本调整到底层

图 5-90 选定原件和副本并单击混合选项 图 5-91 在“混合选项”对话框设置参数

图 5-92 选择混合命令 图 5-93 对“ C” 应用混合命令

Page 41: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

41www.cnbook.net

• ( 8 )选定置于上层的“ C”原件,通过工具面板和“色板”面板以及“描边”面板为其轮廓指定颜色为一种黄色、粗细为 0.25 pt 。如图 5-94 、图 5-95 和图5-96 所示。效果

• 如图 5-97 所示。• ( 9 )选定置于底层的“ C” 副本,点选工具面板的渐

变工具 ,改变“ C” 副本的渐变角度和范围,使其看上去色彩与“ C”原件衔接协调。效果如图 5-98 所示。

• ( 10 )按同样的方法,沿 45度倾斜的智能辅助线复制一份“ H” 的副本并将其置于底层,然后加选原件并进行混合,再指定“ H”原件的边框为 0.25 pt 浅黄色,使用渐变工具调整副本的渐变方向和距离。如图 5-99 、图 5-100 和图 5-101 所示。

Page 42: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

42www.cnbook.net

图 5-94 选定背景色 图 5-95 指定一种黄色 图 5-96 指定粗细为 0.25 pt

图 5-97 “C”原件凸显轮廓 图 5-98 调整底层“ C” 副本的渐变后

图 5-99 借助智能辅助线按住 Alt 键复制

图 5-100 加选原件进行混合 图 5-101 设置原件边框和调整副本渐变之后

Page 43: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

43www.cnbook.net

• 5.5.4 绘制“牌匾”和自由扭曲• ( 1 )选择工具面板的矩形工具 绘制一个矩形,先

后按下快捷键 Ctrl + C 、 Ctrl + F 复制一份置于上方的副本,然后对副本进行伸缩变化。再先后按下快捷键 Ctrl + C 、 Ctrl + F 然后对其副本进行伸缩变化。另外,通过工具面板、“色板”面板以及“描边”面板为这三个矩形分别指定前景色和背景色以及边框粗细。如图 5-102 所示。效果如图 5-103 所示。

• ( 2 )单击工具面板的文字工具 或者直接按快捷键 T ,调出“字符”面板设置字体和字号,在“牌匾”上输入文本“恒城幸福楼”并调整位置。如图 5-104 所示。效果如图 5-105 所示。

图 5-102 为矩形副本指定边框粗细并对其进行伸缩变化 图 5-103 “牌匾”雏形

Page 44: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

44www.cnbook.net

• ( 3 )圈选包括文本在内的整个“牌匾”,按快捷键 Ctrl + G进行群组,然后选择“效果”→“扭曲和变换”→“自由扭曲”命令,在相应的对话框中用鼠标调节自由扭曲的式样,单击“确定”按钮。如图 5-106 所示。

• ( 4 )将经过自由扭曲的“牌匾”移动到“ H” 中央合适的位置。

图 5-104 在“字符”面板设置字体和字号

图 5-105 添加文本后

图 5-106 调节自由扭曲的式样

Page 45: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

45www.cnbook.net

• 5.5.5 保存文件• 最后,按快捷键 Ctrl + S保存或者用另存为命令保存

满意的图形文件到希望的路径下。最终效果如图 5-107 所示。

图 5-107 “恒城幸福楼”徽标最终效果

Page 46: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

46www.cnbook.net

5.6 太阳鸟金箔徽标• 5.6.1 绘制“太阳”• ( 1 )选择工具面板的圆形工具 或者按快捷键 L ,然后

按住 Shift 键画一个正圆。并且,显示标尺,拉出两条辅助线把该正圆分为四等份。如图 5-108 所示。

• ( 2 )用工具面板的钢笔工具 沿纵向辅助线画一段由该正圆圆心出发穿过该圆的直线。如图 5-109 所示。

• ( 3 )选择工具面板上的旋转工具 ,鼠标移到圆心至出现“锚点”字样,按住 Alt 键单击。在弹出的参数设置对话框中设置旋转角度为 15度,勾选“预览”项观察图形的变化,单击“复制”按钮复制一份旋转 15度的副本。如图 5-110 和图 5-111 所示。

• ( 4 )用同样的办法将得到的副本复制旋转 -30度。如图5-112 所示。

Page 47: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

47www.cnbook.net

图 5-108 正圆四等分 图 5-109 绘制纵向辅助线 图 5-110 选取旋转工具

图 5-111 参数设置 图 5-112 副本复制旋转

Page 48: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

48www.cnbook.net

• ( 5 )从标尺处拖出一条水平辅助线,使其穿过圆周上新产生的两个交点。如图 5-113 所示。

• ( 6 )选择工具面板的钢笔工具 或者按快捷键 P ,然后以两条直线围住的那段辅助线为底边绘制一个等腰三角形。如图 5-114 所示。

• ( 7 )选择工具面板上的旋转工具 ,同样用上述方法以圆心为旋转中心为该三角形复制一份旋转 30度的副本。如图 5-115所示。

• ( 8 )连续按 10 次快捷键 Ctrl + D ,再制 10 份三角形副本布满圆周。如图 5-116 所示。

• ( 9 )选定而后删除先前绘制的起辅助作用的三段直线。如图5-117 所示。效果如图 5-118 所示。

• ( 10 )选定该图形,选择“效果”→“扭曲和变换”→“扭转”命令,并在弹出的“扭转”对话框中设置角度参数为 120 ,将图形变成螺旋状。

Page 49: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

49www.cnbook.net

• 如图 5-119 和图 5-120 所示。效果如图 5-121 所示。

图 5-113 绘制水平辅助线 图 5-114 绘制等腰三角形 图 5-115 旋转得到副本

图 5-116 10 份三角形副本 图 5-117 选取运算按钮 图 5-118 得到新图形

图 5-119 选择“扭转”命令 图 5-120 参数设置

图 5-121 效果图

Page 50: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

50www.cnbook.net

• 5.6.2 绘制抽象化的“鸟”• ( 1 )按快捷键 P 选择钢笔工具 ,借助两条水平辅

助线画出一只抽象的鸟的雏形。如图 5-122 所示。效果如图 5-123 所示。

• ( 2 )按快捷键 A 选择直接选择工具 ,选中需要进行调整的节点,通过节点的控制柄对路径进行编辑,使其曲线更加平滑流畅和充满美感。如图 5-124 所示。效果如图 5-125 所示。

图 5-122 用钢笔工具沿辅助线进行绘制 图 5-123 “鸟”的雏形

图 5-124 节点编辑 图 5-125 “鸟”经过路径编辑后的效果

Page 51: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

51www.cnbook.net

• 5.6.3 对齐、旋转、再制、封套、伸缩• ( 1 )选择“视图”→“参考线”→“锁定参考线”命令将其前面的勾去除,或者直接按快捷键 Alt + Ctrl+ ; ,解除辅助线的锁定,圈定加选两条辅助线。如图 5-126 所示。

• ( 2 )选择工具面板的圆形工具 或者直接按快捷键 L ,在工具面板上设置其前景色为无、背景色为黑,然后鼠标移到纵横两条辅助线的交点处至出现“中心点”字样按下左键,同时按住 Shift 键和 Alt 键画一个以此为圆心的正圆,罩在“太阳”外圈。如图 5-127 和图5-128 所示。

图 5-126 解除辅助线的锁定后 图 5-127 设置圆形的前景色和背景色

Page 52: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

52www.cnbook.net

• ( 3 )选择“视图”→“参考线”→“清除参考线”命令,清除所有辅助线。

• ( 4 )按快捷键 Ctrl + A全选所有图形,调出“对齐”面板,按下其中水平居中对齐的按钮。如图 5-129 所示。效果如图5-130 所示。

• ( 5 )在空白处单击一下取消原来的选定,然后单独选择“鸟”,沿出现的竖直智能辅助线将其移动到圆内。

• ( 6 )选择工具面板的旋转工具 ,按住 Alt 键在圆心处单击,然后在弹出的“旋转”对话框中设置角度参数为 90 ,单击“复制”按钮,复制一份绕圆心旋转 90度的副本。

图 5-128 绘制一个圈住“太阳”的正圆

图 5-129 通过“对齐”面板执行水平居中对齐

图 5-130 图形水平居中对齐后的效果

Page 53: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

53www.cnbook.net

• 如图 5-131 所示。效果如图 5-132 所示。• ( 7 )连续按两次快捷键 Ctrl + D ,再制两个绕圆心旋

转的副本。单击加选四个“鸟”,按快捷键 Ctrl + G进行群组。

• ( 8 )选定圆形,先后按快捷键 Ctrl + C 、 Ctrl + F ,复制一份置于上层的副本。然后,按住 Shift 键,单击加选四个“鸟”组成的对象组。选择“对象”→“封套扭曲”→“用顶层对象建立”命令或直接按快捷键 Alt +Ctrl + C ,为该对象组应用封套进行扭曲变形。如图 5-133 和图 5-134 所示。效果如图 5-135 所示。

• ( 9 )按住 Shift 键和 Alt 键对变换框进行固定中心的等比例伸缩,调整扭曲后得到的“鸟”圈、“太阳”以及圆三者的相对位置关系。效果如图 5-136 所示。

Page 54: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

54www.cnbook.net

图 5-131 “ 旋转”对话框

图 5-132 复制一份绕圆心旋转 90度的副本

图 5-133 圆形副本加“鸟”对象组

图 5-134 选择封套命令

图 5-135 应用封套的效果

图 5-136 调整后得到的“太阳鸟金箔”线稿

Page 55: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

55www.cnbook.net

• 5.6.4 调整图层和自定义渐变色• ( 1 )在选定“鸟”的时候右击,在弹出的快捷菜单中

选择“选择”→“下方的下一个对象”命令,选定这时置于底层的“太阳”。再右击,在弹出的快捷菜单中选择“排列”→“置于顶层”命令,将其提到最上面的图层来。如图 5-137 、图 5-138 和图 5-139 所示。

• ( 2 )单击选定现时置于底层的圆,通过“色板”面板为其指定一种渐变色。如图 5-140 所示。效果如图 5-141所示。

• ( 3 )调出“渐变”面板,设置类型参数为径向即辐射型渐变,通过编辑渐变色设置的游标设置渐变色中的颜色,一边观察圆形应用渐变色的现时效果,调节至黄色刚好在“鸟”的外圈,“太阳”的轮廓为橙红色。如图5-142 所示。最终效果如图 5-143 所示。

Page 56: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

56www.cnbook.net

图 5-137 选定置于下一层的对象

图 5-138 “太阳”被选中的状态

图 5-139 将对象提到最上面的图层

图 5-140 通过“色板”面板应用渐变色 图 5-141 应用渐变

色的初步效果

图 5-142 在“渐变”面板自定义渐变色

图 5-143 “太阳鸟金箔”最终效果

Page 57: 第 5 章  徽标设计与绘制实例详解

研究出版社 高等教育“十一五”规划教材

57www.cnbook.net

小结• 单位和个人都日益重视自己的视觉形象识别,一个合

适的徽标( logo )是其不可或缺的重要元素。在符合客户要求的同时,能否设计出一个美观而简洁的 LOGO也成为衡量一个平面设计师设计能力的标准之一。

• 由于 Adobe Illustrator CS3 是矢量绘图软件,可精确控制定位、工作流程规则化、可任意缩放不发生分辨率问题,而且提供了强大的工具和丰富的效果,因而特别适合徽标设计时用。本章以多个经典图案和笔者设计的几个平面徽标为例,从简单到复杂地展示在 Adobe Illustrator CS3 下多种难度和风格的徽标设计制作的全过程,并着重阐明设计和制作的思路。