计算机辅助平面设计第八章创意空间ppt课件

单击此处编辑母版标题样式,单击此处编辑文本,第二级,第三级,第四级,第五级,*,*,第八章创意空间,第八章创意空间,2,本章导读,本章选取极具代表性的3个实例进行案例讲解，是对前几章知识点的复习和提高。通过不断的实例练习，使学生计算机辅助平面设计软件的运用能力更上一层楼。但平面设计的软件工具操作是机械性的，平面设计 的优劣主要还是取决于设计者的创意，创意的来源要在平时的练习中不断积累转化，这样才能创作出商业和 艺术并重的设计作品。,学习目标,熟练掌握创意空间的设计方法，能够自行设计出商业和艺术并重的设计作品。,第一节饰品画册设计,（1）在Photoshop中新建文档，其高度为42厘米，宽度为28.5厘米，分辨率为300像素/英寸，颜 色模式为 CMYK，如,图 8-1,所示,。,图 8-1 新建文档设置,2本章导读第一节饰品画册设计（1）在Photoshop中,3,（2）为文档加入白色背景，并调出参考线，如,图 8-2,所示。,图 8-2 参考线示意图,（3）打开珠宝素材图片，并将素材选定，移至文档中，如,图 8-3,所示。,图 8-3 珠宝位置示意,3（2）为文档加入白色背景，并调出参考线，如图 8-2 所示,4,（,4,）将珠宝的位置调整好，并将花纹笔刷载入软件，进行喷涂，如,图,8-4,所示。对珠宝图片进行变形处理，使用橡皮擦工具擦除不需要的部分。其效果如,图,8-5,所示。,图 8-4 载入花纹笔刷,图 8-5 擦除不需要的部分后的效果,4（4）将珠宝的位置调整好，并将花纹笔刷载入软件，进行喷涂，,5,（5）新建图层，将其放置在下方，使用颜色#ffc600填充图层，使用椭圆选 框工具建立,图 8-6,所示的选区，并用白色填充，如,图 8-7,所示。,图 8-6 选区示意,图 8-7 填充颜色后的效果,5（5）新建图层，将其放置在下方，使用颜色#ffc600填充,6,（6）调整图层样式，添加“内阴影”“内发光”“斜面和浮雕”“渐变叠加”，其设置如图,8-8 图 8-12,所示。,图 8-8“内阴影”参数设置,图 8-9“内发光”参数设置,6（6）调整图层样式，添加“内阴影”“内发光”“斜面和浮雕”,7,图 8-10“斜面和浮雕”参数设置 图 8-11“渐变叠加”参,数设置,7图 8-10“斜面和浮雕”参数设置,8,（7）将上述制作的图形复制几个，缩放，并排列好位置，如,图 8-13,所示。,图 8-12“渐变编辑器”设置,图 8-13调整图形后的效果,8图 8-12“渐变编辑器”设置图 8-13调整图形后的,9,（8）使用画笔工具，画笔设置如图,8-14 图 8-16,所示，建立新层并进行绘制，可以适当 调整画笔的大小，最后将图层的混合模式改为“柔光”。,图 8-14画笔笔尖形状设置,图 8-15画笔形状动态设置 图 8-16画笔平滑设置,9（8）使用画笔工具，画笔设置如图 8-14 图 8-1,10,调整画笔后在画布上随机画些色块作为点缀，如,图 8-17,所示。,（9）使用矩形选框工具在画册的中心线绘制图,8-18,所示的选区。,图 8-17画好点缀后的效果,图 8-18画册中心选区示意,10调整画笔后在画布上随机画些色块作为点缀，如图 8-17,11,（10）使用渐变工具将前景色设为黑色，在渐变编辑器里设置从黑色到透明的渐变，建 立新图层，并拉出渐变，制作出阴影，如,图 8-19、图 8-20,所示。,图 8-19“渐变编辑器”参数设置,图 8-20填充渐变后的效果,11（10）使用渐变工具将前景色设为黑色，在渐变编辑器里设置,12,（11）将背景素材置入，并更改图层混合模式为“叠加”，添加文字，调整手串的位置与不透 明度。画册最终的效果如,图 8-21,所示。,图 8-21画册最终的效果,第二节产品包装设计,（1）在 Illustrator 中执行”文件”“新建”命令，在弹出的“新建文档”对话 框中为文档命名，设定大小为A4，颜色模 式为 CMYK，栅格效果为 300 ppi，单击“确定”按钮创建文档，如,图 8-22,所示。,（2）根据包装结构设计和尺寸创建各 面形体。使用矩形工具创建出多个矩形对象，使用编组选择工具选中所有矩形，右击，在 弹出的快捷菜单中选择“编组”选项，如 图,8-23、图 8-24,所示。,图 8-22新建画布设置,12（11）将背景素材置入，并更改图层混合模式为“叠加”，添,13,将编组后的矩形组合为包装的平面展开图，如,图 8-25,所示。,（3）使用选择工具选定全部矩形对象，执行“选 择”“对象”“方向手柄”命令，然后执行“编辑”“复 制”命令和“编辑”“粘贴”命令。在得到的拷贝中，使用直接选择工具将路径按照节点分离开来，如,图 8-26,所示。,选择相关线段，在“描边“面板中设定为虚线外观，,图,8-27,所示。,（4）执行“文件”“置入”命令，将事先准备好的 素材置入图稿中，作为包装盒正面图形，如,图 8-28,所示。,图 8-23工具栏中 图 8-24编组设置的矩形工具,图 8-25产品包装展开图,13 将编组后的矩形组合为包装的平面展开图，如 图 8-,14,图 8-26直接选择工具 图 8-27“描边”面板设置,图 8-28置入图片,14图 8-26直接选择工具 图 8-27“描边”面,15,（5）按 Alt 键拖拽出包装顶部的矩形并进行复制；调整需要置入图片的大小，按 Shift 键使其能够等比例 缩放，将复制出的矩形放在图片的适当位置。选中图片和矩形，右击，在弹出的快捷菜单在选择“建立剪切 蒙版”选项，进行图片剪切，如,图 8-29,所示。,将剪切好的图片放到包装盒上面，如,图 8-30,所示。,图 8-29“建立剪切蒙版”命令,图 8-30放置好正面图片,（6）选择包装盒较窄的侧面矩形对象，设定填色为 C：0，M：0，Y：0，K：100，如,图 8-31,所示。,图 8-31置入颜色,15（5）按 Alt 键拖拽出包装顶部的矩形并进行复制；调整,16,（6）运用文字工具编辑出文字，如图,8-32,所示。输入文字“Canon 佳能感动常在”，如,图 8-33,所示。,（7）编辑好文字后选中文字，按Alt键，然后按左、右方向键对字体进行间距调整。用钢笔工具勾画出 一个图标，如,图 8-34,所示。,图 8-32文字工具 图 8-33输入文字 图 8-34勾画好的图标,选中制作好的图标，右击，在弹出的快捷菜单中选择“变换”选项下的“对称”命令，复制出另一个图标，如,图 8-35,所示。,图 8-35复制出另一个图标,16（6）运用文字工具编辑出文字，如图 8-32 所示。输入,17,复制时选中“预览”复选框查看，如,图 8-36、图 8-37,所示。,图 8-36“预览”选项,图 8-37复制好的图形,把复制好的图标放到相应的位置上并选中，对其进行水平居中分布和垂直居中分布调整，如,图 8-38,所示。,图 8-38调整好位置的文字与图标,对上述做好的图像进行复制并进行水平翻转，包装盒的侧面即制作完成，如,图 8-39,所示。,17复制时选中“预览”复选框查看，如图 8-36、图 8-3,18,图 8-39包装盒的侧面,（8）选中制作好的包装盒顶部，右击，在弹出的快捷菜单中选择“编组”选项，如,图 8-40,所示。,编组完成后，选中包装盒，使用“对称”命令，可直接复制出一个包装底部，并且对包装盒的每个部分进行方向调整和对齐调整，包装盒平面展开图即制作完成，如,图8-41,所示。,图 8-40“编组”命令,18图 8-39包装盒的侧面（8）选中制作好的包装盒顶部，,19,（9）将上述做好的包装盒在Photoshop里进行贴图，找一个尺寸和上述制作好的包装盒差 不多大小的 3D 展示素材，如,图 8-42,所示。,图 8-423D 展示素材,图8-41包装盒平面展开图,19（9）将上述做好的包装盒在Photoshop里进行贴图，,20,（10）返回到Illustrator中，将需要展示的部分单独编组，然后直接拖动到 Photoshop 中；双击置入，然后右击，在弹出的快捷菜单中选择“栅格化图层”选项，如图,8-43,所示。,图 8-43置入包装盒顶部,（11）按快捷键Ctrl+T，然后右击，对图片进行扭曲变形和透视变形，如,图 8-44,所示。,图 8-44图片变形,20（10）返回到Illustrator中，将需要展示的部分,21,贴好的包装盒顶部如,图 8-45,所示。,图 8-45贴好的包装盒顶部,（12）将包装盒其他需要展示的部分依次按照以上步骤进行贴图，最后完成包装盒立体展 示，如,图 8-46,所示。,图 8-46包装盒立体展示,21贴好的包装盒顶部如图 8-45 所示。图 8-45贴好,22,（1）执行“文件”“新建”命令，在弹出的“新建文档”对话框中为文档命名，指定大 小为A4，颜色模式为CMYK，栅格效果为300 ppi。单击“确定”按钮以创建文档，如,图8-47,所示,图 8-47新建文档设置,第三节导视系统设计,（2）制作导视系统前，首先应根据应用的场所确定好导视系统的整体风格，然后确定导视 系统的配色、辅助图形、基本的英文字体、中文字体和数字字体。此处制作的导视系统为时尚、简练、活力的风格，所以选用的字体为时尚中黑，如,图 8-48,所示。,图 8-48时尚中黑字体示意,22（1）执行“文件”“新建”命令，在弹出的“新建文档”对,23,中文字体和数字颜色分别为玫红色（C：20，M：100，Y：55，K：0）和灰色（C：60，M：55，Y：50，K：1），如,图 8-49、图 8-50,所示。对设置的四色印刷值尽量取整数,图 8-49中文字体颜色,图 8-50数字字体颜色,（3）基本配色和字体选取好后，开始绘制基本的导视标识。基本的导视标识分为公共卫生间标识、指向 标识、注意标识等。,（4）首先绘制公共卫生间标识，运用钢笔工具（,图 8-51,）和矩形工具（,图 8-52,）。,图 8-51钢笔工具,图 8-52矩形工具,图 8-53绘制出的直线,绘制图标时，按住 Shift 键可直接绘制出直线，如,图 8-53,所示。,然后运用矩形工具直接绘制出一个长方形，如,图 8-54,所示。,再用添加锚点工具并按 Shift 键添加出两个对称的锚点，如,图 8-55,所示。,用直接选择工具删除矩形最下方的两个锚点，这样就可以绘制出一个有缺口的矩形了，如,图 8-56,所示,23 中文字体和数字颜色分别为玫红色（C：20，M,24,图 8-54绘制出的长方形图 8-55对称的两个锚点 图 8-56有缺口的矩形,图 8-57绘制图标的腿部 图 8-58调整好的图标,图 8-59端点为圆头,用直线工具绘制图标的腿 部，按住Shift键可画出直线，如,图 8-57,所示。,按住Alt键直接拖拽直线，可直接复制出一个等比例图形。拖拽时按住Shift键，拖拽的图 形可与被复制的图形等高，将画 的图形的每一部分进行水平居中 对齐，如,图 8-58,所示。,将绘制好的线全部选中，选 择“描边”面板中的圆头端点，画好的线的端点则为圆滑的，如,图 8-59,所示。,24图 8-54绘制出的长方形图 8-55,25,这样，公共卫生间的一个图标就绘制完成了，按照上述同样的方法绘制公共卫生间的其他的图标，如,图 8-60,所示。,图 8-60公共卫生间标识,将制作好的导视系统基本元素排列好，放到一侧备用，如,图,8-61,所示。,图 8-61导视系统基本元素,（5）接下来绘制指向标识。用钢笔工具和矩形工具绘制出一个指向标识。用矩形工具，按快捷键 Shift+Alt 绘制出一个正方形，如,图 8-62,所示。,用钢笔工具在左下角和右上角画一条直线，如,图 8-63,所示。,选择正方形，用直接选择工具选择左下角的锚点，按Delete键删除，一个指向性的图标就画好了，如,图 8-64,所示。,图 8-62绘制出的正方形,图 8-63绘制出的直线,图 8-64指向性图标,25 这