作者：创锐设计
出版社：机械工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Photoshop+Illustrator平面设计案例实战从入门到精通：视频自学全彩版试读：
前言
计算机技术在平面设计中的应用不仅大大节约了设计时间，而且为设计师提供了更大的创意空间和创作自由度。平面设计的应用软件种类繁多，其中备受设计师青睐的是Adobe公司出品的Photoshop和Illustrator，两者可以“亲密无间”地协作，快速设计出精美的作品。本书即是一本讲解Photoshop和Illustrator在商业平面设计实务中结合应用的案例型教程。◎内容结构
全书共11章，可分为3个部分。
★第1章讲解平面设计的基础知识，包括平面构成与平面设计的基本理论、位图与矢量图的概念、文件格式等知识。
★第2章讲解Photoshop和Illustrator的必备技能，先介绍两者的主要功能和界面构成，再讲解新建和打开文件、调整图像和画板大小、存储和导出文件、文件内容的交换等基本操作。
★第3～11章选取具有较强代表性的商业平面设计案例进行详细解析，涵盖VI设计、广告设计、招贴设计、插画设计、包装设计、书籍封面设计、画册设计、移动UI设计、网页设计。案例的题材多样、创意独特、风格各异，能够帮助读者提高综合设计能力。◎编写特色
★案例典型，学以致用：本书通过精心设计，将知识点融入贴近实际商业应用的典型案例中，让学习过程变得轻松、不枯燥。书中还穿插了许多从实践中总结出来的“技巧提示”，让读者在掌握软件操作的同时汲取专业设计人员的工作经验，快速提高实战能力。
★视频教学，轻松自学：本书配套的云空间资料提供所有案例的相关文件和操作视频。读者按照书中讲解，结合文件和视频边看、边学、边练，学习效果立竿见影。
★扩展练习，巩固所学：第3～11章的末尾提供了课后练习题，并且每道题都有操作技术要点的提示。读者可以回顾前面所学的内容，根据提示完成练习，检验并巩固自己的学习效果。◎读者对象
本书适合广大Photoshop和Illustrator初级、中级用户，以及有志于从事平面设计、插画设计、包装设计、网页设计等工作的人员阅读，也可作为培训机构、大中专院校相关专业的教学辅导用书。
由于编者水平有限，在编写本书的过程中难免有不足之处，恳请广大读者指正批评，除了扫描二维码关注订阅号获取资讯以外，也可加入QQ群736148470与我们交流。编者2019年4月
如何获取云空间资料
一 扫描关注微信公众号在手机微信的“发现”页面中点击“扫一扫”功能，如右一图所示，进入“二维码/条码”界面，将手机对准右二图中的二维码，扫描识别后进入“详细资料”页面，点击“关注”按钮，关注我们的微信公众号。二 获取资料下载地址和密码
点击公众号主页面左下角的小键盘图标，进入输入状态，在输入框中输入5位数字“62819”，点击“发送”按钮，即可获取本书云空间资料的下载地址和访问密码。三 打开资料下载页面
方法1：在计算机的网页浏览器地址栏中输入获取的下载地址（输入时注意区分大小写），如右图所示，按Enter键即可打开资料下载页面。
方法2：在计算机的网页浏览器地址栏中输入“wx.qq.com”，按Enter键后打开微信网页版的登录界面。按照登录界面的操作提示，使用手机微信的“扫一扫”功能扫描登录界面中的二维码，然后在手机微信中点击“登录”按钮，浏览器将自动登录微信网页版。在微信网页版中单击左上角的“阅读”按钮，如右图所示，然后在下方的消息列表中找到并单击刚才公众号发送的消息，在右侧便可看到下载地址和相应密码。将下载地址复制、粘贴到网页浏览器的地址栏中，按Enter键即可打开资料下载页面。四 输入密码并下载资料
在资料下载页面的“请输入提取密码”下方的文本框中输入步骤2中获取的访问密码（输入时注意区分大小写），再单击“提取文件”按钮。在新页面中单击打开资料文件夹，在要下载的文件名后单击“下载”按钮，即可将其下载到计算机中。如果页面中提示选择“高速下载”还是“普通下载”，请选择“普通下载”。下载的资料如为压缩包，可使用7-Zip、WinRAR等软件解压。
提示：读者在下载和使用云空间资料的过程中如果遇到自己解决不了的问题，请加入QQ群736148470，下载群文件中的详细说明，或找群管理员提供帮助。第1章 平面设计基础
平面设计是一门历史悠久、应用广泛的视觉艺术形式，是现代社会中其他各类设计的基础。它通过各项基本元素在二维空间的构成，体现出艺术设计的博大精深和无限创意。计算机技术、网络技术和数码技术的发展，逐渐打破了以往的平面设计法则，使平面设计的各个流程都发生了翻天覆地的变化，让平面设计拥有了更大的想象空间和创作自由。因此，要想学好平面设计，除了需要了解平面设计的概念和构成要素等基础理论外，还需要掌握一些基本的计算机图形图像知识。本章就来详细讲解学习平面设计必备的基础知识。1.1 认识平面设计与平面构成
现代设计门类繁多，包括平面设计、工业设计、建筑设计、室内设计、动画设计等。这些设计门类各自有着独特的创意手法，但它们都有三个共同的根基——平面构成、色彩构成、立体构成。本节将讲解平面设计与平面构成的基本概念，以及平面构成的基本要素。1.1.1 平面设计与平面构成的基本概念
平面设计是一种以视觉媒介为载体，向大众传播信息的造型性活动，以其独特的艺术性、专业性在设计领域享有一定的地位。读书、看报、上网、逛街等社会活动都与平面设计有着千丝万缕的联系。
平面构成是把视觉元素在二维平面上按照美的视觉效果和力学原理进行编排和组合，从最纯粹的视觉审美和视觉心理的角度寻求组成平面的各种可能性和可行性，是关于平面设计的思维方式和方法论，所以又可以说平面设计是平面构成的具体应用和实施。
平面构成与平面设计的关系如下图所示。
平面构成按其研究的性质和特点可以分为自然形态构成和抽象形态构成两大类。其中以自然形态为素材，保持原来形象的基本特征，对动物、植物、工艺品等各种形态的结构、形式和秩序等进行模仿的构成即为自然形态构成，如下左图所示；抽象形态构成则是指以自然规则与运动规律为主线，利用点、线、面等形态，组合成多种几何形象的构成，如下右图所示。抽象形态构成是平面构成中最为常见的构成形式，能给人以无穷的想象空间。
平面构成作为设计的一种思维方式和基础理论，在实际的设计过程中具有极强的扩展性，将其与富有抽象性和形式感的表现形式相结合，可创作出别具一格的画面效果。一套正确且完整的平面设计思维流程，首先应当通过理性的分析得到一个抽象的概念，然后在运用中将之具象化后再深入分析、扩展，最后达到成熟阶段，如右图所示。
在实际的设计运用时，需要对视觉的艺术语言有更加深入的了解，要了解造型观念，熟练掌握各种构成技巧和表现方式。只有培养出审美观、提升了美学修养，才能真正地提高创作意识和设计能力，活跃构思，创作出更有感染力的作品。1.1.2 平面构成的基本要素
在平面构成中，视觉思维是不可能凭空产生的，它一定是通过各种抽象或具象的图形、文字、符号来传达的。这种思维无论是理性的，还是感性的，都建立在对点、线、面，或图形、文字、色彩等视觉元素的研究和探讨的基础上。因此，我们把平面构成的视觉元素分为理性视觉元素和形象视觉元素。其中理性视觉元素包括点、线、面，形象视觉元素则包括图形、文字和色彩，如下图所示。
1．理性视觉元素
点、线、面是构成平面设计的理性视觉元素，也是视觉艺术和商业设计中不可缺少的元素，它们的存在构成了富有智慧美的视觉体系，在平面设计中具有无穷无尽的表现力和感染力。在设计中综合运用点、线、面，可形成一定的视觉语言，激发人们的思想和情感。在千变万化的视觉空间里，点、线、面是相互依存、相互作用的，它们在设计构图中讲究一定的比例关系、分割关系、构图关系等。只有当点、线、面的位置、大小、形状、疏密等做到统一协调后，才能创造出具有艺术价值和令人赏心悦目的设计作品。
点是平面设计构成中最具有变化潜力的视觉元素，作为造型元素中的最小单位，在表现时没有严格的限定，可以是一个文字、一个符号或一个图形等。在平面设计中利用点的数量、位置、形态等进行不同的编排和组合，能给人带来不同的视觉体验和情感触动。如右图所示的作品将无数图形作为点，通过叠加、堆积、聚合的方式使画面具有韵律感。
线是点的延伸，也是平面设计中的重要构成元素，其具有一定的视觉牵引功能，能让人感受到强烈的空间感。在平面设计中，线随着方向的不断变化会呈现出不同的视觉效果。因为线在构成中可以有长短、粗细、曲直的变化，所以线的不同造型会给人以很大的差异感。例如：线的粗细变化可以产生远近效果；线的曲直变化会产生坚硬感和柔软感等。如右图所示的作品通过指示线条突出了商品的卖点，简单而富有设计感。
面是线移动的轨迹，具有长、宽两度空间，且具备点和线的一切特征。对于平面设计而言，面是用于协调图案关系的重要元素，有叠加、切割、削弱等功能，可以平衡空间内的正负感。面在造型中所形成的各种形态，是设计基础中的重要形态因素，它使平面设计的样式变得更加丰富多变。如右图所示的作品即利用不同比例的图形分割画面，使画面具有较强的视觉形式美。
2．形象视觉元素
图形、文字和色彩作为构成平面设计的形象视觉元素，在平面设计中具有不同的功能与表现形式。
而三者的有机结合应用，可有效地突出平面设计的主题，彰显平面设计的创意内涵，给予受众完美的视觉体验，从而发挥出平面设计的艺术效果和信息传递作用。
在平面设计中，图形作为重要的构成元素，主要以手绘、图像及符号的形式具体展现，它能有效且迅速地抓住受众的视线，产生瞬间视觉冲击力，起到迅速、直观、准确的宣传作用。如下左图所示的作品利用不同颜色的鞋子图像进行展示，将网站销售的商品直观地呈现在消费者面前，具有较高的识别性；如下右图所示的宣传海报为了突出活动的主题，使用了学士帽、彩旗等进行具体展现，如此既能激起同学们的毕业情怀，也能起到很好的宣传作用。
文字是情感交流与信息传递的重要媒介，也是平面设计中非常重要的形象视觉元素。合理地运用文字进行平面设计，可以增强视觉传达效果，提升艺术审美价值。在平面设计作品中添加文字时，要注意文字的可读性和合理性，避免不合适的文字降低作品质量。下面两幅图所示的作品即通过添加文字完善了设计效果，同时深化了作品要表现的主题思想。
相对于平面设计中的图形要素和文字要素而言，色彩所具有的感染力和视觉冲击力更加突出。色彩对于“美”的传递与展现更为直观，不同的色彩搭配、排列、融合，都将带给人不同的视觉体验和情感体验，使受众通过色彩感知平面设计所蕴含的设计创意。进行平面设计时，可以通过色彩的典型性和代表性来传递信息，表现设计主题，如红色代表热情、温暖，黄色代表明快、辉煌，紫色代表高贵、典雅等。下左图所示为某家居用品店的网页设计，其通过调整色彩的纯度和明度，营造了温馨的家居氛围；下右图所示的地产广告选用沉稳的黑色和深褐色为主要配色，以烘托楼盘较高的档次。1.2 位图和矢量图
计算机中的图像可以分为位图和矢量图两大类。这两类图像具有各自的优缺点。在平面设计中将两者结合运用，可以取长补短，创作出更加出色的作品。1.2.1 位图
位图又称为点阵图，它由许多单独的小方块组成，这些小方块称为像素点。组成位图的每个像素点都有特定的位置和颜色值。不同排列方式和颜色值的像素点组合在一起会构成不同的画面效果，因此，位图的显示效果与像素点是紧密联系在一起的。像素点越多，位图的分辨率越高，相应的图像文件越大，所需要的存储空间也越大。
位图的优点是只要有足够多不同颜色值的像素点，就可以呈现出颜色丰富的图像，逼真地表现自然界的景象；缺点则是在缩放或旋转时容易造成图像的失真。如右图所示为一幅位图及其局部放大效果，可以看见放大后图像中的一个个像素点。1.2.2 矢量图
矢量图又称为向量图，它以数学公式定义的直线和曲线来记录图像内容，当用户查看矢量图文件时，计算机程序再根据这些公式绘制出图像显示在屏幕上。矢量图文件中的图形元素称为对象。每个对象自成一体，具有颜色、形状、轮廓、大小和屏幕位置等属性。
矢量图的优点是所占存储空间较小，可以无级缩放或旋转，图像不会变形或产生锯齿效果，并且可以在任何输出设备上以最高分辨率输出；缺点是难以表现颜色层次丰富的逼真图像效果。如下图所示为一幅矢量图及其局部放大效果，可以看见放大后的图像仍然保持清晰的边缘。1.3 文件格式
完成平面设计作品制作后，需要选择一种合适的文件格式来存储作品。本书采用的平面设计软件Photoshop和Illustrator可将设计作品保存为多种文件格式。在这些文件格式中，既有Photoshop和Illustrator专用的格式，也有通用性较强、适用于多种操作系统和应用软件的格式。下面对其中几种比较常用的格式进行讲解。
PSD格式
PSD格式的全称是Photoshop Document，文件扩展名为“.psd”。这种格式是Photoshop的专用格式，可以存储Photoshop中所有的图层、通道、参考线、注解和颜色模式等信息，以方便随时编辑和修改。若作品中包含图层，则一般都用PSD格式保存。PSD格式在保存时会将文件压缩，以减少占用的磁盘空间，但PSD格式文件所包含的图像数据信息较多，因而还是比其他格式的图像文件大得多。
AI格式
AI格式的全称是Adobe Illustrator，文件扩展名为“.ai”。顾名思义，这种格式是Illustrator的专用格式。AI格式文件与PSD格式文件的相同点是都支持图层操作，不同点是AI格式文件是基于矢量图输出，可在任何尺寸下按最高分辨率输出，而PSD格式文件是基于位图输出。
EPS格式
EPS格式的全称是Encapsulated PostScript，主要用于矢量图和位图的存储。它是一种跨平台的标准格式，在PC平台上的文件扩展名是“.eps”，在Macintosh平台上的文件扩展名是“.epsf”。EPS格式采用PostScript语言描述图像信息，并且可以保存一些其他类型的信息，如多色调曲线、Alpha通道、分色、剪辑路径、挂网信息等，因而常用于印刷或打印输出。
JPEG格式
JPEG是Joint Photographic Experts Group的缩写，这种格式是常见的一种位图图像格式，其扩展名为“.jpg”或“.jpeg”。JPEG格式文件利用较先进的有损压缩算法去除冗余的图像和颜色数据，在获得极高压缩比率的同时仍能展现丰富生动的图像，简单来说，就是可以在占用较少的磁盘空间的同时保持较好的图像质量。该格式提供多个压缩比率，通常在10∶1～40∶1之间。压缩比率越高，得到的图像质量越差，占用的存储空间也越小。用户利用这些压缩比率可以灵活地在图像质量和文件大小之间取得平衡。
TIFF格式
TIFF格式的全称是Tagged Image File Format，文件扩展名为“.tif”或“.tiff”。TIFF格式文件支持256色、24位真彩色、32位色、48位色等多种颜色位数，并且支持RGB、CMYK等多种颜色模式。另外，TIFF格式文件可以使用压缩方式存储，支持LZW、ZIP、JPEG等多种压缩方式。几乎所有的绘画、图像编辑和页面排版应用程序都支持TIFF格式。
PNG格式
PNG格式的全称是Portable Network Graphics，文件扩展名为“.png”。它是一种专为网络传输开发的位图文件格式，与JPEG格式一样都与平台无关。PNG格式支持高级别无损压缩，用于存储灰度图像时，图像深度最高可达16位，存储彩色图像时，图像深度最高可达48位，并且还可存储多达16位的α通道数据。此外，PNG格式还支持Alpha通道透明度和交错处理，因而被广泛应用于网页制作。在游戏和手机应用程序开发等领域，该格式也得到大量应用。第2章 Photoshop和Illustrator必备技能
工欲善其事，必先利其器。在开始设计和制作平面设计作品前，需要选择合适的软件，并对其基本操作有一定的了解。平面设计中最常进行的工作就是位图图像和矢量图形的制作与处理。位图图像制作与处理常用的软件有Photoshop、GIMP、PaintShop Pro等，矢量图形制作与处理常用的软件有Illustrator、CorelDRAW、Inkscape等。本书选用的Photoshop和Illustrator是这些软件中的佼佼者，它们均由Adobe公司出品，因而在平面设计工作中可以更加紧密地协作。
本章将介绍Photoshop和Illustrator的软件界面和基本操作，如新建和打开文件、调整图像大小、设置画板、存储和导出文件、交换文件内容等。2.1 Photoshop和Illustrator的功能对比
大多数图像处理软件都会兼具位图和矢量图的处理能力，并且会以其中的一种为主，另一种为辅。Photoshop的功能以处理位图为主，并具有一定的矢量图绘制能力；而Illustrator的功能则以绘制矢量图为主，同时能导入位图并做基本处理。下表简单介绍了两个软件的主要功能。2.2 Photoshop和Illustrator的界面构成
平面设计软件的界面是平面设计的工作环境，只有熟悉界面，才能得心应手地完成设计工作。作为同一家公司的产品，Photoshop和Illustrator的界面构成总体上非常相似，但也有各自的特点，下面分别进行介绍。2.2.1 Photoshop的界面构成
在计算机中安装Photoshop程序后，双击桌面上的应用程序图标，就可以打开Photoshop。如下图所示为Photoshop启动完毕后打开一个设计作品文件时的界面，界面各部分的功能简介见下表。2.2.2 Illustrator的界面构成
Illustrator的安装和启动方式与Photoshop相同。如下图所示为Illustrator启动完毕后打开一个设计作品文件时的界面，界面各部分的功能简介见下表。2.3 新建和打开文件
启动Photoshop和Illustrator之后，需要在软件中创建一个新文件，然后才能使用工具、面板和菜单命令进行作品设计。对于已经创建的文件，则可以在相应的软件中打开并编辑。下面分别讲解在Photoshop和Illustrator中新建和打开文件的具体操作。2.3.1 在Photoshop中新建文件
新建文件是处理和编辑图像的基础。Photoshop提供了多种新建文件的方式，用户可以在“起点”工作区中新建文件，也可以执行“新建”菜单命令来新建文件，下面分别介绍新建文件的几种方法。
1．执行菜单命令新建文件
新建文件是在程序中创建一个新的空白文档。默认情况下，在设计和制作作品时会新建一个文件，并根据需要定义新建文件的大小和颜色模式等。
①执行“文件>新建”菜单命令，或者按快捷键Ctrl+N，打开“新建文档”对话框，②在对话框中设置新建文件的名称、宽度、高度等选项，③设置后单击“创建”按钮，如下图所示，就能根据设置的选项创建一个新的空白文件。
2．从“起点”工作区新建文件
启动Photoshop后，将自动进入“起点”工作区，在此工作区中可以快速创建新文件。
单击“起点”工作区左侧的“新建”按钮，就可以打开“新建文件”对话框，在对话框中设置新建文件的选项，完成后单击“创建”按钮，同样可以新建一个文件。
3．应用模板新建文件
随着Photoshop功能的不断完善，在Photoshop中新建文件时，无需从空白画布开始，可以在Adobe Stock中选择各种模板来创建。Photoshop中的模板分为“照片”“打印”“图稿和插图”“Web”“移动设备”“胶片和视频”6组，这些模板中包含各种资源和插图，用户可以在此基础上进行构建，从而完成不同类型设计项目的制作。在Photoshop中打开一个模板时，可以像处理其他Photoshop文档那样处理该模板。
如下左图所示，①单击“新建文档”对话框中的“Web”标签，展开选项卡，②在选项卡下方单击选中一个模板后，③单击“打开”按钮，就可以根据选择的模板创建出如下右图所示的新文件。如果所选模板未下载，则需要先单击“下载”按钮，从Adobe Stock中下载该模板。
4．应用预设新建文件
除了模板之外，用户还可以选择Photoshop提供的大量预设来新建文件。用户也可以存储自定义预设，以便重复使用。
在“新建文档”对话框中，①单击“移动设备”标签，②在展开的选项卡中单击“iPhone 6 Plus”预设，如下左图所示。在右侧输入要创建的文件名称，单击“创建”按钮，即可按照所选预设中指定的尺寸、分辨率等参数创建一个新文件，如下右图所示。技巧提示 指定新建文件的背景颜色
在Photoshop中新建文件时，单击“新建文档”对话框中的“背景内容”右侧的颜色块，打开“拾色器（新建文档背景颜色）”对话框，在此对话框中通过输入色值或单击选取颜色等方式，可以重新定义新建文件的背景颜色。2.3.2 在Photoshop中打开文件
在Photoshop中可以使用“打开”命令来打开文件，也可以利用“最近打开文件”命令和“起点”工作区快速打开最近使用过的文件。
1．使用“打开”命令打开文件
在Photoshop中，应用“打开”命令可以打开指定的文件，并且在打开某些文件，如相机原始数据文件和PDF文件时，需要在对话框中指定设置和选项，才能在Photoshop中完全打开。
启动Photoshop，执行“文件>打开”菜单命令，或者按快捷键Ctrl+O，打开“打开”对话框，如下左图所示，①在对话框中先选择要打开文件的存储路径，②然后在路径下方单击选中需要打开的图像，③单击“打开”按钮，即可打开该图像。在图像编辑窗口中可以查看图像效果，如下右图所示。
2．打开最近使用的文件
在Photoshop中，应用“最近打开文件”命令可以打开最近打开或编辑过的文件。默认情况下，Photoshop会保留最近打开过的20个文件的记录，如果需要指定保留的最近打开文件的数量，可以执行“编辑>首选项>文件处理”菜单命令，在“近期文件列表包含”选项中进行更改。
要打开最近打开过的文件，执行“文件>最近打开文件”菜单命令，如右图所示，在展开的级联菜单中单击选择要打开的文件名即可。除此之外，在“起点”工作区中间区域会显示最近打开过的文件缩览图，通过单击缩览图，就能快速打开该文件。2.3.3 在Illustrator中新建文件
在Illustrator中可以新建空白文件或通过模板来新建文件。新建空白文件时，既可以根据需要自定义文件的宽度、高度及颜色模式等，也可以直接选择预设的配置文件。通过模板新建文件时，创建的文件将包含预设的设计元素和设置，对于特定的模板类型，如小册子和CD封面，还将包含裁剪标记和参考线等内容。
1．新建空白文件
在Illustrator中可以用“开始”工作区或“文件”菜单新建文件。
启动Illustrator后，单击“开始”工作区中的“新建”按钮，或者执行“文件>新建”菜单命令，打开“新建文档”对话框，在对话框中输入新建文件的名称、宽度、高度及画板数等，如果需要设置更多的选项，则单击对话框右侧的“更多设置”按钮，如下左图所示，打开“更多设置”对话框。在对话框中可以重新指定配置文件、画板在屏幕上的排列顺序等，如下右图所示，设置好后单击“创建文档”按钮，即可创建相应的空白文件。
2．从模板新建文件
Illustrator提供了许多模板，包括信纸、信封、名片、小册子、标签、证书、明信片、贺卡、网站等。可以执行“从模板新建”命令新建文件，Illustrator将使用与模板相同的内容和设置创建一个新文件，但不会改变原始模板文件。
如下左图所示，①执行“文件>从模板新建”菜单命令，打开“从模板新建”对话框，②在对话框中选择一种模板，③单击下方的“新建”按钮，就可以按所选模板创建新文件。编辑窗口中将显示创
试读结束[说明：试读内容隐藏了图片]