作者：李蓬斯
出版社：数字艺术出版分社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Photoshop & Illustrator平面设计火星课堂试读：
作者简介
李蓬斯平面视觉设计师，现居住英国伦敦，在国内时一直专注于平面图形图像的研究与创新，后赴英国求学。获卡迪夫大学 (Cardiff university) 硕士，在读伦敦大学经济系博士。曾供职于英国 Idn 杂志（IdN MAGAZINE），CA（Computer Arts),英国环境部门食品与野外事物所（Department for Environment,Food and Rural Affairs）。序
还在读高中的时候,每每看到书籍、杂志及报纸上的精美的图文版面时总会有些疑问，想着这些东西是如何编排上去的，是用手工还是计算机的软件进行操作的？后来当自己亲身从事平面设计这一大领域之后，开始对平面设计这一术语有了清晰的了解。
平面设计是个比较大的门类，深入到我们生活的边边角角，从早上吃的面包和牛奶的包装到天上飞机的外部标识都是平面设计的范畴。从艺术专业的角度来讲，平面设计是学习艺术专业的基础课程，是应用最广泛的一种视觉艺术。对于想要进入设计行业的人而言，掌握平面设计的知识与技能是从业的必经之路。
在国内从业几年之后有幸到英国继续学习，从而学习到了国外较为领先的一些设计理念及表现手法。在伦敦的几年学习中，我发现英国人对于设计软件的掌握和我们有很大的区别，他们更注重的是“使用最少的软件化操作来达到原本设想的效果”，没有过多的心思花费在研究软件所有的功能上。他们的出发点是掌握软件的基本操作，把自己常用到的功能熟练掌握，其余的时间都是在思考整个画面的表达效果。包括在英国的CA杂志工作的时候，他们的CD及美术编辑在创意过程中不断地给我灌输一种思维：“形式与功能要符合审美法则，要合乎版面的构成法则”。如一款字体不同的属性就会表达出不同的情感，在本书中也讲到了中英文在软件中不同属性呈现出截然不同的效果。
由于平面设计项目范畴的缘故，使用频率比较高的软件就是Photoshop和Illustrator。软件版本在不断升级，有些设计师在使用最新的版本，有的则还在使用较老的一些版本。CA的一个美术编辑现在还在使用Photoshop CS3,但是这并不影响他创作出众的作品。所以使用哪一个版本的软件就不是那么重要了，适合自己是一个基准点。
在编著这本书的时候对于结构的布局也做了一些深入的考虑，是全案例为好？还是以理论加上实际的商业案例为好？在火星时代图书部经理李才应的建议下，决定以理论配合商业案例进行讲解。篇章的安排也由浅入深，由基础的文字、色彩、版面无缝结合软件的操作开始，然后是如何实现商业案例中的那些效果；在操作上也尽量使用较少的步骤和较基础的功能去完成项目案例。如在“芭蕾文字海报”章节中以较少的步骤完成了图片素材的抠图和调整，标题文字的添加和处理也只是用到最常用的钢笔和图层蒙版工具。
在这里非常感谢火星时代图书部经理李才应给我的大力支持，同时也要感谢给予很大帮助火星时代的美术编辑张仁伟、图书编辑贾培莹、陈静等，没有他们的帮助本书不可能顺利出版。
由于时间有限，本书难免有不足和疏漏之处，希望大家批评指正并给予谅解。编者2013年12月
内容安排
本书共 12章，秉承火星时代图书结构严谨、讲解细腻的风格，贯彻"授人以鱼，不如授之以渔"的理念, 对 Photoshop&Illustrator在平面设计中的应用进行了详细的讲解，以“技术要点 + 实例”为主线，既向读者介绍了理论，又通过实例的讲解，使读者掌握实际的操作技术。· Photoshop&Illustrator平面设计火星课堂· 内文阅读说明
本书对Photoshop&Illustrator在平面设计中的应用进行了详尽、细致的讲解，并安排了技巧、提示、小知识和说明等提示，具体说明如下。【技巧】
应用命令时的一些实用技巧
Illustrator中的制作小技巧
混合工具的妙用：在Illustrator的众多工具选项中，混合工具可以用来制作非常有意思的一些图形、文字以及颜色的各种混合效果，就像油画调色板一样，不同的颜色在这里有了恰到好处的混合。下面用一个简单的例子进行说明，如下图所示。【注意】
应用命令时需要注意的事项
注 在钢笔工具激活的状态下，按住键盘Ctrl键就可以直接转换为直接选择工具，方便我们移动锚点；按住键盘Alt键可以直接转换为转换点工具，方便我们调整每个锚点的贝塞尔曲线手柄。· 光盘说明本书视频教学光盘内容安排如下。1DVD 通过部分案例教学及补充教学来讲解Photoshop&Illustrator在平面设计中的应用。第1章理论必备:平面设计WHAT IS GRAPHIC DESIGN什么是平面设计？有时许多朋友会问我，平面设计师究竟是一个什么样的职业，是否是指美工或绘图师？又该如何定义平面设计？平面设计（Graphic Design）：大多数的时候泛指具有艺术性和专业性，以“视觉”作为沟通和表现的方式。运用不同的方式来创造符号、图片和文字，用来传达想法、创意或信息的一种视觉表现。平面设计师运用不同形式的字体、创意视觉形式、版面（page layout）等方面的专业技法，来表现创作的目的。平面设计一般可指构思（设计）的过程，以及最终完成的作品。我们每天的工作、生活都离不开平面设计，从早餐时喝的袋装或者瓶装牛奶、果汁，到搭乘交通工具时使用的公交卡，再到阅读的报刊、杂志等，都能见到平面设计的身影，如下图所示。1.1平面设计的发展简史
平面设计的起源是人类社会走向文明的象征。在人类原始生活逐步走向文明的起始阶段，人与人之间的交流不断发展，这就要求将自身的思想感情用符号的形式来表达。从历史资料记载的结绳记事演变到图形符号，标志着人类历史上文明进程中的大转折。在文字出现以前，人类就是依据各种图形符号进行记事与交流，直至图形演变为简单的文字，其中包括世界三大古老文字：中国的甲骨文、两河流域的楔形文字，以及埃及的象形文字，如下图所示。三大古老文字成为如今世界文字的发展源头。可以说，文字的出现为日后平面设计的发展奠定了最原始的基础条件。
历史不断向前发展，中国四大发明中的两项：蔡伦发明的造纸术和毕升发明的印刷术，为世界平面印刷事业的进步起到了积极的推动作用，为世界文化文明的发展做出了重要的贡献，同时也为平面设计的传播奠定了技术和物质基础。
1450年，古腾堡的活字印刷术让书籍在欧洲地区开始广泛普及。阿图斯·曼纽修斯（Aldus Manutius）发明的书籍结构成为西方出版设计的基础,这个年代的平面设计被称为人文主义（Humanist）或旧式风格（Old Style）。
平面设计的转折与发展
16世纪末至17世纪的文艺复兴时期，达·芬奇、米开朗基罗和拉斐尔完善并应用了设计基本原则，使它们延续至今，仍为我们所使用。当然，这些概念毫无创意可言，因为它们起源于经典的古希腊和古罗马的艺术与建筑。但是，那些文艺复兴的天才艺术家们将这些设计原则变为一股势不可挡的艺术创意之源，至今仍激发着平面设计师与其他领域的艺术家们。巴洛克，一种更为华丽的艺术语言，代表了18世纪及19世纪早期欧洲的艺术形式。它以曲线造型、戏剧性的光影和丰富的色彩为基本特征，在舞台设计、建筑、绘画、室内设计、雕塑及印刷品设计领域中，绚丽的风格随处可见。巴洛克风格引发了一种更浓艳、更奢华、更优雅的洛可可风格，它源于巴洛克的法国艺术风格，更具戏剧性、更精巧、更具装饰性。印刷材料也再一次接受了这种极尽修饰的风格。达·芬奇的作品《维特鲁威人》
1849年，亨利·柯尔（Henry Cole）成为英国平面设计教育界的重要人物，他在自己的《设计与制造杂志》（Journal of Design and Manufactures）中向政府传达设计的重要性，如下图所示。他为了庆祝当代工业科技和维多利亚风格设计而举办了万国工业博览会。
在1892年至1896年，威廉·莫里斯的凯尔姆斯科特出版社（Kelmscott Press）出版的多本书籍被视为工艺美术运动中最重要的平面设计产品，这些书籍有着非常精致的视觉风格，并且以生活富裕的人们为销售对象，也为出版社带来了可观的收益。莫里斯证明了平面设计商业市场的存在，使平面设计从制造工业和美术领域中分割出来。凯尔姆斯科特出版社的作品以具有历史的风格为特色，如下图所示，这种风格深刻影响了当时一成不变的平面设计形式。凯尔姆斯科特出版物的正文版面
在19世纪晚期的欧洲，特别是英国，开始将平面设计从美术（fine art）领域中分割出来。1919年，德国人瓦尔特·格罗皮乌斯（Walter Gropius）在德国魏玛创办了包豪斯设计学院，该学院根植于系统的视觉元素及其应用，提供了全方面的艺术课程，从根本上违背了传统艺术结构的美学信条。包豪斯学院十分赞同与推崇形式服从于功能的理念，他们认为艺术、工艺品、设计、摄影、雕塑、建筑，以及其他美术形式应该合而为一。因此，包豪斯在建筑、家具和平面设计上的风格是简洁的、朴素的、注重实效的如下图所示。平面设计在包豪斯学院的推动下繁荣起来。包豪斯风格的平面设计
皮特·蒙德里安被誉为“平面设计之父”。他是一位艺术家，但他在格子（grids）上的使用启发了今天广告、印刷和网页版面所使用的现代格线系统（modern grid system），其特征包括以下几个方面。
• 将一个栅格系统应用于各类编排中——从报纸到广告设计。
• 不对称的布局（仔细观察你所阅读的报纸版面）。
• 整齐、有序地安排所有排版部件。
• 简洁，没有多余的装饰。
• 用比例、方形、线条及色块划分空间，如下图所示。皮特·蒙德里安的作品《构图》
第二次世界大战的爆发，使大批的欧洲现代平面设计师逃亡到了美国，因而把欧洲的现代平面设计介绍到了美国，促进了美国现代主义平面设计的发展，于是出现了美国最早的现代平面设计队伍。这些美国设计师在欧洲现代主义基础上从事平面设计，逐渐有了自己独特的风格特点，并形成了所谓的“纽约平面设计派”，代表人物有保罗·兰德（Paul Rand，1914～1996），他是美国“纽约平面设计派”最重要的奠基人之一。兰德的设计构图严谨、几何图形线面简洁，拒绝了无谓的形式，而独求平面艺术的真谛，承袭着由包豪斯倡导的现代派设计理念和美学原则。为了将20世纪上半叶包豪斯倡导的设计哲学和理性之美，切实应用到商业美术中，他付出了毕生的精力。在设计艺术发展历史上，兰德的贡献不单是创作了一幅幅具有强烈现代感的平面作品，而是把一个新的设计文化提高到了理论上的高度，他在视觉设计方面的建树和前卫精神对整个平面设计领域而言，影响巨大而深远。代表作品有IBM标识系统等，如下图所示。
美国工业设计之父雷蒙德·罗维（Raymond Fernand Loewy，1893～1986），作品：Exxon标识、壳牌石油标识等，如下图所示。
当然，在现代平面设计领域涌现了众多的设计大师，我们在这里也只是简单列举了其中几位，还有更多我们熟知的设计大师，如德国现代设计之父彼得·贝伦斯（Peter Behrens），开创了现代公司识别计划系统的先河；日本的平面设计教父福田繁雄；享誉全球的平面设计大师冈特·兰堡等，他们为当代商业平面设计的繁荣与发展起到了中流砥柱的作用。1.2平面设计的基本要素
平面设计的基本要素包含3个方面：创意、构图（结构、素描）和色彩。任何一幅平面设计作品都有其自身的属性要素，如使用了什么样的创作手法，是如何组成的，运用了哪些色彩? 这3个要素是不可分割的。1.3平面设计的几点原则
我们每天都会阅读很多内容，如纸质的报刊、杂志、图书等，还有新媒体形式的电子读物等。如果所有的资讯内容看上去都井然有序，那么我们也不会特别在意它背后的设计感。很少人会注意到点击率超高的网络资讯和非常畅销的杂志，其内容版面是如何编排的，色彩搭配是如何调节的。往往好的设计就是这样的，不仅经常是虚无的，而且这些设计作品对于平衡等设计原则的运用也不会被大多数人所注意。当然，我们对于美的追求和判断也有相当大的差异，当我们阅读到一个编排混乱的内容版面时，第一反应会觉得它没有被精心设计过。
平面设计中有5项基本的设计原则，分别是平衡、比例、秩序、强调和统一。乍一看，像是一个哲学的辩证词组，但它们之间又有着密不可分的内在关联。下面对这几个原则简单进行介绍。
平衡
从日常生活层面上来讲，平衡就像我们走路、骑车时所讲的“平衡”一样，是同一个概念，是指将内容版面上的各种元素信息按照某种方式进行排列，使整个版面趋于稳定、协调，没有左右摇晃，即将倾覆的感觉，如下图所示。
比例
在讲比例之前需要讲述的就是我们日常生活工作中最常见到的形状——矩形，它存在于我们的书籍、报刊、信函、户外广告中等。这些产物都是以矩形为基本版面布局而构建的，接下来的步骤就是决定外观和版式，以及如何在版式中进行空间上的分割。通常最佳的页面尺寸是长度和宽度的比例是1.5，这种“黄金矩形”在设计结构中占有绝对的主导地位。黄金分割比例是1:0.618或1.618:1，在优秀的版面构成中，图片和文字区域的比例都会按照“黄金分割”法则构建。
斐波那契螺旋是黄金螺旋线的近似表达，如下图所示。
下图中的图形所占空间与文字区域所占空间的比例正好是黄金分割的比例。苹果iCloud图标的黄金比例分割
秩序
想象一下，把自己看作是交通红绿灯。作为平面设计师，我们的确应该负责引导购买者人群或读者在阅读我们设计的各种读物时，通过对信息元素合理安排和版面的构建，在版面上呈现出完美的秩序，如下图所示。
强调
简单地讲，强调的关键在于突出重点。
看看我们身边的各种信息来源——杂志封面、报刊头版、网站头条、电影画面、广告等。什么要素最先映入眼帘？一般而言，就是设计师们想方设法让我们最先看到的东西。这是强调的简单定义，即突出、强化版面或画面中的一个要素。
统一
顾名思义，统一是指版面中的所有元素能全面凝聚和融合。标题文字、正文、图片和页面上的其他组成部分，以及设计细节都该自成一体、协调统一，因为统一能维持出版物的连贯性。1.4商业平面设计的应用范围
关于分类问题，每个行业看待分类都有自己的一个大致标准，有人说商业平面设计包括字体设计、标志设计、CI设计、名片设计、广告设计（路牌、招贴）、书籍装帧设计、包装设计（软包装、硬包装）、展示陈列、媒体（多媒体）设计等；也有人将其划分为传统平面设计和新媒体平面设计。目前一些4A广告公司和一些专业的设计公司基本将商业平面设计大致分为以下3类。
传统类，包含品牌策略、品牌形象设计、期刊、杂志、报业等。
产品相关类，包含产品的整体规划创意、宣传推广、影视作品推广与包装等。
新媒体形式，包含数码视觉、网络相关设计等。第2章技能必备：Photoshop & Illustrator2.1平面设计的“利器”
这里借用 Adobe 的官方诠释来阐述这个平面设计的“利器”：Photoshop CS6 软件具备先进的图像处理技术、全新的创意选项和极快的性能;借助新增的“内容识别”功能进行润色并使用全新和改良的工具和工作流程创建出出色的设计和影片;体验无与伦比的速度、功能和生产效率;全新、优雅的界面提供多种开创性的设计工具 ，包括内容感知修补、新的虚化图库、更快速且精确的裁剪工具、直观的视频制作等。
Adobe Illustrator CS6 软件经历了从内到外的重建，处理复杂文件时速度更快、更加直观，而且具有坚如磐石的稳定性。现在用户创建和编辑图案的效率可提高75%。只需单击几下，即可自动收集所有的生产文件。使用全新的精简界面，工作更迅速、更有效率。有了 Illustrator CS6，能更快地实现用户的创意。2.2平面设计中软件的常用设置
在使用Photoshop与Illustrator进行平面设计时，首先要对软件做一些常用的设定，这对于我们建立文档、操作文档、最终输出都是非常必要的。
首先了解一下Photoshop的一些基本设定，包含软件外观参数、单位尺寸、处理性能等选项的设置。尤其在最新的CS6版本中，由于新增加了很多功能选项，所以就更加有必要对软件做一个优化，以提升工作效率。
下面这张图是 Photoshop CS6 Extended 的启动界面，Photoshop CS6 Extended 软件具备了最先进的图像处理技术、全新的创意选项和极快的性能，并使用全新和改良的工具和工作流程直观地创建3D图形、2D图形和整部电影。相比以往的版本，这有了巨大的改观，从外在到内在都实实在在带来全新的体验。当然，在处理平面设计工作的时候，并不需要掌握这个软件的所有功能，只需要熟悉并掌握常用的工具选项，将主要的精力集中在作品的构思和绘制上，直到最终稿件的完成。毕竟软件只是工具，就像我们在长跑时能有一双合脚的跑鞋，伴随我们稳定高效地走向远方。建议不管是初学者还是行业从业者不要把所有时间都耗费在研究软件上。
认识界面
我们来认识一下 Photoshop CS6 的主要工作区，下图是默认的工作区亮度，如果要改变颜色的亮度显示，可以直接在“编辑 > 首选项 >界面”部分中选择颜色主题色板，如下图所示。
注
要快速地减小亮度，按Shift +1键；要增加亮度，按Shift+2键，4种亮度如下图所示。
注
如果要改变默认的背景色，只需在处理文档的默认窗口边界内单击鼠标右键，选择预设的几种背景颜色即可，也可以自定颜色，如下图所示。
或者使用工具栏中的“油漆桶工具”，在颜色切换面板中选择需要的颜色，比如选择一种红色，在工作窗口的蓝色区域按住Shift键，单击鼠标左键就能改变背景色，如右图所示。
接下来了解一下界面布局，如下图所示。
1.软件菜单栏，2.“控制”面板，3.工作区切换器，4.“工具”面板，5.选项卡式“文档窗口”，6.垂直停放的面板组。
·“工具”面板包含用于创建和编辑图像、图稿、页面等元素的工具。相关工具将进行分组。
将鼠标指针放在大多数工具和选项上时，默认情况下会在工具提示中显示相关说明。如果用户认为工具提示会分散视觉注意力，则可以将它们隐藏。
在“界面首选项”中取消选择“显示工具提示”。
注
试读结束[说明：试读内容隐藏了图片]