第14章 综合应用实例
第14章 综合应用实例 14.1 制作个性化的文字效果 14.2 纪念章的设计与制作 14.3 制作矢量风格的图像 14.1 制作个性化的文字效果 14.2 纪念章的设计与制作 14.3 制作矢量风格的图像 14.4 海报的设计与制作 14.5 包装盒立体图的制作 14.6 习题与上机操作
教学目标 本章以几个实例来进一步讲解各知识点的综合应用。通过学习,应该能熟练应用“晶格化”、“旋转扭曲”、“海报边缘”、“添加杂色”、和“径向模糊”等滤镜,以及“图层混合模式”、“曲线”和“色彩调整”等功能。
重点与难点 ◆ 各种滤镜的应用 ◆ 掌握视觉效果的调整 ◆ 图层样式和色阶的应用
14.1 制作另类文字效果 选择全色渐变 渐变背景 晶格化效果 很多设计需要有比较个性的文字,但使用系统字库又比较死板,而用置换处理文字就可以实现个性化很强的字样。本节通过置换命令制作一个另类文字效果。 新建文件,分辨率为300像素/英寸,尺寸为800像素×600像素,在工具箱上选取【渐变填充】工具,选择全色渐变。 将背景渐变填充。 执行【滤镜】→【像素化】→【晶格化】命令,晶格化效果。 选择全色渐变 渐变背景 晶格化效果
旋转扭曲效果 玻璃效果 处理后的效果 执行【滤镜】→【扭曲】→【旋转扭曲】命令,旋转扭曲效果。 执行【滤镜】→【扭曲】→【玻璃】命令。 将图像存盘为“置换图”,处理后的效果。 新建一个文件(注意这里是新建一个文件,不是新建一个图层),分辨率为300像素/英寸,尺寸为800像素×600像素,输入文字“PSCS”,执行【图像】→【栅格化】→【文字】命令。 旋转扭曲效果 玻璃效果 处理后的效果
新建文件输入文字 【置换】对话框 置换后的效果 打开置换文件 执行【滤镜】→【扭曲】→【置换】命令,弹出【置换】对话框,将【水平比例】和【垂直比例】均设置为“5” 。 单击【好】按钮,这时弹出选择置换图对话框,文件路径指向刚才存盘的置换图。 单击【打开】按钮后可以看到,置换后扭曲变化的字样。 新建文件输入文字 【置换】对话框 打开置换文件 置换后的效果
变换位置连续置换 用图层样式加工置换后的文字 制作置换图的样式 置换后的效果 单击移动工具,执行Ctrl+T【自由变换】命令,改变文字的位置,执行Ctrl+F【重复上次操作】命令,再次重复置换命令,使文字以不同的角度扭曲。 这样文字就变化成一种个性化很强的字体,还可以通过【图层样式】给它适当加工。 其实置换的样式与所要置换的图像有很大的关系,用不同的图像可以置换不同的效果。例如,若设置一个文字层来置换,则可以得到另外一种很有个性的字体。 变换位置连续置换 用图层样式加工置换后的文字 制作置换图的样式 置换后的效果
绘制黑点 制作火焰状的图形 制作后的置换图 置换后的效果 下面我们再介绍一种置换效果的制作。 新建文件,用【画笔工具】画出一个黑点。 在工具箱上选取【涂抹工具】,在黑色小点上拖动鼠标,拖出小尾巴。 按照这样的方式可以制作很多大大小小的图形,将图像存盘。 置换上面的图形,关键是置换的选项,水平为0,垂直为15,可以得到一种恐怖的文字。 文字的处理方法很多,我们只介绍了几种基本形式,处理的主要目的是使文字在不同的设计环境下符合特殊的样式,也是对设计的一种补充。 绘制黑点 制作火焰状的图形 制作后的置换图 置换后的效果
14.2 纪念币的设计与制作 13.2.1显示与光标 裁切图片 【快速蒙版选项】对话框 (1)打开素材图像 (2)裁切图案 打开一张玫瑰花的图片(本例打开的图片文件名为“玫瑰.jpg”),如图14.20所示。 (2)裁切图案 在工具箱中选择【裁切工具】(快捷键为C),用【裁切工具】对图片进行裁切,把不需要的内容裁切掉。 先选中裁切区域,然后按Enter键,或者用鼠标双击裁切区域,完成裁切。 (3)启动快速蒙版 在工具箱中双击【以快速蒙版模式编辑】,出现【快速蒙版选项】对话框,将【颜色】设置为一种方便观察的颜色(如浅蓝色),将【色彩指示】选择为【所选区域】,如图14.21所示。设置完成后,单击【好】按钮。 裁切图片 【快速蒙版选项】对话框
画笔属性设置 选择画笔样式 将蒙版转换为选区 使用快速蒙版后的效果 (4)选择并设置【画笔工具】 (5)编辑快速蒙版 (6)将蒙版转换为选区 在工具箱中选择【画笔工具】,在工具选项栏中将画笔的【不透明度】设置为100%,【模式】为“正常” 。 单击【画笔】右边的小三角形,选择需要的画笔样式。 (5)编辑快速蒙版 设置好画笔的参数后,开始在玫瑰花上面涂抹,这时你会发现所画出来的颜色为刚设置的颜色,而不再是工具箱上的“前景色”了,【以快速蒙版模式编辑】的作用是精确地对图像进行选择,现在用画笔所画出来的蓝色就是选择的范围。选择不同的画笔,细心地将整朵玫瑰花涂盖。 (6)将蒙版转换为选区 单击工具箱中的【以标准模式编辑】按钮,将刚才所涂的色块变为选择区域。 画笔属性设置 选择画笔样式 使用快速蒙版后的效果 将蒙版转换为选区
14.2.2 制作图案 背景层 建立蓝色背景 色相/饱和度调整 (7)复制出选区中的内容 (8)制作背景颜色 (1)将图像变成黑白效果 执行【编辑】→【拷贝】命令,复制选中的内容,再执行【编辑】→【粘贴】命令,粘贴刚复制的内容。 (8)制作背景颜色 在工具箱中将背景色设置为深蓝色。在【图层面板】上选中背景层,按Ctrl+Backspace快捷键,得到一个深蓝色的背景。 14.2.2 制作图案 (1)将图像变成黑白效果 在【图层面板】上选择【图层1】,执行【图像】→【调整】→【色相/饱和度】命令,如图14.28所示,将图像变成黑白效果。 背景层 建立蓝色背景 色相/饱和度调整
光照效果调整 添加光照效果 (2)复制出图层 (3)制作立体雕琢的效果 (4)制作浮雕效果 (5)改变图层混合模式及合并图层 在【图层面板】中右键单击【图层1】,选择【复制图层】,弹出【复制图层】对话框,单击【好】按钮,复制出【图层1副本】。 (3)制作立体雕琢的效果 执行【滤镜】→【渲染】→【光照效果】命令,在【纹理通道】下选择“红色”,其他设置。单击【好】按钮。图像出现了粗糙雕琢的效果。 (4)制作浮雕效果 在【图层面板】中将【图层1副本】拖动到【图层1】下方。选中【图层1】,执行【滤镜】→【风格化】→【浮雕效果】命令,设置如图14.31所示。 (5)改变图层混合模式及合并图层 在【图层面板】中将【图层1】的【混合模式】设置为【变亮】。此时图像产生银质效果,如图14.32所示。将【图层1】和【图层1副本】链接并合并为一层。 光照效果调整 添加光照效果
设置浮雕效果 改变混合模式后的效果 亮度/对比度调整 色彩平衡调整 (6)调整图像的色彩 执行【图像】→【调整】→【亮度/对比度】命令。执行【图像】→【调整】→【色彩平衡】命令,参数设置。 亮度/对比度调整 色彩平衡调整
14.2.3 制作硬币衬面 复制图层 添加杂色 (1)复制背景图层 (2)制作立体凹凸的纹理效果 (3)调整图像的颜色 14.2.3 制作硬币衬面 (1)复制背景图层 现在开始制作硬币的衬面。将【背景】图层复制出【背景副本】。 (2)制作立体凹凸的纹理效果 执行【滤镜】→【杂色】→【添加杂色】命令,设置,单击【好】按钮。 执行【滤镜】→【模糊】→【高斯模糊】命令,单击【好】按钮。 设置完毕,图像出现了一种凸凹的效果。 (3)调整图像的颜色 执行【图像】→【调整】→【色彩平衡】命令。 复制图层 添加杂色
高斯模糊 色彩平衡调整 改变长宽比 制作选区 删除多余部分 (4)调整花的大小 (5)删除多余的背景 在【图层面板】中选中【图层1】,接下来开始调整花的大小。 执行【编辑】→【变换】→【缩放】命令,按下工具选项栏中的【保持长宽比】按钮,调整数值,设置完毕后按回车键确认。再按Ctrl+Enter快捷键,退出变换状态。 (5)删除多余的背景 在工具箱中选择【椭圆选框工具】,按住Shift键,将整朵花选中按Ctrl+Shift+I快捷键反选图像,按Delete键删除选中部分。在保持选区不变的情况下,选择【背景 副本】层,按Delete键删除多余部分,按Ctrl+D快捷键取消选择。 改变长宽比 制作选区 删除多余部分
图层样式调整 设置羽化值 选定调整区域 (6)设置图层的斜面和浮雕样式 (7)调整衬面的明暗对比 在【图层面板】上双击【背景副本】,弹出【图层样式】对话框,选中【斜面和浮雕】。 (7)调整衬面的明暗对比 为了使银币衬面与图案更为吻合,在工具箱中选择【椭圆选框工具】,在工具选项栏上设置【羽化】为5像素。设置完后,在图像上面拖拉出一个圆形选区。 图层样式调整 设置羽化值 选定调整区域
亮度/对比度调整 亮度/对比度调整后的效果 调整图案的大小和位置 (8)合并图层并保存图像文件 调整好图案的大小和位置。 执行【图像】→【调整】→【亮度/对比度】命令,设置如图14.45所示,单击【好】按钮。调整后的银币图案与衬面更加吻合。 (8)合并图层并保存图像文件 调整好图案的大小和位置。 在【图层面板】中合并【图层1】和【背景副本】 亮度/对比度调整 亮度/对比度调整后的效果 调整图案的大小和位置
14.2.4 给硬币加边 【描边】对话框 描边及扩展选区 设置“斜面和浮雕” (1)给硬币加边 14.2.4 给硬币加边 (1)给硬币加边 新建【图层2】并选中它,用【椭圆选区工具】选中整个硬币,将【前景色】设置为黑色,执行【编辑】→【描边】命令。执行【选择】→【修改】→【扩展】命令,扩展选区5个像素,将【前景色】设为白色,执行【编辑】→【描边】命令,设置【宽度】为1像素,【位置】为【居内】,其他设置不变,单击【好】按钮。 (2)制作边线的浮雕样式 用鼠标双击【图层2】,在弹出的【图层样式】对话框中选中【斜面和浮雕】。 【描边】对话框 描边及扩展选区 设置“斜面和浮雕”
14.2.5 制作光照效果 14.2.6 为硬币添加变形文字 制作光反射区 亮度/对比度调整 输入文字 14.2.5 制作光照效果 设置图像的明暗对比效果。选中【图层1】,选择工具箱中的【多边形套索工具】,在选项栏上将【羽化】值设定为15,设置完后将光线反射的部分选中。执行【图像】→【调整】→【亮度/对比度】命令。 14.2.6 为硬币添加变形文字 (1)建立文字图像 接着来为硬币加上一些文字信息。 新建一个名称为“文字”的图像文件,选择工具箱中的【横排文字工具】,在选项栏上选择适当的字体,文字大小和颜色,设置完后在图像适当位置单击并输入文字,在这里输入“HONGEN CHUANG ZAO”,重复输入两遍,按Ctrl+Enter快捷键退出文本的编辑状态。 制作光反射区 亮度/对比度调整 输入文字
极坐标设置 极坐标转换后的效果 (2)将文字居中对齐 (3)栅格化文字图层 (4)对文字变形处理 (5)复制文字 按Ctrl+A快捷键选中整个图像,执行【图层】→【与选区对齐】→【垂直居中】命令;再执行【图层】→【与选区对齐】→【水平居中】命令。 (3)栅格化文字图层 在增加文字的效果之前,必须将文字层转化为普通图层,用鼠标右键单击图层面板中的文字图层,选择【栅格化图层】命令。可以看到图层中的“T”字已经消失了,表明图层已经转变成了普通图层。 (4)对文字变形处理 现在可以对文字层进行效果处理了,用滤镜来把文字变成一个环形。 执行【滤镜】→【扭曲】→【极坐标】命令,设置完后单击【好】按钮。有一点需要注意:在执行滤镜前必须让文字处在画布的正中央。 (5)复制文字 在保持选区不变的情况下,执行【编辑】→【拷贝】命令,复制文本。切换到名为“硬币”图像文件,执行【编辑】→【粘贴】命令,粘贴刚复制的文本。 (6)调入文字并调整文字大小 调入文字后,发现文字的大小并不适合硬币的大小,所以需要调整文字大小,使它处在硬币的适当位置。 (7)删除不需要的文字 选择工具箱中的【多边形套索工具】,选中不需要的文字,按Delete键将不需要的文字删除。 极坐标设置 极坐标转换后的效果
调整文字的大小和位置 去掉不需要的文字 调整图案的大小和位置 (8)设置文字效果 按Ctrl+D快捷键取消选区。在图层面板上双击文字所在的图层,弹出【图层样式】对话框,设置如图14.58所示,设置完后单击【好】按钮。可以看到图像中的文字出现了立体凸起的效果,就像真硬币上面雕刻的文字一样。 调整文字的大小和位置 去掉不需要的文字 调整图案的大小和位置
14.2.7 为硬币添加面值 图层样式调整 调整后的效果 添加面值 图层样式调整 调整样式后的文字效果 (1)输入面值文字 14.2.7 为硬币添加面值 (1)输入面值文字 最后为硬币加上面值。在工具箱中选择【文字工具】,在硬币的适当地方写上面值。 (2)栅格化文字图层 同样,在添加效果之前,需要把文字图层转化为普通层,用鼠标右键单击图层面板上的文字图层,选择【栅格化图层】命令将这一层转化为普通层。 (3)添加图层样式效果 在【图层面板】上双击文字图层,弹出【图层样式】对话框。 图层样式调整 调整后的效果 添加面值 图层样式调整 调整样式后的文字效果
图层透明度调整 调整不透明度后的效果 (4)调整文字的透明度 硬币效果已经很逼真了,但是面值与硬币的衬面吻合得不是很好,所以还要进一步处理。在图层面板中,调整面值图层的【不透明度】,如图14.63所示,使它看上去与衬面吻合得更好,效果如图14.64所示。 图层透明度调整 调整不透明度后的效果
14.2.8 点缀闪烁效果 选择画笔 选择画笔样式 画笔属性调整 产生闪烁的感觉 (1)设置笔刷的属性 (2)制作闪烁效果 14.2.8 点缀闪烁效果 (1)设置笔刷的属性 选择工具箱中的【画笔工具】。 接着在选项栏上选择一种星形的画笔样式,先单击【画笔】右边小三角形按钮,打开画笔库,然后用鼠标单击画笔库右上方的三角形按钮,在弹出的菜单上选择【混合画笔】,再在画笔库中选择25像素大小的【交叉排线1】画笔,最后调整画笔的【流量】为80%。 (2)制作闪烁效果 设置好画笔后,单击硬币的左上方,让硬币产生一种闪烁的效果 本例介绍了一枚硬币的制作全过程,除了用花来做硬币图案外,还有很多题材可以选择,如自己的头像等。 选择画笔 选择画笔样式 画笔属性调整 产生闪烁的感觉
14.3 矢量风格图像制作 在设计过程中,有人希望将原有图片进行加工制作出风格迥异的设计,还有很多读者对如何利用素材加工成矢量风格的图像有着浓厚的兴趣,特别是在人物方面,因为矢量风格的图像可以转化为矢量线稿,调入矢量软件中,可以应用在动画和影视等领域中。但许多人苦于没有专业的美术基础,不能把握图片的要领,下面通过一个实例来介绍实现矢量风格制作的过程。 (1)对图像作基本的处理 打开一张包含人物图像的图片(本例打开的图片文件名为“人物.psd”)。 执行Ctrl+L色阶命令,调整滑块,使3个点的滑块重合,参数设置及效果。 图像上面大的色彩出现三层,白、黄、红。我们在学物体成型原理时说过,物体由三个面组成,亮面、灰面、暗面。其实图像上的白、黄、红色块,正是我们所说的三个面,要有足够的耐心将这3个面通过路径描绘出来。 打开文件 调整色阶
制作暗面路径 填充暗面 (2)制作暗面 (3)制作灰面 (4)制作亮面 (5)添加细节 首先是暗面,制作人物轮廓的路径。 新建【图层1】,将路径转化为选区,并填充红色。 (3)制作灰面 将【图层1】关闭,继续用路径工具描绘黄色区域,黄色区域为灰面。 新建【图层2】将路径转化为选区,并填充黄色。 (4)制作亮面 用同样的道理描绘白色路径,白色区域为亮面,继续新建1个图层填充白色,在接下来的制作中,每次做路径都要新建1个图层填充。 (5)添加细节 制作眼部阴影路径,为眼部添加阴影。 制作暗面路径 填充暗面
新建一层,添加眼睛。 添加头发,并利用黄色图层和白色图层,删除没有用的黑色部分。 制作亮面 制作阴影 制作眼睛 删除无用图像
将更改各层的颜色作为设计的元素,矢量风格的设计就完成了。 制作眼睛 添加衣服,以及衣服纹理 。 添加其他一些物品 。 将更改各层的颜色作为设计的元素,矢量风格的设计就完成了。 制作眼睛 添加其他物品 完成制作
其实我们不难发现这种方法适用于很多有节点和路径的矢量软件制作。我们只需要把刚开始调整对比度的图案导入矢量软件中,接下来的制作方法都是大同小异的,制作时关键是要把握好三大面对比度的层次感,只要多做多练,就会发现原来制作这种风格也不困难,只是时间和细心的问题。
14.4 海报的设计与制作 海报以直接、醒目、简单明了的方式传达信息,设计上讲究创意和以视觉的冲击力来达到一目了然的目的。创意根据目标的不同而不同,有的创意引人深思,有的就不需要很深的内涵,而以一种直接明了的方式告诉大众。 下面给大家讲解一幅恐龙模型展览海报的制作,由于面对的是青少年参观者,色彩上选用蓝色为主调,使人产生遐想,版式上采取对称均衡的方式。在创意上不需要很强的思想内涵,目的是让观看者可以直观地理解海报内容。 14.4.1 原始素材处理 海报的尺寸一般为600mm×900mm,分辨率为300像素/英寸,并且要求按照印前方式处理。客户提供的素材有时很好,但有时很少,这需要设计者合理地整合利用,我们这里只有3幅素材。 合理地利用素材也成为关键,首先确定主视觉素材为第2幅奔跑的恐龙,背景为树林,但只能够利用局部,翼龙作为配图来搭配。 将第2幅恐龙拖入新建文件,制作恐龙路径。 将路径转化为选区,将选区【羽化】2个像素,执行Ctrl+J快捷键将恐龙提取出来。 素材图像
制作恐龙路径 将恐龙分离出来 将图像拖入文件中 调整恐龙图像 画面由于色彩单调,清晰度不高,将该层复制一层并执行【正片叠底】的混合模式,然后执行【向下合并】命令,将两个恐龙图层合并。 将该图层关闭,并将“树林”文件打开,将图像拖入海报文件内成为【图层3】。 将图像拖入文件中 调整恐龙图像
利用蒙版去除图像 增添图像调整好大小 添加背景色 为【图层3】添加【蒙版】,选择【画笔工具】,【前景色】选择“黑色”,用画笔在蒙版上涂黑色,去除我们不要的图像,将森林图像的天空部分去掉。 复制【图层3】,执行【编辑】→【变化】→【水平翻转】命令,接着执行Ctrl+T快捷键安排好大小,为画面增添图像。然后将这两个树林层合并,选择【应用图层蒙版】的方式。 将背景层填充淡蓝色到深蓝色的渐变,这样的色彩会让人联想到探索、遥远。符合这次科普活动的主题,并且与背景树林色彩上比较统一。 这时看到树林层有一些白色的色块影响画面,将树林层执行【正片叠底】的混合模式,由于是物料混合原理,白色的部分就会消失。 利用蒙版去除图像 增添图像调整好大小 添加背景色
14.4.2 添加文字信息 双击“侏罗纪”文字层,设置【图层样式】。 将文字扇形变化 执行置换命令 设置图层样式 14.4.2 添加文字信息 先输入文字“侏罗纪”,然后单击【创建变形文本】按钮,弹出【变形文字】对话框,选择【扇形】变化。 前面我们讲过用置换处理文字,先准备好一张用于置换的图(该图可以根据效果的需要自己随意制作),再将文字层栅格化,执行【滤镜】→【扭曲】→【置换】命令,水平和垂直均为5。 双击“侏罗纪”文字层,设置【图层样式】。 将文字扇形变化 执行置换命令 设置图层样式
将其他所需要的文字输入(本例的文字为随意输入的信息),这时版式成为设计的重点,要注意主次关系,在版式构成上,海报通常采用由上到下对称均衡的方式,下面就是具体的内容:区分主次是以文字的大小和位置来划分的,上部主要是标题部分,以侏罗纪的大字作为吸引眼球的主题;下面是具体时间安排和地点的介绍部分,文字的颜色为白色。 这时发现白色的文字尤为突出,影响整个画面的统一格调,可以适当降低各文字层的【不透明度】。 其中主办单位和时间又比较重要,将它改为红色,并利用图层样式的描边功能为红色的字描边,这样的处理既丰富了色彩,也形成了对比,同时由于是小面积色彩改变,并不影响整个画面的色彩格调。 版式构成安排 调整色彩搭配
14.4.3 添加视觉效果 为背景添加杂色 径向模糊背景层 14.4.3 添加视觉效果 现在似乎快成形了,但要注意细节的处理,比如画面的冲击力没有体现,恐龙奔跑的动感没有表现出来,现在将背景层复制,执行【滤镜】→【杂色】→【添加杂色】命令。 接着再执行【滤镜】→【模糊】→【径向模糊】命令,弹出【径向模糊】对话框,径向模糊有【旋转】和【缩放】两种方式,这里我们选择【缩放】形式,用鼠标将中心点拖动到图像的中下方,这样的方式将增加视觉的动感和冲击力。 为背景添加杂色 径向模糊背景层
模糊远处的图像 增加动感 添加其他视觉元素 添加黑灰渐变的背景 继续观察会发现,树林图像的【图层3】在恐龙的后方,所以适当的调整使背景模糊些,执行【滤镜】→【模糊】→【高斯模糊】命令,处理方式是体现透视的近清楚,远模糊的原理。 为了增加动感,继续复制【图层3】,并执行【径向模糊】命令,确定后由于复制层的图层混合模式为【正片叠底】,所以树林比较暗,改变它的混合模式为【叠加】,这样既增加了树林的亮度,同时也能表现出动感。 用【移动工具】将翼龙图像拖动到当前文件中,并调整翼龙的不同明度和大小。这样一幅海报就完成了,使用喷绘的方法就可以实现大幅海报的广告输出了。 模糊远处的图像 增加动感 添加其他视觉元素 添加黑灰渐变的背景
14.4.4 视觉效果的演变 执行渐变映射 通过正片叠合成背景效果 14.4.4 视觉效果的演变 如果想体现出恐龙时代的大爆炸效果,还可以继续加工,新建一层放置在【图层3】下面,【渐变填充】为灰色到黑色,效果如图14.101所示。 执行【图像】→【调整】→【渐变映射】命令,弹出【渐变映射】对话框,单击渐变色条,设置色彩,如图14.102所示。 单击【好】按钮确定后,执行混合模式的【正片叠底】。这样背后的红色光带出现了。 执行渐变映射 通过正片叠合成背景效果
将流星层复制若干层,利用 【自由变换】命令(快捷键为Ctrl+T),改变流行的大小和角度,中心点均以径向模糊的中心为出发点。若有些地方太亮则可以降低【不透明度】,。 继续新建一层,用画笔点出大小不一的白点。 执行【滤镜】→【模糊】→【动感模糊】命令,弹出【动感模糊】对话框,这一层主要是增加远端背景爆炸冲击碎块的层次感。 画出白点 动感模糊
加工好爆炸效果 加亮中心爆炸点 调整字体颜色 执行【编辑】→【变换】→【扭曲】命令,将爆炸碎块调整,并复制若干层安排好位置。 由于增加了爆炸的效果,那么中心点应该比较明亮,所以单击背景层上方的渐变层。用圆形工具选取中心部分,【羽化】80像素,按Ctrl+M快捷键打开【曲线】对话框,将曲线调高。 更改部分字体的颜色,突出冲击力的感觉。 最后适当提高恐龙的亮度完成海报设计,海报的设计关键是把握好创意的尺度,有一些要求创意性很强,有一些要求视觉冲击力强,总之不同的宣传需要不同的方式来突出主体图像,如果没有主体图像会显得很平淡。另外在版式构成上,比较好把握的方式就是对称与均衡。 加工好爆炸效果 加亮中心爆炸点 调整字体颜色
14.5 包装盒立体图的制作 14.5.1 透视效果的制作 打开图像 设置渐变色 在平面设计中,当我们完成一个包装的封面设计后,并不能完全打动客户,而包装的效果图则具有一定的说服力,越做得细致,对图形设计的理解将越深刻。下面通过一个手提袋的制作,来感受一下其中的素描关系。 14.5.1 透视效果的制作 执行【文件】→【打开】命令打开一幅图(本例打开的图片文件名为“平面图.psd”)。 新建【图层2】,在工具箱中选择【渐变工具】,在渐变工具选项栏上单击【点按可编辑渐变】按钮 ,弹出【渐变编辑器】对话框,先单击色标按钮,再单击【颜色】图标,弹出【拾色器】对话框,选择灰色。 同理设置另一个色标的色彩为黑色,成为灰黑渐变,如图14.114所示。如果有多余的色标,可以向下拖动色标,删除它。 打开图像 设置渐变色
设置完后,单击【好】按钮。选择工具选项栏中的【径向渐变】按钮 ,在【图层2】上从左下角开始拖动鼠标至右上角,出现一个前端有光线的背景效果,就如同桌面上打了一束光。在我们日常感知中,往往是亮处感觉在前面,暗处感觉在后面,明暗的差异可以造成拉开空间深度的效果,这样就形成一个纵深的空间感觉。其实在很多设计制作中,常常利用明暗的差别,来制作出层次感和空间感,初学者在以后的制作中应该多多应用,多多体会。 将【图层2】拖放到【图层0】的下方,作为背景来使用,将【图层0】与【图层1】链接起来,执行【自由变换】命令,调整【图层0】和【图层1】中的图像大小。调整完后,取消图层之间的链接。 选中【图层1】,执行【编辑】→【变换】→【扭曲】命令,调整图像。重点注意透视效果,两条线将会在远端相交,要明显做出近大远小的特征。 这里重点要说几句:在我们制作过程中由于是人为的制作,不能保证透视的操作绝对准确,在观看包装效果图时,也没有人用尺子来量透视和灭点是否绝对准确,同时在软件上,不可能做到非常地准确,但我们学过透视的原理,在制作过程中要尽量的反映客观规律,尽可能做到透视的合理,要做出透视的效果。也就是说尽可能地做出透视的近大远小的效果,这一点是非常重要的。 设置渐变颜色 径向渐变填充
调整图像 制作侧面的透视效果 设置羽化 制作正面的透视效果 执行【视图】→【标尺】命令,添加标尺,可以适当增加参考。画面中的红线是为了更好地理解透视后加的,原图上没有。 选中【图层0】,同样执行【扭曲】命令。仍然强调透视近大远小效果,按回车键确定。 将【图层0】复制一层为【图层0副本】,用【套索工具】选中表面的4/5区域,执行【选择】→【羽化】命令,设置【羽化半径】为30像素,单击【好】按钮。 按Ctrl+M快捷键,弹出【曲线】对话框,向下调整曲线,使被选区域变暗。这一步是为了调整手提袋内部的明暗。 设置完后,单击【好】按钮。 调整图像 制作侧面的透视效果 制作正面的透视效果 设置羽化
调整图像 制作侧面的透视效果 制作手提袋的背面 【扭曲】调整透视效果 按Ctrl+D快捷键,取消选区。在【图层】面板中,将【图层0副本】放到【图层0】的下方,执行【编辑】→【变换】→【扭曲】命令,调整透视角度,形成3条平行线将在左方远端相交的透视效果,宽度也相应缩小一点,目的是保持近大远小的效果,这样手提袋的背面就做好了。 同时要注意另外的三条线也要有在右面远端相交的整体透视效果。 因此执行【扭曲】命令的时候,调整左上角控制点的位置至关重要,它决定着两个方向的透视,经验就是调整好控制点后,先不要做最后的确定,调整到最佳角度,再按回车键确定。 在【图层】面板上,选中【图层0】,选择【矩形选框工具】,制作矩形选区,按Ctrl+C快捷键,对选区进行复制,接着新建一层【图层3】,按Ctrl+V快捷键,对刚复制的图像进行粘贴,拷贝出来的图像是手提袋的另一个侧面。 调整图像 制作侧面的透视效果 制作手提袋的背面 【扭曲】调整透视效果
14.5.2 明暗调子的制作 拷贝手提袋的另一个侧面 安排好另一个侧面的明暗和位置 调整正面近光源图像部分的明暗 将背光侧面调暗 按Ctrl+M快捷键,弹出【曲线】对话框,向下调整曲线,使图像变暗,设置完后单击【好】按钮。执行【编辑】→【变换】→【扭曲】命令,调整【图层3】图像的位置角度,放置在【图层0副本】下方,安排好另一个侧面的明暗和位置。 14.5.2 明暗调子的制作 现在一个手提袋的各个面都做出来了,接着通过背景可以判断出光源出现在左上方,这样我们可以继续调整明暗,【图层0】为亮面,并且顶端更应该亮一些,用【套索工具】选取【图层0】表面的左上角,执行【选择】→【羽化】命令,弹出【羽化选区】对话框,设置【羽化半径】为60像素,按Ctrl+M快捷键,弹出【曲线】对话框,向上调整曲线,使被选区域变亮。 调整完后,单击【好】按钮。 按Ctrl+D快捷键,取消选区,在【图层】面板上选择【图层1】,其中的图像是手提袋的暗面,按Ctrl+M快捷键,弹出【曲线】对话框,向下调整曲线,使图像变暗。 拷贝手提袋的另一个侧面 安排好另一个侧面的明暗和位置 调整正面近光源图像部分的明暗 将背光侧面调暗
14.5.3 细节折痕的制作 制作暗面反光 拖出参考线 加工侧面底部折叠形状 加工侧面顶部折叠形状 接着用【套索工具】选取【图层1】中图像的下面部分,执行【选择】→【羽化】命令,设置【羽化半径】为60像素,单击【好】按钮。按Ctrl+M键,弹出【曲线】对话框,向上调整曲线,使被选区域变亮,这个效果是在制造暗面反光,如图14.128所示。按Ctrl+D快捷键,取消选区。 14.5.3 细节折痕的制作 接着制作手提袋的折痕,从左面的标尺上拖动鼠标放置在【图层1】背光侧面图像的中间,拖出一条参考线。 用【多边形套索工具】在图像的底端制作三角选区,顶端的三角在参考线上,执行【编辑】→【清除】命令。 仍然用【多边形套索工具】在图像的顶端制作三角选区,顶端在参考线上,并用工具箱上的【吸管工具】吸取【图层1】顶端的颜色,按Alt+Delete快捷键,将三角选区填充。 制作暗面反光 拖出参考线 加工侧面底部折叠形状 加工侧面顶部折叠形状
调整侧面折叠明暗 调整另一个侧面的折叠明暗效果 加工折叠效果 移除参考线 用【矩形选框工具】选取【图层1】图像参考线左边的图像,按Ctrl+M快捷键,弹出【曲线】对话框,向下调整曲线,使被选区域变暗。 同理单击【图层3】,选取【移动工具】拖动参考线至【图层3】的图像上,并选取图像的右半边图像,按Ctrl+M快捷键打开【曲线】对话框,向下调整曲线,使被选区域变暗。 用【多边形套索工具】在图像的顶端制作三角选区,执行【清除】命令。选择【移动工具】放置在参考线上,拖动鼠标至左端标尺,移除参考线。这样手提袋就基本成型了。 调整侧面折叠明暗 调整另一个侧面的折叠明暗效果 加工折叠效果 移除参考线
14.5.4 阴影的制作 14.5.5 细节质感的加工 制作阴影 加强调整 14.5.4 阴影的制作 新建【图层4】放置在【图层3】的下面,我们要制作投影效果了,根据光源我们判断出阴影应该出现在手提袋的右端,用【多边形套索工具】制作出投影的大概选区范围,羽化选区,羽化值为5像素,并填充黑灰色。 手提袋的整体效果已经完成了,仔细观察如果还有不足的光影关系,可以适当使用【曲线】命令(快捷键为Ctrl+M),加强明暗对比,继续调整,直到满意为止。 14.5.5 细节质感的加工 通过观察看出,手提袋的纸张很薄,没有厚度,纸张的质感不明显,接着开始纸张厚度的制作。在【图层0】上,按住Ctrl键单击图层面板上【图层0】的图层栏,可以找到【图层0】图像的选区,接着执行【选择】→【修改】→【收缩】命令,弹出对话框选择,设置收缩量为1像素。 接着先执行【选择】→【反选】命令,再执行【选择】→【羽化】命令,羽化值为1像素,这样就找到了纸张边缘1像素的图像。 制作阴影 加强调整
【收缩】命令面板 反选选区 制作纸张厚度的质感 加工其他几面纸张的厚度质感 执行Ctrl+M【曲线】命令,向上调整曲线,使被选区域变亮,形成纸张厚度所产生的反射亮光。这样看上去纸张就有很强的质感了。 同理,将其他几个面的纸张同样作出厚度的质感和转折面的反射光线。 现在可以给手提袋开孔了,选择【图层0】,用【椭圆选框工具】画出圆形选区,并按键盘上的Delete键清除选择区域。 现在感到正在制作的图像部分太小,看不清,这时单击工具栏上的【缩放工具】将开孔的图像部分用放大镜放大,选择【选框工具】将圆形选区向右下方移动。 【收缩】命令面板 反选选区 制作纸张厚度的质感 加工其他几面纸张的厚度质感
正面开孔 移动选区 制作纸张厚度的质感 加工其他几面纸张的厚度质感 执行Ctrl+M【曲线】命令,向上调整曲线,使被选区域变亮,形成纸张厚度所产生的反射亮光。这样看上去纸张就有很强的质感了。 同理,将其他几个面的纸张同样作出厚度的质感和转折面的反射光线。 执行Ctrl+M【曲线】命令,向上调整曲线,使被选区域变亮,制作出开孔部分的纸张厚度被光线照亮的部分,接着将圆形选区向左上方移动,仍然执行Ctrl+M【曲线】命令,向下调整曲线,使被选区域变暗,作出开孔部分的纸张厚度背光的部分。 同理制作出其他3个开孔的厚度的感觉。但要注意前端的圆孔要稍微大一些。现在手提袋已经有了很逼真的效果。 正面开孔 移动选区 制作纸张厚度的质感 加工其他几面纸张的厚度质感
14.5.6 倒影的制作 制作开孔部位的明暗质感 制作出所有的开孔效果 改变图层名字 链接图层 14.5.6 倒影的制作 倒影是原物体的反射图像,和原物体是相反的图像,同时仍然遵循着透视的规律。就如同一正一反底部相连的两个物体,所以对于手提袋来说,顶部我们将在倒影中无法看到,首先我们把倒影中能够看到的【图层0】和【图层1】的两个图层分别复制一个新层,出现【图层0副本2】和【图层1副本】,双击图层的文字部分,重新填写文字,成为【倒影】和【倒影1】。 单击【倒影】层面板左端的小方格,可以将【倒影】和【倒影1】两个层链接,再次单击小方格后可以取消链接。链接图层后,所有的链接层将可以同时移动、同时变化大小。 制作开孔部位的明暗质感 制作出所有的开孔效果 改变图层名字 链接图层
垂直翻转投影层 打开链接制作侧面投影层的透视效果 制作正面投影层的透视效果 填充手提袋底部和投影的缺口 用【缩放工具】将图像缩小,执行【编辑】→【变换】→【垂直翻转】命令,将两个倒影层垂直翻转,用【移动工具】将图像的顶部与原图的底部相接。 将两个倒影层取消链接,单击【倒影】层,执行【编辑】→【变换】→【扭曲】命令,调整【倒影】层图像的透视角度,倒影同样遵循透视的原理,倒影的底部同样有透视角度,它和原图是同一个灭点,这一点也是需要很好的理解。 同理,单击【倒影1】层,执行【编辑】→【变换】→【扭曲】命令,调整【倒影1】层图像的透视角度。 调整好后,放大图像,单击【倒影】层,修改【倒影】层的缺口,将缺口填充与原图相同的颜色。切记由于明暗不同,有两种颜色要填充,可以先填充左面,后填充右面。 垂直翻转投影层 打开链接制作侧面投影层的透视效果 制作正面投影层的透视效果 填充手提袋底部和投影的缺口
继续将【倒影】层和【倒影1】层链接,单击图层面板右端的小三角按钮,选择【合并链接图层】命令,将链接图层合并成一个图层。 调整合并后的【倒影1】图层的【不透明度】数值为30%,现在一个手提袋的效果完成了。 经过大量的工具使用,终于完成了制作,大家需要初步掌握这些原理。在制作包装效果图时重点注意的是透视、明暗、投影、倒影,只要制作效果符合客观原理,就可以制作出一个非常好的包装效果。 合并链接层 调整投影层的不透明参数
14.6 习题与上机操作 1. 问答题 2. 上机操作 (1)怎么安装Photoshop的外挂滤镜?安装后通过哪里可以找到并使用它? 14.6 习题与上机操作 1. 问答题 (1)怎么安装Photoshop的外挂滤镜?安装后通过哪里可以找到并使用它? (2)图层栅格化的作用是什么? 2. 上机操作 (1)请结合前面和本章学习的内容,把左图处理成右图的效果。 (2)将一张崭新的杂志图片制作成陈旧不堪的效果,效果如下图所示。
(3)将一张普通照片处理成艺术照,再制作一个合适的相框,效果如下图所示。 (4)结合所学知识,制作如下图所示的电池三维效果图。