《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

本节书摘来自异步社区《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》一书中的第2章,第2.5节,作者: 安道通 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.5 创建文字

在Photoshop CC中,使用【文字】工具不仅可以将文字添加到文档中,同时也可以制作各种特殊的文字效果。

2.5.1 输入文字
在Photoshop中,【文字】工具包括【横排文字】、【直排文字】、【横排文字蒙版】和【直排文字蒙版】工具。要选取该工具,可以单击相应的工具按钮,如图2-57所示。可以对文本进行更多的控制,如实现在输入文本时自动换行、将文本转换为路径等。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

下面通过实例讲述文字的输入,具体操作步骤如下。

(1)打开素材文件“原始文件/CH02/输入文字.jpg”,选择工具箱中的【横排文字】工具,如图2-58所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

(2)在图像上单击输入文字,如图2-59所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

2.5.2 设置文字属性
输入文字后,当对文字的字体或颜色不满意时,可以在工具选项栏或【字符】面板中修改文本属性,如图2-60所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

选中要设置字体的文本,在【字体】下拉列表中选择要设置的字体,选中其中一个字体,单击即可使当前文本应用该字体,如图2-61所示。

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

选中要设置字体大小的文本,在【字体大小】下拉列表中设置字体的大小,如图2-62所示。单击【字符】面板中的【颜色】文本框,弹出【拾色器】对话框,如图2-63所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

在【消除锯齿】下拉列表中根据需要选择,如图2-64所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

选择以后即可设置文字的属性,如图2-65所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

**
2.5.3 文字的变形**
使用【变形文字】命令可以对文字进行多种变形,【变形文字】对话框如图2-66所示。

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

在【变形文字】对话框中的各参数如下。

样式:选择要进行变形的风格,在其下拉列表中选择样式,如图2-67所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

水平和垂直:选择文字弯曲的方向。
弯曲、水平扭曲和垂直扭曲:用来控制文字弯曲的程度。
下面通过实例讲述变形文字的创建方法,具体操作步骤如下,所使用到的文件如表2-7所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

(1)打开素材文件“原始文件/CH02/变形文字.jpg”,如图2-68所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

(2)选择工具箱中的【横排文字】工具,在舞台中输入文字“繁花似锦”,如图2-69所示。

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

(3)单击工具选项栏中的02tb25.tif按钮,弹出【变形文字】对话框,在对话框中的【样式】下拉列表中选择【上弧】选项,如图2-70所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字

(4)单击【确定】按钮,即可设置变形文字效果如图2-71所示。


《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——2.5 创建文字