计算机辅助平面设计第四章-特效字体设计.ppt

1、第四章特效字体设计2本章导读 从本质上来说，字体的设计离不开这几种类型：字体的形象化设计、字体的意象化设计、字体的装饰化设计、字体的立体和投影设计、电脑创意字体，以及民间传统的创意字体。这些字体类型囊括了所有字体设计的创意形式。学习目标 本章的学习建立在对文字工具的学习和使用基础上，旨在让初学者使用文字工具并借助效果与渐变的设置，制作出精美的字体形象。学习前需要先掌握渐变、透明度、图层及效果等面板和选项条的设置。第一节金属文字设计 本节主要介绍使用样式和滤镜来制作高光金属字效果，制作时的具体参数需要根据文字的实际大小来设置。在Photoshop 中新建一个A4 国际标准纸张文档，如图4-1 所

2、示；将其背景填充为黑色，然后输入白色文字，如图4-2 所示。图4-1 新建文档设置图4-2 高光金属字画布布局3 添加文字图层样式，勾选“斜面和浮雕”“图案叠加”复选框，进行相关设置，如图4-3、图4-4 所示。在文字图层添加图层样式并设置参数，得到图4-5 所示的效果。现在进一步处理文字，按下Ctrl 键的同时单击文字图层缩略图，调出文字图层选区，执行“选择”“修改”收缩”命令，如图4-6 所示，设置像素收缩量为12。图4-3“斜面和浮雕”设置图4-4“图案叠加”设置4图4-5 添加图层样式后的效果图4-6 选择菜单中的“收缩”命令 再新建一个图层，填充为白色，得到图4-7。执行“滤镜”“风

3、格化”“凸出”命令，打开“凸出”对话框，相关参数设置如图4-8 所示。图4-7 填充白色后的文字效果图4-8“凸出”参数设置5 按快捷键Ctrl+M，打开“曲线”对话框，设置曲线参数，如图4-9 所示。其最终效果如图4-10所示。图4-9 曲线面板参数设置图4-10高光金属字最终效果6第二节镂空文字设计第二节镂空文字设计 镂空文字的创作灵感来源于江南园林建筑里的镂空形态，本节以效果里的3D 凸出和斜角为主要创作要点展开，其关键是要区分不同层次效果的摆放与设置。镂空文字的制作过程如下：（1）在Illustrator CS6 中新建一A4 纸张大小的文档，并使用文字工具输入“印象中国”，将颜色设定

4、为黑色。使用矩形工具在工作区域绘制一个灰色的矩形图形，作为文字的背景，如图4-11 所示。（2）在文字上右击，然后在弹出的快捷菜单中选择“创建轮廓”选项。选中文字和矩形图形，单击“路径查找器”选项卡“形状模式”选项区中的“减去顶层”选项，效果如图4-12 所示。（3）使用工具箱中的缩放工具和自由变换工具将文字和矩形图形进行变形，改变透视方向，效果如图4-13 所示。（4）对文字做立体的变形处理，执行“效果”“3D”“凸出和斜角”命令，打开“3D 凸出和斜角选项”对话框，将角度分别设定为42、26、6，凸出厚度设为15 pt，也可根据情况自行设定，效果如图4-14 所示。图4-11新建文档并输入

5、文字图4-12 为文字创建轮廓图4-13 将文字和矩形图形进行变形图4-14“凸出和斜角”设置效果7 （5）执行“对象”“扩展外观”命令，将文字和矩形进行重新设定，然后执行“对象”“取消编组”命令，并将上面完整的一层复制一个备用，然后把原有的上层填充白色。复制出第四层填充的图像，对第一层添加渐变（灰色的渐变，数值可自行设定），第二层采用添加白色的图层，对第三层添加黑色，并执行“效果”“模糊”“高斯模糊”命令，将透明度的模式设定为“正片叠底”，在最下面一层添加浅灰色，以区分层次感，效果如图4-15、图4-16 所示。（6）调整图层的位置，将第三层的阴影错位一些，模仿光照下阴影的效果；将第一层的渐

6、变也稍微错位一点，目的是露出第二层的白色，以制造出边缘高光的效果，最终效果如图4-17 所示。图4-15复制图层并进行设置图4-16图层的效果展示图4-17镂空文字效果展示8第三节烈火文字设计 烈火文字字体有点类似涂抹火焰字的效果，不过又有很多改进的地方。例如，其颜色用了彩色渐变，涂抹火焰时可以任意发散，还加了描边效果及装饰等，使文字整体看上去非常漂亮、梦幻。其符合当代时候创新发展的潮流。首先，在Photoshop 中创建文档，选择国际标准纸张A4（210 像素297 像素），然后进行相关设置，如图4-18 所示。图4-18烈火文字文档设置9 填充背景色为黑色，使用文字工具输入“烈火文字”，文

7、字填充色为白色，如图4-19 所示。复制当前文字图层，然后把文字图层预览关闭，选择文字图层副本并右击，在弹出的快捷菜单中选“栅格化图层”选项将图层删格化。执行“滤镜”“模糊”“高斯模糊”命令，打开“高斯模糊”对话框，设置模糊半径为8 像素（图4-20、图4-21）。图4-19“烈火文字”输入后的效果图4-20“高斯模糊”命令图4-21高斯模糊后的效果10图4-22工具栏中的涂抹工具图4-24“外发光”参数设置一图4-23涂抹后的效果 选择工具箱中的涂抹工具，将强度设置为40%，沿着字体边缘开始涂抹，如图4-22 所示。涂抹后的效果如图4-23 所示。给当前图层添加图层样式，勾选“外发光”复选框

8、，颜色选择紫红色，不透明度设为54%，大小为43 像素，如图4-24 所示。11 把刚才隐藏的文字图层显示出来，然后载入文字选区，新建一个图层，选择描边，设置像素为1、白色,然后把旧的文字图层隐藏，其效果如图4-25 所示。复制几个描边的图层，按快捷键Ctrl+T 轻转旋转一下，然后按快捷键Ctrl+E 合并这几个描边图层，用涂抹工具抹一下文字的开头和结尾部分，保留中间的些许白线，得到图4-26 所示的效果。给当前图层添加图层样式，勾选“外发光”复选框，相关参数设置如图4-27 所示。图4-25描边后的文字效果图4-26复制描边图层后的效果图4-27“外发光”参数设置二12 新建一个图层，选择

9、渐变工具，设置中间为紫色，两边为深蓝色，然后由上至下拉出线性渐变，再将图层混合模式改为“柔光”，得到图4-28 所示的效果。再新建一个图层，将混合模式改为“叠加”，分别用亮蓝、鲜黄、粉色、亮绿等柔角画笔涂抹。注意控制透明度，尽量保持颜色的通透效果。不局限颜色，可多尝试其他颜色，涂出喜欢的效果即可（图4-29）。图4-28添加渐变后的效果图4-29添加颜色后的效果 复制火焰效果图层（涂抹层、描边层、填色层合并的图层），按快捷键Ctrl+T，在文字图层上右击，在弹出的快捷菜单中选择“垂直翻转”，将图形反过来，调整透明度，用橡皮擦擦下最下面的边缘，做出倒影效果（图4-30）图4-30最终的效果13第

10、四节冰冻文字设计 本节是结合使用Illustrator 和Photoshop 制作出漂亮的冰冻文字效果。冰冻字体需要在Illustrator 里创建，图片的效果展示在Photoshop 里完成。（1）在Illustrator 中新建文档，大小为A4 纸张，并将其命名为“冰冻字体”，如图4-31 所示。（2）使用钢笔工具绘制文字，调整好距离和顺序，效果如图4-32 所示。图4-31新建文档图4-32绘制文字14 （3）执行“效果”“3D”“凸出和斜角”命令，打开“3D 凸出和斜角选项”对话框，为文字添加立体效果，将角度分别设置为25、17、0，凸出厚度为77 pt，如图4-33 所示。（4）把上

11、述做好的文字导入Photoshop 中，进行精修设置，效果如图4-34 所示。图4-33“凸出和斜角”设置图4-34导入Photoshop 的文字效果15 （5）新建一个蓝色背景的文档，效果如图4-35 所示。（6）将在Illustrator 中做好的文字置入新建的蓝色背景文档中，效果如图4-36 所示。图4-35新建蓝色背景的文档图4-36将文字置入蓝色背景16 （7）为了使文字显示出更加冰凉的效果，为文字添加内发光效果，并适当添加杂色，发光颜色设定 为白色，效果如图4-37 所示。（8）选中文字表面的选区，并填充白色，效果如图4-38、图4-39 所示。图4-37为文字添加内发光效果图4-

12、38文字选区图4-39为文字选区添加白色17 （9）执行“选择”“修改”“收缩”命令，将上述的选区收缩2 px（像素），按快捷键Ctrl+J复制一层，效果如图4-40 所示。图4-40收缩并复制图层18（10）将收缩后的图层复制三层，底层的填充为蓝色（选文字中最深的颜色就行），向右平移。中间层的填充颜色和底层一样，位置不变，但是要做内发光效果，内发光颜色为白色。其效果如图4-41、图4-42 所示。图4-41为底层和中间层文字添加颜色图4-42为中间层文字做内发光效果19（11）最上面的图层填充为白色，按Crtl 键调出选区，用涂抹工具随意涂抹，以增加冰块表面的纹理，然后关闭选区，执行“滤镜”

13、“风格化”“风”命令，为文字添加风吹的效果。其效果如图4-43、图4-44 所示。图4-43使用涂抹工具涂抹20（12）重复上面的步骤，为下方的文字添加同样的效果。其效果如图4-45 图4-48所示。图4-48文字滤镜效果展示图4-47涂抹文字图4-46为文字做内发光效果图4-45为文字添加颜色图4-44风吹效果展示21（13）打开雪山素材，如图4-49 所示（14）将雪山素材置于文字图层的下方，调整文字图层的位置和大小，效果如图4-50 所示。（15）按快捷键Shift+Ctrl+Alt+E 盖印图层，并将盖印的图层复制两层出来，将图层混合模式改为“柔光”。其最终效果如图4-51 所示。图4-51冰冻文字效果展示图4-50置入素材并调整文字位置和大小图4-49雪山素材22课堂基础训练课堂基础训练（1）文字工具的使用与排版。（2）滤镜工具的使用。课后进阶课后进阶（1）思考“扩展”命令的作用。（2）尝试制作火焰文字效果。（3）结合使用Photoshop与Illustrator制作特效字。优秀案例赏析优秀案例赏析请欣赏图4-52、图4-53所示的字体设计海报。图4-52字体设计海报一图4-53字体设计海报二