《Photoshop平面设计与创意案例教程》第8章 文字的创建与效果设计课件

1、Photoshop本章中将介绍Photoshop CS5中关于文字设计与处理方法，主要内容包括文字工具的使用方法，设定文字的属性，制作点文字和段落文字，文字图层的栅格化，将文字转换路径或选区，文字变形的方法和沿路径排列文字的方法。Start Here平面设计与创意案例教程第8章文字的创建与效果设计 教学要求：知 识 要 点能 力 要 求相 关 知 识文字工具掌握文字工具的使用文字选区掌握学会如何制作文字选区文字的变形了解文字的变形的方法沿路径排列文字掌握沿路径排列文字的方法设计案例（1）火焰字 （2）玻璃字（3）打眼字 （4）冰凌字（5） 彩带字 “火焰字”案例的效果如图81所示。 以下图为例

2、 8.1 【案例81】火焰字图81 “火焰字”最终效果1案例设计创意所在： 该案例是2通过本案例的学习，3该案例的制作方法如下：（1）选择 “文件”菜单“新建（Ctrl+N）”命令，设置文件的“宽度”为16厘米，“高度”为12厘米，“分辨率”为100像素/英寸 ，颜色模式为灰度，“背景内容”为白色，名称为“火焰字”，如图82所示。 图82 “新建”对话框 （4）选择“虑镜”菜单“风格化”“风”命令，给 “燃烧”文字添加风的效果，具体参数设置为默认的值，如图87所示，单击“确定”按钮，效果如图88所示，可以根据自己的需要多次添加“风”的效果，本实例添加次数为次（可以用快捷键Ctrl+F，重复使用

3、刚刚使用过的滤镜），如图89所示。图85在“图层”调板填充“燃烧”为白色图86图像旋转“90度（逆）”图87“风”对话框图88“风”后的图像（次）图89“风”后的图像（次） （5）选择“图像”菜单“图像旋转”“90度(顺时针)”命令，将画布的位置恢复原来模样，如图8所示，选择“滤镜”菜单“扭曲”“波纹”命令，在对话框里设置“数量”为45%，“大小”为中，如图811所示，单击“确定”按钮，效果如图812所示。图810图像旋转“90度”(顺) 图811“扭曲”对话框图812“扭曲”后图像（6）选择“图像”菜单“模式”“索引模式”命令，会弹出一个对话框，如图813所示，单击“确定”按钮，会弹出另外一

4、个对话框，参数为默认值，如图814所示，单击“确定”按钮，此时“图层”调板如图815所示。 图816“颜色表”对话框图817“颜色表”后的图像（8）选择“通道”调板，按住Ctrl键的同时，单击“Alpha1”通道前面的缩略图标 ，调出选区，如图818所示，回到“索引”通道，如图819所示，将选区填充为黑色，按Ctrl+D取消选区，如图820所示。图818“颜色表”后的图像图819回到“索引”通道图820将选区填充为黑色 至此，完成“燃烧”文字的全部效果的制作。最终效果如图81。8.2 【案例82】玻璃字 图821“玻璃字”最终效果“玻璃字”案例的效果如图820所示。1 案例设计创意所在： 该案

5、例是2通过本案例的学习，3该案例的制作方法如下：（1）选择 “文件”菜单“新建（Ctrl+N）”命令，设置文件的“宽度”为16厘米，“高度”为12厘米，“分辨率”为100像素/英寸 ，颜色模式为RGB，“背景内容”为白色，名称为“玻璃字”，如图822所示。图822“新建”对话框图827“查找边缘”后的图像图828“反相”后的图像图825“动感模糊”对话框 图826“动感模糊”后的图像（4）选择“虑镜”菜单“风格化”“查找边缘”命令，如图827所示，选择“图像”菜单“调整”“反相（Ctrl+I）”命令，如图828所示。 （5）选择“通道”面板右下角的 按钮，将通道作为选区载入，如图829所示，选

6、中“通道”调板的“RGB” 通道，如图830所示，返回“图层”调板。 图829将通道作为选区载入图830选中“”通道（6）选择“图层”面板右下角 按钮，新建一个图层，选择工具箱上的“ 渐变工具，单击选项栏 下拉菜单，打开“渐变拾色器”，选择“色谱”渐变色块，如图831所示，并在选项栏中单击“线性渐变 ”，然后从文字的左边向右边拖动以给选区作渐变填充（至少拉三次），Ctrl+D取消选区，如图832所示。1 案例设计创意所在：2通过本案例的学习， 3该案例的制作方法如下：（1）选择 “文件”菜单“新建（Ctrl+N）”命令，设置文件的“宽度”为16厘米，“高度”为12厘米，“分辨率”为100像素/

7、英寸 ，颜色模式为RGB，“背景内容”为白色，名称为“打眼字”，如图834所示。图834“新建”对话框图835在画布上输入文字“梦想” 图836新建图层（3）选中文字“梦想”图层，按“Ctrl+E”将此图层与图层1合并，选中合并后的图层（合并图层名为“图层1”），选择“虑镜”菜单“模糊”“高斯模糊”命令,在对“高斯模糊”话框内，设置 “半径”为4.3，如图837所示，单击“确定”按钮，效果如图838所示。（2）设前景色为纯红色（R=255，G=0，B=0），选择工具箱上的“文字工具 ”按钮，在画布单击一下，输入文字“梦想”，字体为黑体，大小为，加粗，选择工具箱上的“移动工具 ”，调整好文字在画

8、布上的位置，按Ctrl+D键取消选区，如图835所示，背景层和文字层之间创建一个产新的图层，并填充颜色为白色，如图836所示。图837“高斯模糊”对话框图838“高斯模糊”后的图像（4）按Ctrl+L键，弹出“色阶“对话框，在对话框中向左拖动“输入色阶”的右侧白色三角滑块，如图839所示，使文字的线条更清晰一些，效果如图840所示。图839“色阶”对话框 图840“色阶”后的图像（6）选择魔棒 工具，并在选项栏中去掉“连续”选项，如图843所示，然后在文字图层的白色部分单击，选择除了文字以外的白色区域，如图844所示。（5）选择“虑镜”菜单“像素化”“彩色半调”命令,在对“彩色半调”话框内，设

9、置 “最大半径”为10，“通道1”为108，其他通道的值为0，如图841所示，单击“确定”按钮，效果如图842所示。图841“彩色半调”对话框 图842“彩色半调”后的图像 图843魔棒工具“选项栏” 图844用魔棒选中白色区域（7）保持选区为选中状态，单击“图层”调板中的“创建新图层 ”按钮，如图845所示，创建“图层2”，设前景色为黄色，并填充此时的选区，按Ctrl+D取消选区，如图846所示。 图845新建图层 图846将选区填充为黄色（8）双击“图层2”图层，弹出“图层样式”对话框，选中“斜面和浮雕”选项，设置“深度”为83%，大小为2，如图847所示，单击“确定”按钮，效果如图848

10、所示。图847“图层样式”对话框 图848“斜面和浮雕”的效果至此，完成“打眼字”文字的全部效果的制作，最终效果如图8-33 。1 案例设计创意所在：该案例是2通过本案例的学习， 3该案例的制作方法如下：（1）选择 “文件”菜单“新建（Ctrl+N）”命令，设置文件的“宽度”为16厘米，“高度”为12厘米，“分辨率”为100像素/英寸 ，颜色模式为RGB，“背景内容”为白色，名称为“冰凌字”，如图850所示。 图850“新建”对话框（2）按字母键D，恢复默认的前/背景色，选择工具箱中的“横排文字工具 ”，在画布窗口中单击，输入字母“SNOW”，字体为：Arial Black，大小为140px，

11、选择工具箱上“矩形选框工具 ”调整好文字在画布上适当位置，并填充为黑色，如图851所示（注意：调整文字位置时，一定要保证当前的工具是“矩形选框工具 ”），单击“图层”调板上的“新建图层按钮 ”，得到“图层2”，并将此图层背景填充为白色，“图层”调板如图852所示。 图851输入文字 图852“图层”调板图857“添加杂色”对话框 图858 “添加杂色”后的图像 图855“晶格化”对话框 图856 “晶格化”后的图像（5）重新载入文字（SNOW图层）选区，回到“图层1”图层，选择“虑镜”菜单“杂色”“添加杂色”命令,在“添加杂色对话里”对话框，设置参数“数量”为173.26，“分布”选择平均分布

12、，将“单色”复选框选中，如图857所示，单击“确定”按钮，效果如图858所示。（6）选择“虑镜”菜单“模糊”“高斯模糊”命令，设置参数“画笔大小”值为4 ，如图859所示，单击“确定”按钮，按Ctrl+D取消选区，效果如图860所示。 图859“高斯模糊”对话框 图860 “高斯模糊”后的图像（7）按Ctrl+M组合键，打开“曲线”对话框，设置如图861所示，单击“确定”按钮，效果如图862所示。 图861“曲线”对话框 图862“曲线”后的图像（8）按Ctrl+I组合键，将图像反相，如图863所示，选择“图像”菜单“图像旋转”“90度（顺时针）”命令，如图864所示 。图863图像反相 图8

13、64 旋转90度（顺时针）图865“风”对话框 图866 “风”后图像 图867 逆时针旋转90度（9）选择“虑镜”菜单“风格化”“风”命令，设置参数“方法”选风，“方向”选择从右，如图865所示，单击“确定”按钮，再按Ctrl+F，再执行一次“风”滤镜，效果如图866所示，选择“图像”菜单“图像旋转”“90度（逆时针）”命令，如图867所示。（10）按Ctrl+A全选，Ctrl+C复制，选择“通道”调板，单击“通道“调板右下角的“新建 按钮”，新建一个Alpha通道，按Ctrl+V粘贴。（11）按Ctrl+L组合键，弹出“色阶”对话框，设置参数“输入色阶”为（17，1.00,170）如图所8

14、68所示，单击“确定”按钮，效果如图869所示。 图868“色阶”对话框 图869“色阶”后的图像（12）单击“通道”调板下的“将通道作为选区载入 ”，如图870所示，回到“图层”调板选择“图层1”，单击下面的“添加矢量蒙版按钮 ”，如图871所示，按Ctrl+J,复制出“图层1副本”，并将该图层混合模式设为颜色减淡，效果872如图。图870“通道”调板 图871 “图层”调板 图872 “颜色减淡”后的图像（13）按Ctrl+U组合键，弹出“色相/饱和度”对话框，设置参数，选择“着色”复选框，“色相”为220，“饱和度”为24，“明度”为35，如图873所示，单击“确定”按钮，按Ctrl+D

15、取消选区，效果如图874所示。 图873“色相/饱和度”对话框 图874“色相/饱和度”图像（14）将前景设蓝灰色（R=169,G=188,B=213）,背景色设为黑色，选择工具箱上的“渐变工具 ”，在选项栏上选择“线性渐变 ”，填充“背景”图层（填充时从画布左下角向右上角呈对角线拉）。（15）将前景色设白色，按Ctrl+Shift+N组合键新建一个“图层2”，选择工具箱上的“画笔工具 ”，按F5键，弹出“画笔”面板，如图875所示，在画布上画一些星星，如图876所示，双击“图层1”，弹出“图层样式”对话框，选择左边“投影”，右边设置参数“距离”为10，“扩展”为0，“大小”为8，单击“确定”

16、按钮，如图877所示。 图875“画笔”面板 图876 添加星星后的图像 图877添加投影后的图像8.5 【案例85】彩带字至此，完成“冰凌”文字的全部效果的制作。最终效果如图849。“彩带字”案例的效果如图878所示。图878“彩带字”最终效果1 案例设计创意所在：该案例利用自定义画笔，并利用画笔中的动态颜色以及渐隐选项，制作出彩带字的效果，能很好的起到吸引注意力的作用，这在平面设计中经常可以用到。2通过本案例的学习， 可以学习并巩固之前学的自定义画笔、画笔中的动态颜色以及渐隐选项的具体应用。3该案例的制作方法如下：（1）选择 “文件”菜单“新建（Ctrl+N）”命令，设置文件的“宽度”为1

17、6厘米，“高度”为12厘米，“分辨率”为100像素/英寸 ，颜色模式为RGB，“背景内容”为白色，名称为“冰凌字”，如图879所示。图879“新建”对话框（2）单击“图层”调板上的“新建图层按钮 ”，得到“图层1”，图层调板如图880所示。选择工具箱中的“横排文字工具”按钮 ，在图层1中输入文字“彩带字”，字体为：宋体，大小为60px，字体颜色为黑色，并用移动工具调整好文字在画布上的适当位置，如图881所示。 图880 “图层”调板 图881输入文字 图882“画笔名称”对话框 图883用钢笔工具画一条曲线 （4）选择“编辑”菜单“定义画笔预设”命令，在“图案名称”对话框，名称栏输入“彩带字”

18、，如图882所示，按“确认”按钮，在“图层“调板上，将“图层1”隐藏，单击“图层”调板上的“新建图层按钮 ”，得到“图层2”，选择工具箱上的“钢笔工具 ”，并在选项栏上选择“路径按钮 ”，在画布画如图883所示的一条曲线 ，可以用工具箱的“直接选择工具 ”对当前路径进行调整。（5）选择工具箱上的“画笔工具 ”，在选项栏点击 三角形弹出下拉菜单，找到第（4）步定义的“彩带字”画笔预设，如图884所示，选择“路径”调板，单击“工作路径”，如图885所示。图884“画笔”的选项栏 图885“路径”调板 图886“画笔”调板（6）选择“窗口”菜单“画笔”命令（或者按F5），弹出“画笔”面板，设置“画笔

19、”间距1%，大小243px，如图886所示，在“画笔”面板左边选择“颜色动态”，在右边“控制”栏选择渐隐，值设为400，其他数值为默认值，如图887所示。（7）将前景色设为红色，背景色设为绿色，选择“路径”调板上的“工作路径”，曲线如图888所示，选择工具箱上的“画笔工具 ”，单击调板下的“用画笔描边路径 ”按钮 ，画布图像如图889所示（注意事项：单击“用画笔描边路径 ”按钮前，一定要保证当前工具是“画笔工具 ”）图887“画笔”调板 图888“工作路径”上的曲线 图889“画笔描边路径”后的图像（8）将前景色设为绿色，背景色设为黄色，选择“路径”调板上的“工作路径”，用工具箱的“删除锚点工

20、具 ”或“直接选择工具 ，将曲线变成如图890所示，选择工具箱上的“画笔工具 ”，单击调板下的“用画笔描边路径 ”按钮 ，画布图像如图891所示。 图890“工作路径”上的曲线 图891“用画笔描边路径”后的图像（9）将前景色设为黄色，背景色设为蓝色，选择“路径”调板上的“工作路径”，用工具箱的“删除锚点工具 ”或“直接选择工具 ，将曲线变成如图892所示，选择工具箱上的“画笔工具 ”，单击调板下的“用画笔描边路径 ”按钮 ，画布图像如图893所示。 图892“工作路径”上的曲线 图893“用画笔描边路径”后的图像（10）将前景色设为蓝色，背景色设为红色，选择“路径”调板上的“工作路径”，用工具箱的“删除锚点工具 ”或“直接选择工具 ，将曲线变成如图894所示，选择工具箱上的“画笔工具 ”，单击调板下的“用画笔描边路径 ”按钮 ，画布图像如图895所示。 图896“图层2”图形变小 图897调出文字选区图894“工作路径”上的曲线 图895“用画笔描边路径”后的图像（11）将“路径”调板上的“工作