【文档说明】计算机辅助平面设计第八章创意空间课件.ppt，共(31)页，4.372 MB，由小橙橙上传

转载请保留链接：https://www.ichengzhen.cn/view-77352.html

以下为本文档部分文字说明：

第八章创意空间2●本章导读本章选取极具代表性的3个实例进行案例讲解，是对前几章知识点的复习和提高。通过不断的实例练习，使学生计算机辅助平面设计软件的运用能力更上一层楼。但平面设计的软件工具操作是机械性的，平面设计的优劣主要还是取决于设计者的创意，创意的来源要在平时

的练习中不断积累转化，这样才能创作出商业和艺术并重的设计作品。●学习目标熟练掌握创意空间的设计方法，能够自行设计出商业和艺术并重的设计作品。第一节饰品画册设计（1）在Photoshop中新建文档，其高度

为42厘米，宽度为28.5厘米，分辨率为300像素/英寸，颜色模式为CMYK，如图8-1所示。图8-1新建文档设置3（2）为文档加入白色背景，并调出参考线，如图8-2所示。图8-2参考线示意图（3）打开珠宝素材图片，并将素材选定，移至文档中，如图8-3所示。图8-

3珠宝位置示意4（4）将珠宝的位置调整好，并将花纹笔刷载入软件，进行喷涂，如图8-4所示。对珠宝图片进行变形处理，使用橡皮擦工具擦除不需要的部分。其效果如图8-5所示。图8-4载入花纹笔刷图8-5擦除不需要的部分后的效果5（5）新

建图层，将其放置在下方，使用颜色#ffc600填充图层，使用椭圆选框工具建立图8-6所示的选区，并用白色填充，如图8-7所示。图8-6选区示意图8-7填充颜色后的效果6（6）调整图层样式，添加“内阴影”“内发光”“斜面和浮雕”“渐变叠加”，其设置如图8-8～图8-12所示。图8-8“内

阴影”参数设置图8-9“内发光”参数设置7图8-10“斜面和浮雕”参数设置图8-11“渐变叠加”参数设置8（7）将上述制作的图形复制几个，缩放，并排列好位置，如图8-13所示。图8-12“渐变编辑器”设置图8-13调整图形后的效果9（8）使

用画笔工具，画笔设置如图8-14～图8-16所示，建立新层并进行绘制，可以适当调整画笔的大小，最后将图层的混合模式改为“柔光”。图8-14画笔笔尖形状设置图8-15画笔形状动态设置图8-16画笔平滑设置10调整

画笔后在画布上随机画些色块作为点缀，如图8-17所示。（9）使用矩形选框工具在画册的中心线绘制图8-18所示的选区。图8-17画好点缀后的效果图8-18画册中心选区示意11（10）使用渐变工具将前景色设为黑色，在渐变编辑器里设置从黑色到透明的渐变，建立新图层，

并拉出渐变，制作出阴影，如图8-19、图8-20所示。图8-19“渐变编辑器”参数设置图8-20填充渐变后的效果12（11）将背景素材置入，并更改图层混合模式为“叠加”，添加文字，调整手串的位置与不透明度。画册最终的效果如图8-21所示。图8-21画册最终的

效果第二节产品包装设计（1）在Illustrator中执行”文件”→“新建”命令，在弹出的“新建文档”对话框中为文档命名，设定大小为A4，颜色模式为CMYK，栅格效果为300ppi，单击“确定”按钮创建文档，如图8-22所示。（2）根据包装结构设计和

尺寸创建各面形体。使用矩形工具创建出多个矩形对象，使用编组选择工具选中所有矩形，右击，在弹出的快捷菜单中选择“编组”选项，如图8-23、图8-24所示。图8-22新建画布设置13将编组后的矩形组合为包装的平面展开图，如图8-25所示。（3）使用选择工具选定全部矩形对象，执行“选择”→“对象

”→“方向手柄”命令，然后执行“编辑”→“复制”命令和“编辑”→“粘贴”命令。在得到的拷贝中，使用直接选择工具将路径按照节点分离开来，如图8-26所示。选择相关线段，在“描边“面板中设定为虚线外观，图8-27所示。（4）执行“文件”→“置入”命令，将事先

准备好的素材置入图稿中，作为包装盒正面图形，如图8-28所示。图8-23工具栏中图8-24编组设置的矩形工具图8-25产品包装展开图14图8-26直接选择工具图8-27“描边”面板设置图8-28置入图片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置入颜色16（6）运用文字工具编辑出文字，如图8-32所示。输入文字“Canon佳能感动常在”，如图8-33所示。（7）编辑好文字后选中文字，按Al

t键，然后按左、右方向键对字体进行间距调整。用钢笔工具勾画出一个图标，如图8-34所示。图8-32文字工具图8-33输入文字图8-34勾画好的图标选中制作好的图标，右击，在弹出的快捷菜单中选择“变换”选项下的“对称”命令，复制出另一个图标，如图8-3

5所示。图8-35复制出另一个图标17复制时选中“预览”复选框查看，如图8-36、图8-37所示。图8-36“预览”选项图8-37复制好的图形把复制好的图标放到相应的位置上并选中，对其进行水平居中分布和垂直居中分布调整，如图8-38所示。图8-38调整好位置的文字与

图标对上述做好的图像进行复制并进行水平翻转，包装盒的侧面即制作完成，如图8-39所示。18图8-39包装盒的侧面（8）选中制作好的包装盒顶部，右击，在弹出的快捷菜单中选择“编组”选项，如图8-40所示。编组完成后，选中包装

盒，使用“对称”命令，可直接复制出一个包装底部，并且对包装盒的每个部分进行方向调整和对齐调整，包装盒平面展开图即制作完成，如图8-41所示。图8-40“编组”命令19（9）将上述做好的包装盒在Photoshop里进行贴图，找一个尺寸和上

述制作好的包装盒差不多大小的3D展示素材，如图8-42所示。图8-423D展示素材图8-41包装盒平面展开图20（10）返回到Illustrator中，将需要展示的部分单独编组，然后直接拖动到Photoshop中；双击置入，然后右击，在弹出的快捷菜单中选择“栅格化

图层”选项，如图8-43所示。图8-43置入包装盒顶部（11）按快捷键Ctrl+T，然后右击，对图片进行扭曲变形和透视变形，如图8-44所示。图8-44图片变形21贴好的包装盒顶部如图8-45所示。图8-45贴好的包装盒

顶部（12）将包装盒其他需要展示的部分依次按照以上步骤进行贴图，最后完成包装盒立体展示，如图8-46所示。图8-46包装盒立体展示22（1）执行“文件”→“新建”命令，在弹出的“新建文档”对话框中为文档命名，指

定大小为A4，颜色模式为CMYK，栅格效果为300ppi。单击“确定”按钮以创建文档，如图8-47所示图8-47新建文档设置第三节导视系统设计（2）制作导视系统前，首先应根据应用的场所确定好导视系统的整体风格，然

后确定导视系统的配色、辅助图形、基本的英文字体、中文字体和数字字体。此处制作的导视系统为时尚、简练、活力的风格，所以选用的字体为时尚中黑，如图8-48所示。图8-48时尚中黑字体示意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所示24图8-54绘制出的长方形图8-55对称的两个锚点图8-56有缺口的矩形图8-57绘制图标的腿部图8-58调整好的图

标图8-59端点为圆头用直线工具绘制图标的腿部，按住Shift键可画出直线，如图8-57所示。按住Alt键直接拖拽直线，可直接复制出一个等比例图形。拖拽时按住Shift键，拖拽的图形可与被复制的图形等高，将画的图形的每一部分进行水平居中对齐，如

图8-58所示。将绘制好的线全部选中，选择“描边”面板中的圆头端点，画好的线的端点则为圆滑的，如图8-59所示。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指向性图标26用选择工具全选上述绘制的图形，右击，在弹出的快捷菜单中选择“编

组”选项，进行编组，如图8-65所示。然后右击，在弹出的快捷菜单中选择“变换”选项下的“对称”命令（图8-66），在打开的“镜像”对话框中选中“垂直”单选按钮（图8-67）进行复制。图8-65“编组”命令图8-66“对称”命令将绘制好的指向标识排列，如图8-68所示。

图8-67“垂直”命令（6）绘制注意标识。绘制注意标识时还是运用钢笔工具和矩形工具，也可在网上找一些素材参考着描摹下来，如图8-69所示。图8-69绘制完成的注意标识图8-68排列完成的指向标识27（7）将上述做好的导视系统基本标识保存好，如图8-70所示。图8-70绘制完成的

导视系统基本标识（8）绘制指示牌。可将上述做好的数字和图形直接复制，然后组合，如图8-71、图8-72所示。（9）制作户外指示牌。可直接置入下载好的指示牌素材模板，如图8-73所示。图8-71指示牌图8-72电梯标识将设

定好的配色和字体合理地运用到指示牌素材中，如图8-74、图8-75所示。此时，户外导视系统即制作完成28图8-73下载指示牌素材模板图8-74指示牌一图8-75指示牌二（10）给做好的户外导视系统加上一个底色衬托，如图8-76所示。29图8-76给户外导视系统加上底色衬托

课堂基础训练（1）熟悉Photoshop中混合选项的调整。（2）熟悉Illustrator中的“对齐”命令的使用。课后进阶（1）制作时尚火锅店导视系统。（2）制作一个运动品牌的产品包装。优秀案例赏析请欣赏图8-77～图8-79所示的精彩设计作品。图8-77国外饮品包装

设计图8-78国外食品包装设计30图8-79博物馆导视系统31［1］王亚全.PhotoshopCS6经典综合实例教程[M].北京：印刷工业出版社，2014.［2］刘邵宏，布乃峰，海震.Photoshop实训教程[M].北京：北京工艺美术出版社，2009.［3］王亚全，

孙舒.IIIustrator平面设计实例教程[M].南京：南京大学出版社，2015.［4］郑建楠.Illustrator[CS5]教程[M].武汉：华中科技大学出版社，2012.《参考文献》