计算机辅助标志设计.ppt

1、计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 学习目标学习目标 标志设计在日常生活中随处可见，尤其是在视觉识别系统（标志设计在日常生活中随处可见，尤其是在视觉识别系统（VIVI）中标志是最为核心的部分。所以，如何运用计算机软件技术来表达符合中标志是最为核心的部分。所以，如何运用计算机软件技术来表达符合设计要求的标志至关重要。本章节主要从设计要求的标志至关重要。本章节主要从Photoshop CS4Photoshop CS4和和CorelDRAWCorelDRAW X X3 3这两个软件入手，对计算机辅助标志设计的一些方法、技巧进行剖析，这两个软件入手

2、，对计算机辅助标志设计的一些方法、技巧进行剖析，以利于掌握标志设计的软件技术和操作要领。以利于掌握标志设计的软件技术和操作要领。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 学习重点学习重点 本章节主要学习标志的基本概念、类型、分类及用软件技术绘制标本章节主要学习标志的基本概念、类型、分类及用软件技术绘制标志图形的技术和操作要领。重点学习在志图形的技术和操作要领。重点学习在Photoshop CS4Photoshop CS4中如何用路径工中如何用路径工具和图层工具绘制标志图形的技巧和操作方法，在具和图层工具绘制标志图形的技巧和操作方法，在CorelD

3、RAWCorelDRAW X3 X3中如何中如何使用贝塞尔曲线工具和造型工具绘制标志图形，使设计意图利用设计软使用贝塞尔曲线工具和造型工具绘制标志图形，使设计意图利用设计软件得以准确表达。件得以准确表达。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 学习建议学习建议 (1)(1)参观设计公司，了解平面设计软件的应用领域。参观设计公司，了解平面设计软件的应用领域。(2)(2)了解使用平面设计软件的工作流程，这有助于前期设计和实现了解使用平面设计软件的工作流程，这有助于前期设计和实现创意。创意。(3)(3)多看、多练习、多请教。多看、多练习、多请教。计算

4、机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 4.1 4.1 计算机辅助标志设计概述计算机辅助标志设计概述4.1.14.1.1标志释义标志释义 标志又称标志又称LOGOLOGO，是以单纯、显著、易识别的物象、图形或文字符，是以单纯、显著、易识别的物象、图形或文字符号为直观语言来表达事物特征的视觉识别符号，具有表达意义、情感和号为直观语言来表达事物特征的视觉识别符号，具有表达意义、情感和指令行动等作用。标志作为视觉语言的特殊表达方式，在社会活动与生指令行动等作用。标志作为视觉语言的特殊表达方式，在社会活动与生产活动中无处不在。信息时代，随着国际交往的日益频

5、繁，标志的直观、产活动中无处不在。信息时代，随着国际交往的日益频繁，标志的直观、形象、不受语言和文字障碍等特性极其有利于国际间的沟通交流与应用。形象、不受语言和文字障碍等特性极其有利于国际间的沟通交流与应用。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 4.1.2 4.1.2 标志类型标志类型 标志的本质是传播信息，按传播内容大致分为以下几种类型：标志的本质是传播信息，按传播内容大致分为以下几种类型：各政府机构、各组织及活动的标志：如国旗、国徽、城市标志、联合各政府机构、各组织及活动的标志：如国旗、国徽、城市标志、联合国等国际组织的标志；活动标志指重

6、大会议、演出、节日等活动的象征国等国际组织的标志；活动标志指重大会议、演出、节日等活动的象征符号，如历届奥运会、世博会等标志。符号，如历届奥运会、世博会等标志。4-1 4-1 政府、机政府、机构构及活及活动动的的标标志志类类20082008北京奥运会会徽北京奥运会会徽计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 企业商用标志：如企业形象标志、企业品牌标志、商品标识等。企业商用标志：如企业形象标志、企业品牌标志、商品标识等。公共信息标志：如公共场所导视标志、交通系统指示标志、电子媒体公共信息标志：如公共场所导视标志、交通系统指示标志、电子媒体按钮标志等

7、。按钮标志等。4-2 4-2 企企业标业标志志类类中国银行标志中国银行标志4-3 4-3 公共公共标识类标识类 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 4.1.3 4.1.3 标志的分类标志的分类 标志按表现形式主要分为文字表现形式、图形表现形式、文字和图标志按表现形式主要分为文字表现形式、图形表现形式、文字和图形结合的表现形式三大类。形结合的表现形式三大类。1.1.文字表现形式文字表现形式 以汉字或拉丁字体为主体的标志，也可用数字作为表达方式。以汉字或拉丁字体为主体的标志，也可用数字作为表达方式。4-4 4-4 文字表现形式文字表现形式联想标

8、志联想标志 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 2.2.图形表现形式图形表现形式 以具象图形或抽象图形为主体的标志，包括以自然形态、抽象符号、以具象图形或抽象图形为主体的标志，包括以自然形态、抽象符号、几何图形等象征性视觉元素为表现形式的动植物、人物、器物造型等等。几何图形等象征性视觉元素为表现形式的动植物、人物、器物造型等等。3.3.文字和图形结合表现形式文字和图形结合表现形式 图形结合文字，互相衬托和补充，发挥二者优势，达到完美结合。图形结合文字，互相衬托和补充，发挥二者优势，达到完美结合。计算机辅助平面设计计算机辅助平面设计第第4 4

9、章章 计算机辅助标志设计计算机辅助标志设计 4.1.4 4.1.4 标志的设计原则标志的设计原则 现代标志作为信息传递的象征符号，除了独特的构思、表现外还现代标志作为信息传递的象征符号，除了独特的构思、表现外还要能准确体现机构组织、企业或产品的特征、理念，并将此艺术化的信要能准确体现机构组织、企业或产品的特征、理念，并将此艺术化的信息在不同场合快速地传达给目标受众。因此标志设计要遵循以下几个原息在不同场合快速地传达给目标受众。因此标志设计要遵循以下几个原则：则：1.1.注目性原则注目性原则 需具备醒目而吸引人的特征。需具备醒目而吸引人的特征。2.2.独特性原则独特性原则 独特性这不但包括设计创

10、意的艺术性，还包含运用方法的独特性，独特性这不但包括设计创意的艺术性，还包含运用方法的独特性，既有利于体现品牌的差异化特征，又能在信息海洋中独树一帜。既有利于体现品牌的差异化特征，又能在信息海洋中独树一帜。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 3.3.识别性原则识别性原则 标志的易读性和易记性要求标志设计必须含义深刻精炼、形式简标志的易读性和易记性要求标志设计必须含义深刻精炼、形式简洁明了。洁明了。4.4.准确性原则准确性原则 标志必须准确表现并传达出拥有者的整体形象、宗旨和理念，以标志必须准确表现并传达出拥有者的整体形象、宗旨和理念，以达到

11、正确的信息传达效果。达到正确的信息传达效果。5.5.艺术性原则艺术性原则 标志不但要具备形式美感，更应具有审美价值和独特的艺术感染标志不但要具备形式美感，更应具有审美价值和独特的艺术感染力，并符合现代人的认知和心理趋向，从而利于沟通，以提升品牌的形力，并符合现代人的认知和心理趋向，从而利于沟通，以提升品牌的形象、地位，扩大影响。象、地位，扩大影响。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 6.6.适用性原则适用性原则 标志在使用过程中，常常以全方位视觉扩张的方式进行展现，其标志在使用过程中，常常以全方位视觉扩张的方式进行展现，其应用范围十分广泛，

12、甚至跨越不同的时间和空间。因此，标志设计要有应用范围十分广泛，甚至跨越不同的时间和空间。因此，标志设计要有一定的前瞻性，使其尽可能满足全方位视觉扩张时适应不同场合的需求一定的前瞻性，使其尽可能满足全方位视觉扩张时适应不同场合的需求（包括地域、媒体、材料等），并使其尽量持久耐用，不至于过早老化、（包括地域、媒体、材料等），并使其尽量持久耐用，不至于过早老化、过时。过时。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 4.1.5 4.1.5 计算机辅助标志设计的意义计算机辅助标志设计的意义 标志是直接面向大众、讲求实效的设计艺术，标志的设计成功与标志是直接

13、面向大众、讲求实效的设计艺术，标志的设计成功与否，将会影响企业、组织的形象和信息传达效果，甚至影响到企业的业否，将会影响企业、组织的形象和信息传达效果，甚至影响到企业的业绩和产品竞争力。由于标志能在方寸之间显示出无穷的力量，企业和组绩和产品竞争力。由于标志能在方寸之间显示出无穷的力量，企业和组织都越来越重视标志的开发设计。标志看似简单，其设计却是个系统而织都越来越重视标志的开发设计。标志看似简单，其设计却是个系统而又复杂的工程：前期要做大量的调研分析，进行准确的设计定位；中期又复杂的工程：前期要做大量的调研分析，进行准确的设计定位；中期要投入巨大精力围绕设计定位展开创意构思；后期在经过大量的方

14、案筛要投入巨大精力围绕设计定位展开创意构思；后期在经过大量的方案筛选后，对最终选定的标志从形态、色彩、比例等方面做科学、规范的调选后，对最终选定的标志从形态、色彩、比例等方面做科学、规范的调整和制定，以便于标准规范地使用。整和制定，以便于标准规范地使用。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 计算机软件的便捷、快速，使数字化设计成为未来设计师的主要计算机软件的便捷、快速，使数字化设计成为未来设计师的主要表现手段。表现手段。由于由于PhotoshopPhotoshop和和CorelDRAWCorelDRAW在图像图形处理方面具有独特的艺术在图像图

15、形处理方面具有独特的艺术表现力和多样化功能，且具有灵活表现色彩、细腻光泽和质感、三维透表现力和多样化功能，且具有灵活表现色彩、细腻光泽和质感、三维透视、透明等效果的优势，可轻松实现折叠、透明、晶体状、发光、爆炸、视、透明等效果的优势，可轻松实现折叠、透明、晶体状、发光、爆炸、曲面、按钮、光泽球、水纹、霓虹灯、光晕、膨胀、水滴等特效，能迅曲面、按钮、光泽球、水纹、霓虹灯、光晕、膨胀、水滴等特效，能迅速、便捷、精确地表达设计创意，而使它们成为实现设计创意的主要手速、便捷、精确地表达设计创意，而使它们成为实现设计创意的主要手段。段。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设

16、计计算机辅助标志设计 4.2 4.2 运用运用Photoshop CS4Photoshop CS4绘制标志图形绘制标志图形 设计是创意与制作的完美结合，精确的制作方法是完美呈现设计设计是创意与制作的完美结合，精确的制作方法是完美呈现设计创意的最好途径。我们经常使用创意的最好途径。我们经常使用PhotoshopPhotoshop中的路径工具、钢笔工具、中的路径工具、钢笔工具、形状工具、图层面板和路径面板工具等进行标志的设计与制作。形状工具、图层面板和路径面板工具等进行标志的设计与制作。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 4.2.1 4.2.1

17、 路径工具辅助标志图形设计路径工具辅助标志图形设计 下面以下面以“中国中国20102010年上海世博会志愿者标志年上海世博会志愿者标志”图形设计为实例，图形设计为实例，分析讲解使用路径工具、钢笔工具、选区工具、颜色渐变工具等辅助工分析讲解使用路径工具、钢笔工具、选区工具、颜色渐变工具等辅助工具进行标志制作的过程。具进行标志制作的过程。4-8 4-8 实实例效果例效果 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 1.1.标志释义标志释义 中国中国20102010年上海世博会志愿者标志的主体既是汉字年上海世博会志愿者标志的主体既是汉字“心心”、也是、也

18、是英文字母英文字母“V”V”、又是嘴衔橄榄枝飞翔的和平鸽，与世博会会徽、又是嘴衔橄榄枝飞翔的和平鸽，与世博会会徽“世世”的创意思路异曲同工。在呈现中国文化个性的同时，表达了志愿者的用的创意思路异曲同工。在呈现中国文化个性的同时，表达了志愿者的用“心心”和热和热“心心”。“V”V”是志愿者的英文是志愿者的英文“Volunteer”Volunteer”的首字母，阐的首字母，阐释了标志所代表的群体，赋予其清晰的含义。释了标志所代表的群体，赋予其清晰的含义。飞翔的和平鸽代表上海，也象征和平友爱。橄榄枝则寓意可持续发飞翔的和平鸽代表上海，也象征和平友爱。橄榄枝则寓意可持续发展和希望，传承展和希望，传承“

19、城市，让生活更美好城市，让生活更美好”的世博会主题。彩虹般的色彩，的世博会主题。彩虹般的色彩，迎风飘舞的彩带，是上海热情的召唤。迎风飘舞的彩带，是上海热情的召唤。20102010年，在志愿者的协助下，来年，在志愿者的协助下，来自世界各地的人们融洽地聚集在同一片天空下！自世界各地的人们融洽地聚集在同一片天空下！计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 2.2.操作步骤操作步骤 （1 1）双击）双击Photoshop CS4Photoshop CS4图标，打开图标，打开Photoshop CS4Photoshop CS4工作界面，选工作界面，选择择【

20、文件文件】【新建新建】，或操作键盘，或操作键盘“CTRL+N”,CTRL+N”,新建一个文件，参数新建一个文件，参数设置如图设置如图4-2-34-2-3所示。单击所示。单击“确定确定”按钮，创建一个新的图像文件。按钮，创建一个新的图像文件。4-9 4-9 新建新建项项目目设设置置计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（2 2）单击工作界面右侧的）单击工作界面右侧的“图层图层”面板图标，展开图层面板，单击面板图标，展开图层面板，单击图层面板底部的图层面板底部的“新建图层新建图层”图标，建立图层一。图标，建立图层一。4-10 4-10 图层图层面板

21、面板 4-11 4-11 新建新建图层图层 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（3 3）单击工具面板中）单击工具面板中“钢笔钢笔”工具图标，鼠标转换为钢笔工具，设工具图标，鼠标转换为钢笔工具，设置钢笔工具属性区参数。置钢笔工具属性区参数。4-12 4-12 钢笔钢笔工具工具属属性性栏栏 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 在新建文件上绘制图形的路径。在新建文件上绘制图形的路径。4-13 4-13 钢笔钢笔工具工具节节点点绘绘制制 1 14-14 4-14 钢笔钢笔工具工具节节点点绘绘制制

22、2 2 4-15 4-15 钢笔钢笔工具工具节节点点绘绘制制 3 3 4-16 4-16 钢笔钢笔工具工具节节点点绘绘制制4 4 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 （4 4）展开路径面板工具，双击）展开路径面板工具，双击“工作路径工作路径”图标，弹出对话框，把图标，弹出对话框，把路径命名为路径命名为“logo01”logo01”，单击，单击“确定确定”，保存路径右图所示。，保存路径右图所示。4-17 4-17 工作路工作路径径面板面板 4-18 4-18 保存路保存路径径 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志

23、设计计算机辅助标志设计（5 5）单击路径面板底部）单击路径面板底部“路径转曲线路径转曲线”图标，把路径转换为选区。图标，把路径转换为选区。4-19 4-19 路路径转换为选区径转换为选区 4-20 4-20 路路径转换为选区径转换为选区效果效果 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（6 6）单击菜单）单击菜单【选择选择】【存储选区存储选区】，命名选区为，命名选区为“Logo01”,Logo01”,存存储选区储选区“通道通道”。4-21 4-21 存存储选区储选区面板面板 4-2-22 4-2-22 通道通道设设置置 4-23 4-23 选区载

24、选区载入入 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（7 7）打开通道面板，调入通道）打开通道面板，调入通道“logo01”logo01”选区，选择工具面板中的选区，选择工具面板中的“选择多边形套索选择多边形套索”工具，属性面板设置如图，在选区图形上分割选区。工具，属性面板设置如图，在选区图形上分割选区。存储剩下的图形选区，单击菜单存储剩下的图形选区，单击菜单【选择选择】【存储选区存储选区】，命名选区为，命名选区为“Logo02”,Logo02”,存储选区通道。存储选区通道。4-2-24 4-2-24 分割分割选区选区4-25 4-25 选区选区

25、 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（8 8）鼠标点击）鼠标点击“选区选区”工具，在工作区任意位置单击，释放鼠标选工具，在工作区任意位置单击，释放鼠标选区，展开通道面板，单击区，展开通道面板，单击“logo01”logo01”通道图标载入选区。单击菜单通道图标载入选区。单击菜单【选选择择】【载入选区载入选区】，设置面板参数。单击菜单，设置面板参数。单击菜单【选择选择】【存储选存储选区区】，命名选区为，命名选区为“Logo03”,Logo03”,存储选区通道，图形工作区。存储选区通道，图形工作区。4-26 4-26 通道通道图标载图标载入入选

26、区选区 4-27 4-27 载载入入选区选区面板面板参数设参数设置置 4-28 4-28 图图形工作形工作区区 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（9 9）打开通道面板，调入通道）打开通道面板，调入通道“logo03”logo03”选区，选择工具面板中的选区，选择工具面板中的“选择多边形套索选择多边形套索”工具，属性面板设置如图，在选区图形上分割选区。工具，属性面板设置如图，在选区图形上分割选区。存储剩下的图形选区，单击菜单存储剩下的图形选区，单击菜单【选择选择】【存储选区存储选区】，命名选区为，命名选区为“Logo04”,Logo04”,

27、存储选区通道。存储选区通道。4-29 4-29 分割分割选区选区 4-30 4-30 图图形形选区选区 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 （1010）鼠标点击）鼠标点击“选区选区”工具，在工作区任意位置单击，释放鼠标工具，在工作区任意位置单击，释放鼠标选区，展开通道面板，单击选区，展开通道面板，单击logo03logo03通道图标载入选区，单击菜单通道图标载入选区，单击菜单【选择选择】【载入选区载入选区】，设置面板参数，设置面板参数，【通道通道】【logo04logo04】，【操作操作】【从选区中减去从选区中减去】，单击菜单，单击菜单【选

28、择选择】【存储选区存储选区】，命名选区为，命名选区为Logo05,Logo05,存储选区通道。存储选区通道。4-31 4-31 通道面板通道面板 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（1111）返回图层面板，选择图层一，单击菜单）返回图层面板，选择图层一，单击菜单【选择选择】【载入选载入选区区】，选择载入通道，选择载入通道“logo02”logo02”选区，单击工具面板选区，单击工具面板“渐变渐变”工具图标，工具图标，打开颜色面板拾色器，设置渐变颜色绿色值为打开颜色面板拾色器，设置渐变颜色绿色值为R:0,G:141R:0,G:141，B:70

29、B:70，黄色，黄色值为值为R:213R:213，G:224G:224，B:36B:36，渐变效果如图所示。，渐变效果如图所示。4-32 4-32 选区填选区填色效果色效果 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（1212）释放鼠标选区，新建图层二，载入选区）释放鼠标选区，新建图层二，载入选区logo04logo04，如上一步骤，如上一步骤，设置颜色值为设置颜色值为R:3R:3，G:86G:86，B:166B:166和和R:0R:0，G:176G:176，B:237B:237，渐变效果如图，渐变效果如图所示。所示。4-33 4-33 选区填选区

30、填色效果色效果 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 （1313）释放鼠标选区，新建图层三，载入选区）释放鼠标选区，新建图层三，载入选区logo05logo05，如上一步骤，如上一步骤，设置颜色值为设置颜色值为R:237R:237，G:34G:34，B:37B:37和和R:255R:255，G:21G:21，B:0B:0，渐变效果如图，渐变效果如图所示。所示。4-34 4-34 选区选区最最终填终填色效果色效果 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 4.2.2 4.2.2 图层工具辅助标志图

31、形设计图层工具辅助标志图形设计 图层是图层是PhotoshopPhotoshop最重要的组成部分，不同图层上的图像都是相最重要的组成部分，不同图层上的图像都是相对独立的，并可单独移动、编辑，图层可以自由地加入和删除，各图层对独立的，并可单独移动、编辑，图层可以自由地加入和删除，各图层间的上下层关系可以根据需要自由调整。所以，利用图层编辑和处理图间的上下层关系可以根据需要自由调整。所以，利用图层编辑和处理图像，具有极大的方便性和灵活性。像，具有极大的方便性和灵活性。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 PhotoshopPhotoshop提供了

32、一个图层面板和一个图层菜单工具，选择提供了一个图层面板和一个图层菜单工具，选择【窗口窗口】【图层图层】命令可以调出图层面板，或者按快捷键命令可以调出图层面板，或者按快捷键“F7”F7”也可以调出图也可以调出图层面板。图层面板的构成及属性特征如图所示。层面板。图层面板的构成及属性特征如图所示。4-35 4-35 图层图层面板面板构构成及成及属属性特征性特征计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 图层菜单是用于管理、编辑图层的主要命令图层菜单是用于管理、编辑图层的主要命令菜单。其中包括窗口菜单栏的图层菜单和图层面菜单。其中包括窗口菜单栏的图层菜单和

33、图层面板快捷菜单，这两者命令基本相同，因此利用这板快捷菜单，这两者命令基本相同，因此利用这两个菜单命令都可以实现图层的所有操作。两个菜单命令都可以实现图层的所有操作。4-36 4-36 图层样图层样式面板式面板 4-37 4-37 新建新建图层图层面面 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 下面以下面以UPSUPS标志图形设计为实例，分析讲解使用图层工具、形状工标志图形设计为实例，分析讲解使用图层工具、形状工具、路径工具、图层样式工具、颜色渐变工具、文本工具、图层调整工具、路径工具、图层样式工具、颜色渐变工具、文本工具、图层调整工具等辅助工具

34、进行标志制作的过程。具等辅助工具进行标志制作的过程。4-38 4-38 实实例效果例效果美美国联国联合包裹服合包裹服务务公司公司标标志志计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 1.UPS1.UPS标志释义标志释义 UPS UPS全称全称UnitedParcelServiceUnitedParcelService，中文名是美国联合包裹服务公司。，中文名是美国联合包裹服务公司。UPSUPS最早是最早是1907 1907 年在美国西雅图成立的一家邮递公司，公司一直以年在美国西雅图成立的一家邮递公司，公司一直以“最最好的服务、最低的价格好的服务、最低的

35、价格”为业务原则，在全球拥有很高的知名度和市场为业务原则，在全球拥有很高的知名度和市场占有率。占有率。UPSUPS公司发展到公司发展到20032003年，从包装到物流实现了数字化化管理。为年，从包装到物流实现了数字化化管理。为配合公司的全球化和数字化，采用了新的企业品牌识别系统，标志也随配合公司的全球化和数字化，采用了新的企业品牌识别系统，标志也随之更新，保留了其原品牌标志中之更新，保留了其原品牌标志中“盾牌盾牌”的要素，并创造性地强化了的要素，并创造性地强化了UPUPS S的棕色品牌专属色。今天，使用在其车辆和制服上的这种褐色被称为的棕色品牌专属色。今天，使用在其车辆和制服上的这种褐色被称为

36、“普式褐普式褐”，为，为UPSUPS企业形象树立提供了有力的支持。企业形象树立提供了有力的支持。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 2.2.操作步骤操作步骤 （1 1）双击）双击Photoshop CS4Photoshop CS4图标，打开图标，打开Photoshop CS4Photoshop CS4工作界面，选工作界面，选择择【文件文件】【新建新建】，或操作键盘，或操作键盘“Ctrl+NCtrl+N”，设置参数。单击，设置参数。单击“确确定定”按钮，创建一个名为按钮，创建一个名为“UPSUPS标志标志”的图像文件。的图像文件。4-39 4

37、-39 新建新建项项目目设设置置计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（2 2）设置前景色为深红色（）设置前景色为深红色（R R：5151，G G：1 1，B B：2 2），然后按键盘上的），然后按键盘上的”Alt+Delete”Alt+Delete”键将背景层进行前景色填充，。键将背景层进行前景色填充，。4-40 4-40 前景色前景色填填充充 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（3 3）按）按“ctrl+Rctrl+R”为标尺的快捷键，可看到图像窗口上部和左侧出为标尺的快捷键，可看到图像

38、窗口上部和左侧出现标尺，直接在标尺处点击左键不放拖动即可拖出标尺，把标尺放置在现标尺，直接在标尺处点击左键不放拖动即可拖出标尺，把标尺放置在需绘制的位置上，以此可确定标志的基本轮廓线位置。需绘制的位置上，以此可确定标志的基本轮廓线位置。4-41 4-41 辅辅助助线线的的绘绘制制 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 （4 4）设置前景色为黄色）设置前景色为黄色(R(R：253253，G G：213213，B B：2626），单击工具箱中），单击工具箱中“矩形矩形”工具工具,在属性栏中单击在属性栏中单击“形状图层形状图层”按钮按钮,在图像窗口

39、中绘制矩在图像窗口中绘制矩形图形。图层自动生成为形图形。图层自动生成为“形状形状1”1”。4-42 4-42 使用矩形工具使用矩形工具绘绘制制图图形形 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 （5 5）利用同样方法，单击工具箱中）利用同样方法，单击工具箱中“椭圆形椭圆形”工具，在属性栏中工具，在属性栏中单击单击“形状图层形状图层”按钮，在矩形图形底部绘制椭圆图形。图层自动生成按钮，在矩形图形底部绘制椭圆图形。图层自动生成为为“形状形状2”2”。4-43 4-43 绘绘制制椭圆图椭圆图形形 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算

40、机辅助标志设计计算机辅助标志设计（6 6）单击工具面板中）单击工具面板中“路径路径”工具和工具和“转换点转换点”工具，调整所绘制工具，调整所绘制图形的形状及位置，最终得到标志的外轮廓。图形的形状及位置，最终得到标志的外轮廓。4-44 4-44 图层图层面板外面板外轮轮廓廓 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（7 7）在）在“图层图层”面板中选择面板中选择“形状形状1”1”图层，按图层，按“Ctrl”Ctrl”键单击键单击“形形状状2”2”图层，点击右键选择合并图层，将其转换为普通图层命名为图层，点击右键选择合并图层，将其转换为普通图层命名为

41、“形形状状1”1”，按键盘上的，按键盘上的“Ctrl+;”Ctrl+;”键，隐藏参考线。单击工具面板键，隐藏参考线。单击工具面板“渐变渐变工具工具”图标，打开颜色面板拾色器，设置渐变颜色值依次为（图标，打开颜色面板拾色器，设置渐变颜色值依次为（R:252R:252，G:228 G:228，B:0B:0）；（）；（R:253R:253，G:251G:251，B:197B:197）；（）；（R:248R:248，G:159G:159，B:B:0 0）；（）；（R:245R:245，G:131G:131，B:0B:0）制作图形渐变效果。）制作图形渐变效果。4-45 4-45 图层图层面板面板颜颜色色

42、显显示示 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（8 8）选择菜单）选择菜单【图层图层】【新建新建】【通过拷贝通过拷贝】的图层，或者按的图层，或者按快捷键快捷键“Ctrl+JCtrl+J”,”,复制复制“形状形状1”1”图层图层,命名为命名为“内轮廓图形内轮廓图形”，单击，单击“内轮廓图形内轮廓图形”图层，按快捷键图层，按快捷键“Ctrl+TCtrl+T”,”,调入缩放命令调入缩放命令,在工具属性在工具属性栏中栏中,设置如图属性参数，按设置如图属性参数，按“Enter”Enter”键。键。4-46 4-46 缩缩放工具放工具属属性性栏栏计算机辅

43、助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（9 9）锁定当前层透明像素，单击工具箱）锁定当前层透明像素，单击工具箱“渐变工具渐变工具”图标，打开颜图标，打开颜色面板拾色器，设置渐变颜色值依次为（色面板拾色器，设置渐变颜色值依次为（R:228R:228，G:199 G:199，B:164B:164）；）；（R:79R:79，G:28G:28，B:7B:7）；（）；（R:54R:54，G:12G:12，B:0B:0），设置），设置“内轮廓图形内轮廓图形”图层渐变效果。图层渐变效果。4-47“4-47“内轮内轮廓廓图图形形”图层渐变图层渐变效果效果 计算机辅助平

44、面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计（1010）按键盘上的）按键盘上的“Ctrl+Ctrl+；”键，显示参考线，调整参考线位置，点选工键，显示参考线，调整参考线位置，点选工具箱路径工具，在图形上勾勒路径图形。具箱路径工具，在图形上勾勒路径图形。4-48 4-48 勾勒路勾勒路径图径图形形 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 按快捷键按快捷键“Ctrl+EnterCtrl+Enter”,”,转路径为选区，确认转路径为选区，确认“内轮廓图形内轮廓图形”图层图层为当前选择层，将其进行为当前选择层，将其进行“

45、Delete”Delete”删除，修改内轮廓图形，释放选区，删除，修改内轮廓图形，释放选区，按键盘上的按键盘上的“Ctrl+Ctrl+；”键，隐藏参考线。键，隐藏参考线。4-49 4-49 删删除后的除后的图图形形 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计(11)(11)确认确认“形状形状1”1”为当前工作图层，单击图层面板底部为当前工作图层，单击图层面板底部“添加图层添加图层样式样式”按钮图标，或选择按钮图标，或选择【菜单图层菜单图层】【图层样式图层样式】，打开图层样式，打开图层样式面板，选择分别设置描边、斜面和浮雕样式，设置参数。同样方法为面

46、板，选择分别设置描边、斜面和浮雕样式，设置参数。同样方法为“标志外轮廓标志外轮廓”图层添加样式，选择描边图层添加样式，选择描边,设置参数。设置参数。4-50 4-50 描描边设边设置置 4-51 4-51 斜面和浮雕斜面和浮雕设设置置 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计(12)(12)右击右击“形状形状1”1”图层，在弹出菜单里选择图层，在弹出菜单里选择“拷贝图层样式拷贝图层样式”，选，选择择“内轮廓图形内轮廓图形”图层为当前层，点击右键，在弹出菜单里选择图层为当前层，点击右键，在弹出菜单里选择“粘贴粘贴图层样式图层样式”。4-52 4-5

47、2 粘粘贴图层样贴图层样式式 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计(13)(13)在工具箱中选择在工具箱中选择“横排文字工具横排文字工具”，在选项栏中选择，在选项栏中选择“UPS Sans UPS Sans Bold”Bold”字体（如没有此字体可在网络下载装入字体库内），调整文字大字体（如没有此字体可在网络下载装入字体库内），调整文字大小间距等参数。小间距等参数。4-53 4-53 文字文字属属性性栏栏 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计(14)(14)选择选择“文字图层文字图层”为当前

48、工作层，单击右键栅格化文字图层，锁为当前工作层，单击右键栅格化文字图层，锁定定“透明像素透明像素”图标，单击工具箱图标，单击工具箱“渐变工具渐变工具”图标，设置相应渐变颜图标，设置相应渐变颜色，文字呈现渐变效果。色，文字呈现渐变效果。4-54 4-54 文字文字渐变渐变效果效果 计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计(15)(15)选择选择“内轮廓图形内轮廓图形”图层为当前层，点击右键，在弹出菜单里选图层为当前层，点击右键，在弹出菜单里选择择“拷贝图层样式拷贝图层样式”，选择，选择“UPS”UPS”文字图层为当前层，点击右键，在文字图层为当前层

49、，点击右键，在弹出菜单里选择弹出菜单里选择“粘贴图层样式粘贴图层样式”，调整参数设置。完成，调整参数设置。完成UPSUPS标志制作。标志制作。4-55 4-55 图层样图层样式式参数调参数调整整4-56 4-56 最最终终效果效果计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 4.34.3 运用运用CorelDRAWCorelDRAW X3 X3绘制标志图形绘制标志图形 4.3.1 4.3.1 贝塞尔曲线辅助标志图形设计（以奔驰汽车标志图形为贝塞尔曲线辅助标志图形设计（以奔驰汽车标志图形为例）例）绘制一些标志设计的图形元素就要用到绘制一些标志设计的图形

50、元素就要用到CorelDRAWCorelDRAW X3 X3中的一些中的一些“贝贝赛尔曲线工具赛尔曲线工具”、“椭圆形工具椭圆形工具”、“形状工具形状工具”、“交互式阴影工交互式阴影工具具”、“渐变填充工具渐变填充工具”、“修剪修剪”命令、命令、“对齐对齐”和和“分布分布”命令等。命令等。计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 1.1.实例效果。实例效果。4-57 4-57 实实例效果例效果 奔奔驰驰汽汽车标车标志志计算机辅助平面设计计算机辅助平面设计第第4 4章章 计算机辅助标志设计计算机辅助标志设计 2.2.操作步骤操作步骤 （1 1）先将