Photoshop+Illustrator平面设计立体化教程（微课版）（Photoshop2021+Illustrator2021）课件 项目1初识Photoshop+Illustrator平面设计

新形态立体化精品系列教材初识Photoshop+Illustrator平面设计项目1Photoshop+Illustrator平面设计立体化教程（微课版）（Photoshop2021+Illustrator2021）情景描述项目1初识Photoshop+Illustrator平面设计米拉在大四实习阶段找到了一份平面设计助理的实习工作，公司让资深设计师洪钧威（人称老洪）带领她开展工作。初入职场，老洪向米拉介绍了设计助理的主要工作内容，并告诉米拉，在平面设计工作中，Photoshop和Illustrator这两款软件经常配合使用。因此，米拉要想成为一名合格的设计助理，必须熟练掌握这两款软件的基本操作。为了让米拉尽快进入工作状态，老洪让她先熟悉平面设计基础知识，然后掌握Photoshop和Illustrator的基本操作，之后再交给她制作节气海报的工作任务。目录了解平面设计基础知识任务1.1熟悉Photoshop的基本操作任务1.2任务1.3熟悉Illustrator的基本操作综合实战制作“立夏”节气手机海报1．平面设计的应用领域平面设计是一种集创意、构图和色彩为一体的艺术表达形式，不仅注重视觉审美，还要传达出设计师所要表达的具体信息，其应用领域也很广泛，主要包括以下领域。卡片设计标志设计UI设计广告设计包装设计书籍装帧设计2．位图与矢量图计算机中显示的图形图像一般可以分为两大类，即位图和矢量图（通常我们所说的“图像”往往是指位图，而“图形”往往是指矢量图）。●

位图：位图又称为点阵图，由单个像素点组成。如右图所示。●

矢量图：矢量图又称为向量图，是指由点组成的直线或曲线所构成的图形，构成这些图形的点和线，可被称为对象，每个对象都是一个单独的个体，它具有大小、方向、轮廓、颜色和位置等属性。如上图所示。3．像素与分辨率像素和分辨率是两个密不可分的重要概念，它们共同决定了图像的数据量，与图像文件的清晰度也密切相关。像素是构成位图图像的最小单位，每个像素在位图图像中都有自己的位置，并且包含了一定的颜色信息。图像单位面积内的像素越多，颜色信息越丰富，图像效果就越好，文件也越大。像素分辨率是指单位长度上的像素数目，单位通常为“像素/英寸”和“像素/厘米”。图像的分辨率越高，包含的像素越多，图像就越清晰，相应的图像文件也就越大。分辨率4．颜色模式图像文件的颜色模式决定了图像颜色的显示效果，也决定了图像文件在计算机中显示或打印输出的方式，常见的图像颜色模式有以下8种。RGB颜色模式灰度模式位图模式Lab颜色模式双色调模式CMYK颜色模式多通道模式索引产色模式5．常见的图像文件格式Photoshop和Illustrator都支持多种文件格式，在其中存储图像文件时，应根据需要选择合适的文件格式。AI格式01EPS格式02PSD格式03PDF格式04SVG格式05JPEG格式06TIFF格式07PNG格式08BMP格式09SWF格式10GIF格式11目录了解平面设计基础知识熟悉Illustrator的基本操作任务1.3熟悉Photoshop的基本操作任务1.2任务1.1综合实战制作“立夏”节气手机海报1．认识Photoshop工作界面在计算机系统桌面上双击软件图标启动Photoshop2021，其工作界面如下图所示，主要包括菜单栏、标题栏、工具箱、工具属性栏、浮动面板、图像编辑区、状态栏。如左图所示。1．认识Photoshop工作界面菜单栏由“文件”“编辑”“图像”“图层”“文字”“选择”“镜”“3D”“视图”“增效工具”“窗口”和“帮助”12个菜单组成，每个菜单下包含多个命令。若命令右侧标有符号，则表示该命令还有子菜单若某些命令呈灰色显示，则表示没有激活或当前不可用。（1）菜单栏标题栏中通常会显示已打开或已创建图像文件的名称、格式、显示比例、当前所选图层、颜色模式、通道位数及该图像文件的“关闭”按钮。如果新创建的图像文件未命名且未被存储过，则标题栏中的文件名称将以“未命名＋连续数字”的形式显示。（2）标题栏1．认识Photoshop工作界面工具箱集合了Photoshop的常用工具，如右图所示，默认位置在工作界面左侧，将鼠标指针移动到工具箱顶部，按住鼠标左键不放并拖曳鼠标指针，可将工具箱移动到工作界面中的其他位置。（3）工具箱1．认识Photoshop工作界面在工具属性栏中可设置所选工具的参数。工具属性栏默认位于菜单栏下方，当设计师选择工具箱中的某个工具后，工具属性栏将显示该工具对应的参数选项。（4）工具属性栏在浮动面板中可进行选择颜色、编辑图层、新建通道、编辑路径和撤销等操作。在“窗口”菜单中选择某个面板的命令后，该面板将被添加到浮动面板中，以缩略图标的形式显示，设计师可通过拖曳面板缩略图标的方法来调整该面板的位置。（5）浮动面板1．认识Photoshop工作界面图像编辑区（也可称为画布）是在Photoshop中查看与编辑图像的区域，所有的图像处理结果都在图像编辑区中显示。（6）图像编辑区在状态栏中可查看当前图像在图像编辑区中的显示比例或文件的其他信息。状态栏默认位于图像编辑区左下方，左端显示当前图像编辑区的显示比例，在其中输入数值并按【Enter】键可改变图像的显示比例；中间区域默认显示当前文件的尺寸；单击右侧的按钮，可在弹出的下拉菜单中设置中间区域的显示内容。（7）状态栏2．新建和打开文件启动Photoshop后将进入开始界面，单击该界面左侧的“新建”按钮，可在弹出按钮，或选择【文件】/【新建】命令，或按【Ctrl+N】组合键，都可打开“新建文档”对话框（见左图），设置参数后，单击“创建”按钮即可新建对应的文件。3．置入、导入与导出文件选择【文件】/【置入嵌入对象】命令，打开“置入嵌入的对象”对话框（见右图），选择要置入的文件后，单击钮按钮，置入文件后，单击“置入”工具属性栏中的“提交变换”按，或按【Enter】键，或在图像编辑区以外的地方单击鼠标左键，都可完成置入操作，而单击“取消变换”按钮则可取消置入操作。（1）置入文件3．置入、导入与导出文件选择【文件】/【导入】命令，在打开的子菜单中选择所需命令后，按照提示进行操作。导入的文件将会创建一个新的图像文件来承载导入的文件内容。（2）导入文件选择【文件】/【导出】命令，在打开的子菜单中可以完成多种导出任务，如上图所示。设计师可以按照所要导出的内容、范围、格式来选择需要的命令。（3）导出文件4．调整文件大小选择【图像】/【图像大小】命令，打开“图像大小”对话框(见左图），在其中可设置图像尺寸宽度、高度及分辨率等，设置完毕后单击“确定”按键。（1）调整图像大小4．调整文件大小调整画布的大小也可以改变图像文件大小，具体方法为：选择【图像】/【画布大小】命令，打开“画布大小”对话框，设置完参数后，单击“确定”按钮。如左图所示。（2）调整画布大小5．存储与关闭文件选择【文件】/【存储】命令，或按【Ctrl+S】组合键，打开的“另存为”对话框（见右图），选择文件存储位置后，单击“保存”按钮。另外，“另存为”对话框只在首次保存当前文件时才会出现。（1）存储文件5．存储与关闭文件按照关闭文件的范围，可将关闭文件的方法划分为3种。（2）关闭文件关闭所有文件：选择【文件】/【关闭全部】命令，或按【Ctrl+Alt＋W】组合键，可关闭当前打开的所有文件。01>02>关闭当前文件：选择【文件】/【关闭】命令，或按【Ctrl+W】组合键，可关闭当前文件。03>关闭文件和软件：选择【文件】/【退出】命令，或单击Photoshop工作界面右上角的按钮，可关闭文件和软件。目录熟悉Photoshop的基本操作任务1.2熟悉Illustrator的基本操作任务1.3了解平面设计基础知识任务1.1综合实战制作“立夏”节气手机海报1．认识Illustrator的工作界面Illustrator2021的工作界面主要由菜单栏、控制栏、文件窗口、工具箱、面板等组成，如下图所示。1．认识Illustrator的工作界面（1）菜单栏Illustrator的菜单栏包含了文件、编辑、对象、文字、选择、效果、视图、窗口和帮助9个菜单。选择某一个菜单，在弹出的子菜单中选择一个命令，可执行该命令。（2）控制栏控制栏显示了一些常用的参数选项。使用不同工具或选择不同的对象时，控制栏的参数也会随之发生变化，如选择绘制的图形，控制栏会显示图形的填充、描边、不透明度、位置、宽度和高度等参数。若控制栏没有显示参数，可以选择【窗口】/【控制】命令将其展示出来。1．认识Illustrator的工作界面（3）文件窗口文件窗口包含标题栏、画板、滚动条和状态栏等部分，直接拖曳标题栏可将当前文件窗口从工作界面中分离出来，该文件窗口将变为浮动窗口，如右图所示，此时可将文件窗口移动至界面任意位置，拖曳窗口边缘可调整文件窗口的大小。当打开多个文件后，选择【窗口】/【排列】命令，在弹出的子菜单中可设置文件窗口的排列方式。1．认识Illustrator的工作界面（4）工具箱工具箱集合了Illustrator中的常用工具，默认位置在工作界面左侧，通过拖曳工具箱顶部可以将其移动到工作界面的任意位置。若工具图标右下角有一个黑色的小三角标记，表示该工具位于一个工具组中，工具组中还有一些隐藏的工具，在该工具图标上按住鼠标左键不放或单击鼠标右键，可显示该工具组中隐藏的其他工具，如右图所示。另外，选择【窗口】/【工具栏】/【高级】命令，可在工具箱中看到所有工具。1．认识Illustrator的工作界面（5）面板Illustrator提供了多种面板，主要用于编辑图稿、设置工具参数和选项等，设计师通过“窗口”菜单可以打开这些面板。系统默认已打开的面板是在操作过程中经常使用的，位于工作界面右侧，单击面板右上角的按钮可关闭该面板。面板可以单独显示，也可以拖曳面板到已有面板顶部形成面板组，单击按钮可以将展开的面板折叠成图标显示，如上图所示，单击按钮可再次展开面板。2．新建与设置文件选择【文件】/【新建】命令，或在启动界面单击“新建”按钮，都可打开下图所示的“新建文档”对话框，单击对话框上方的标签选项，展开对应参数选项，双击某种预设尺寸可以快速创建文件。若单击“更多设置”按钮，将打开“更多设置”对话框，如右图所示，在其中能设置更详细的文件设置，设置完成后单击“创建文档”按钮创建文件。3．置入文件在Illustrator中设计作品时，往往要用到很多素材，利用置入操作可以将多种类型的图像文件，包括位图和基于矢量的图像添加到当前文件中。其方法为：选择【文件】/【置入】命令，打开“置入”对话框，选择要置入的文件，单击“置入”按钮，如左图所示。返回工作界面，在空白处单击鼠标左键即可将文件按原大小置入到鼠标单击的位置；按住鼠标左键进行拖曳可自定义置入文件的大小和位置。4．查看文件（1）抓手工具当图像呈较大倍率显示时，在工具箱中选择“抓手工具”针将变为状态，按住鼠标左键不放并朝任意方向拖曳画板，可查看图像的各个部分。（2）缩放工具选择工具箱中的“缩放工具”，并将鼠标指针移动到画板中，此时鼠标指针会呈放大镜显示状态，其内部还显示一个“+”字形，在画板任一位置单击鼠标左键，可将当前画板放大一倍，且单击处的图像将移动到屏幕中间。4．查看文件（3）“导航器”面板当画板的放大倍率较大时，能一次性看到的画面较少，此时，可通过“导航器”面板快速查看整个画面。选择【窗口】/【导航器】命令，打开“导航器”面板，如下图所示。5．打开与关闭文件

启动Illustrator后，单击“打开”按钮，或选择【文件】/【打开】命令，或按【Ctrl+O】组合键，打开“打开”对话框，选择需要打开的文件，单击“打开”按钮。另外，双击AI格式的文件，或直接将AI格式的文件拖动到Illustrator工作界面的标题栏上可快速打开文件。若不需要某个文件，可将其关闭，其操作方法与Photoshop中关闭文件的操作相同。6．导出与存储文件导出为：选择该命令，可以将文件导出为PNG、JPG和PSD等常见的文件格式。01>02>导出为多种屏幕所用格式：选择该命令，可以生成不同大小和格式的文件，以适应不同屏幕的需求。03>存储为Web所用格式：选择该命令，可以在导出文件的同时，优化文件在计算机网站中或移动设备屏幕上的显示效果。在Illustrator中完成作品的创作后，可将其导出为不同格式的文件，方便在其他软件中打开和使用。选择【文件】/【导出】命令，在子菜单中提供了以下3种导出子命令。7．Illustrator和Photoshop的文件协同（1）在Illustrator中使用Photoshop文件在Illustrator中使用Photoshop文件主要有以下3种方法。①在Illustrator中打开或置入Photoshop文件②将选区对象复制到Illustrator③

将路径导出到Illustrator7．Illustrator和Photoshop的文件协同（2）在Photoshop中使用Illustrator文件正如在Illustrator中使用Photoshop文件一样，在Photoshop中使用Illustrator文件也有多种操作方法。复制并粘贴：在Illustrator中复制图形，然后切换到Photoshop中粘贴图形。01>02>导出和导入：在Illustrator中通过导出操作，将文件导出为PSD格式，保留图层、分辨率和颜色配置等信息，随后可在Photoshop中打开并编辑该文件。03>在Photoshop中置入链接或嵌入的文件：在Photoshop中选择【文件】/【置入链接的智能对象】命令，打开“置入链接的智能对象”对话框，选择需置入的AI格式文件，单击“确定”按钮。目录熟悉Photoshop的基本操作任务1.2熟悉Illustrator的基本操作任务1.3综合实战了解平面设计基础知识任务1.1制作“立夏”节气手机海报实战背景实战描述综合实战

制作“立夏”节气手机海报本例制作的手机海报是一种针对移动端所制作的海报。随着智能手机的盛行，一些企业开始通过手机海报来打开更加广阔的市场，提高企业知名度。某文化品牌委托公司制作节气海报，通过节气海报进行借势营销，推广品牌，要求结合节气特点，体现我国传统文化的魅力和美学艺术，整体画面要求简洁、美观。本实战的参考效果如上图所示。综合实战

制作“立夏”节气手机海报实战目标①运用已有的“立夏”节气图片、文案资料进行设计。②制作尺寸为1242像素×2688像素，分辨率为150像素/英寸的节气海报。③排版美观，主题突出，符合“立夏”节气的特点。实战描述知识要点在Photoshop中新建文件、置入文件、保存文件、导出文件，在Photoshop和Illustrator中复制与粘贴文件。思路及步骤综合实战

制作“立夏”节气手机海报（1）

启动Photoshop，在启动界面左侧单击“新建”按钮，打开“新建文档”对话框，在右侧的“预设详细信息”栏中设置名称为“‘立夏’节气手机海报”，宽度为“1242像素”，高度为“2688像素”，分辨率为“150像素/英寸”，单击“创建”按钮新建文件。（2）

选择【文件】/【置入嵌入对象】命令，打开“置入的嵌入对象”对话框，选择“荷叶.png”素材，单击”置入“按钮，按【Enter】键确认置入。（3）

打开素材文