实验五： 端午节海报设计
Photoshop 在文字的处理功能上应用广泛，它能丰富图像内容，直观地表达图像的意义， 还可以制作出各种与图像完美结合的异形文字，使得图文效果协调精致。
预备知识
1.文字工具及属性
文字是平面设计作品中非常重要的视觉元素之一，使用 Photoshop 提供的文字工具可 以创建各种类型的文字，还可以对文字进行变形，以及按路径排列文字。
选择文字工具后，可以在工具选项栏中设置文字的属性。
2.【字符】调板
文字的字体、大小和颜色等都是文字的属性，设置这些属性也被称为设置字符格式。输 入文字之前，可以在工具选项栏中设置文字属性，输入文字后也可以重新设置字符属性。如 果是在输入文字后更改文字属性，则必须先选择需要修改的字符，然后在调板中进行设置。
单击文字工具选项栏中的显示/隐藏字符和段落调板按钮，或者选择【窗口】→【字符】 命令，弹出【字符】调板，则可以在调板中设置字体的大小、样式、字体等属性。
3.【段落】调板
段落是指末尾带有回车符的文字。对于点文字，每行即是一个单独的段落，对于段落文 字，一段可能有多行，具体视外框的尺寸而定。使用【段落】调板可以为文字图层中选定的 单个段落、多个段落或全部段落设置格式选项。单击文字工具选项栏中的显示/隐藏字符和 段落调板按钮，或者选择【窗口】 →【段落】命令，弹出【段落】调板， 在调板中可以设 置文本的对齐方式、缩进以及间距等属性。
4.编辑文字
（1）选中文本
（2）更改文本排列方式
（3）将文本转换为选区
（4）将文本图层转换为普通图层
（5）将文本图层转换为形状
（6）将文本图层转换为工作路径
（7）将文本层栅格化
5.扭曲变形文字
对文字进行变形可以创建特殊的文字效果。例如，可以使文字的形状变为扇形或者波浪 状。变形样式是文字图层的一个属性，而且可以随时更改或者取消变形。下面将介绍如何扭 曲变形文字。
在【图层】调板中选择要进行应用变形的文字图层。选择文字工具，然后单击工具选项 栏中的创建文字变形按钮，或者选择【图层】→【文字】→【文字变形】命令，弹出【变形 文字】对话框 ，在该对话框中可以设置样式、水平/垂直 、弯曲 以及水平扭曲/垂直扭曲 等属性。
6.沿路径绕排文字
沿路径绕排文字是指在开放或封闭的路径上创建的文字，移动路径或修改路径的形状时， 文字将会适应新的路径位置或形状。当沿水平方向输入文本时，字符将沿着与基线垂直的路 径出现；当沿垂直方向输入文本时，字符将沿着与基线平等的路径出现。下面将详细介绍如 何创建沿路径绕排文字。
7.在路径上移动或翻转文字
当创建路径文字后，还可以通过调整路径来对文字进行调整，下面将介绍如何移动与 翻转路径上的文字。
实验条件：
操作系统 ：Windows 7
软件版本 ：Photoshop CS4
实验是否需要联网 ：否
软件安装包下载链接：http://www.adobe.com/cn/downloads.html
实验设计的难度： 中
1.1.1 实验概要说明
实验学时： 1 学时（学时就参照学校的课程安排 ， 1 学时按 45 分钟计算）
实验时长： 45 分钟
所需基础： 零基础
Photoshop 中的文字工具是最常用、最重要的工具之一，文字工具是专门用来输入文 字的工具。这节主要通过端午节海报的设计，让大家掌握文字工具的一些基础知识，如：
怎样输入文字、选区文字、更改字体、文字排列、改变文字的颜色及文字大小等。
1.1.2 实验目标
n 掌握 Photoshop CS4 文字工具的操作。
n 掌握 Photoshop CS4 图层基本操作。
n 掌握 Photoshop CS4 素材处理。
1.1.3 实验内容
n 直排文字工具，设置字体，大小，及颜色
n 横排文字工具，设置字体，大小，及颜色，间距
n 图层样式
n 文字变形
n 封闭路径制作限定文本
n 文字对齐操作
n 字符面板使用
下面是最终的效果：
1.1.4 实验步骤
步骤1： 新建与保存 Photoshop 文件
打开 Photoshop CS4 后，新建 Photoshop CS4 文件：单击【文件】-【新建】命令创建 文档， 或使用快捷组合键【Ctrl+N】。
在打开的对话框中设置 Photoshop CS4 新建文件的名称、 宽度、高度以及分辨率等 参数。如下图所示设置参数，单击“确定 ”按钮。本次设计海报，需要设定为“CMYK”模 式。
单击【文件】 →【存储】命令或按【Ctrl+S】组合键，将图形文件进行保存。
步骤2： 绘制淡黄色渐变背景
我们先设计一个背景。新建一个图层，填充任意颜色，比如黑色。
添加渐变图层样式。
效果如下：
步骤3： 添加“端午节由来”
打开《端午节由来.txt》文档 ，拷贝里边所有的文字。
点击选择“直排文字工具” ， 移动鼠标到你要输入文字的地方， 单击一下就可以输入 文字了。 也可以用文字工具框出一个区域，这样文字就会限定在区域内。
接下来设置文字的字体、字号和间距。 单击【窗口】 →【字符】打开“字符 ”对话 框。设置字体为“楷体” ，字号“24” ， 间距“40” ，颜色为“#eeeeee”。
设置图层模式为“正片叠底”。
步骤4： 拖入线条素材
打开“线条.jpg”素材，单击【文件】→【打开】命令或使用快捷组合键【Ctrl+O】。
步骤5： 复制该图层 15 份
复制该图层 15 份，执行【Ctrl+J】命令 15 次 ，得到 15 个图层。
点击“移动工具 ”，将“ 图层 1 ”移动到最左侧，将“ 图层 1 副本 15 ”移动到最右 侧。
步骤6： 水平居中分布
接下来我们需要制作线条等距离分布的效果，如下图所示：
点击 “ 图层 1” ，按住 Shift 键点击“ 图层 1 副本 15” ，可快速选中指定的图层。点击 “移动工具” ，点击“水平居中分布”按钮。可得到线条等距离分布的效果。
步骤7： 合并图层
再次选中“ 图层 1”到“ 图层 1 副本 15 ”，执行【合并图层】命令，快捷组合键是 【Ctrl+E】 。此时 Photoshop 将 16 个图层合并为 1 个，将该图层重新命名为“线条 ”。
将“线条”的不透明度设置为“10%” ，让其显现若隐若现的感觉。
步骤8： 拖入竹子素材 ，设置尺寸
打开“竹子 1.psb”素材，将素材拖入“端午节海报.psd” 中。执行【编辑】→【自 由变换】（Ctrl+T）,将宽度设置为“840px”，高度设置为“1596px”，点击 
按钮。 拖放到右上角。
步骤9： 拖入屋檐素材 ，设置尺寸
打开“屋檐.png”素材， 将素材拖入 “端午节海报.psd” 中。执行【编辑】→【自 由变换】（Ctrl+T）,将宽度设置为“ 600px”，高度设置为“ 761px”，点击 
按钮。 拖放到右上角。
步骤10： 拖入竹子 2 素材 ，设置尺寸
打开“竹子 2.psb”素材，将素材拖入“端午节海报.psd” 中。执行【编辑】→【自 由变换】（Ctrl+T）,将宽度设置为“ 930px”，高度设置为“1700px”，点击 
按钮。 拖放到右下角。
步骤11： 拖入竹子 3 素材 ，设置尺寸
打开“竹子 3.psd”素材，将素材拖入“端午节海报.psd” 中。执行【编辑】→【自 由变换】（Ctrl+T）,将宽度设置为“ 1750px” ，高度设置为“ 2250px”， 点击 
按 钮。拖放到左上角。
步骤12： 拖入边框素材 ，设置尺寸
打开“边框.psb”素材，将素材拖入“端午节海报.psd” 中。执行【编辑】→【自由变换】 （Ctrl+T） ,右击自由变换区域，选择“旋转 180 度” ，拖放到左下角。
再次执行自由变换 ，将宽度和高度都设置为“415px”，点击 
按钮。
步骤13： 拖入粽子素材 ，设置尺寸
打开“粽子.psd”素材，将素材拖入“端午节海报.psd” 中。执行【编辑】→【自由变换】
（Ctrl+T） ,将宽度设置为“2560px” ，高度设置为“1230px”，点击 
按钮。拖放到下方。
将粽子放在竹子图层下方，透出竹子细节。
成品如下：
步骤14： 创建图层组【Ctrl+G】
把跟背景有关的所有图层组合起来。选择所有文件，按下【Ctrl+G】，将图层重命名为“底 图”。
为防止设计时不小心修改到底图中的文件，我们将文件夹进行锁定，只需要点击图层面板中 的“锁”形图标即可。
步骤15： 工具添加文字
点击选择“文字工具 ”，分别输入“端 ”和“午 ”两个字，字体设置为“华文行楷 ”， 字号“140” ，颜色为“#3a7d58”。
将“端”和“午”两个字设置为垂直居中 ，如下所示：
步骤16： 添加 “竞渡曲”
打开《竞渡曲.txt》文档，拷贝里边所有的文字。
点击选择“横排文字工具 ” ，粘贴文字，字体设置为“隶书 ” ，字号“16” ，颜色 为“#3a7d58”。
步骤17： 直排文字工具添加文字
点击选择“直排文字工具”
输入“農歷五月初五 ” ， 字体设置为“楷体 ” ，字号“16” ，颜色为“#3a7d58”。
输入“The Dragon Boat Festival ” ，字体设置为“楷体 ” ，字号“16 ” ，颜色为
“#3a7d58”。
将文字调整到下图所示的位置：
步骤18： 文字变形
输入“五月端阳节,家家粽子香” ， 字体设置为“华文隶书”，字号 “20”，颜色为“#ffffff”
（白色）。
设置好文字后，点击文字工具，选择文字变形工具，设置参数如下：样式“旗帜”，弯 曲“60%” ，水平扭曲“20%”。
通过自由变换，将文字调整到下图位置：
步骤19： 横排文字工具添加文字
最后在海报底部加一行文字，输入“国/家/传/统/节/日 ” ，字体设置为“华文宋体”， 字号“ 12” ，字间距为“1000” ，颜色为“#663333”。
最终成品如下：
步骤20： 存储为 JPG 格式
将文件保存为.jpg 格式 ，选择【文件】 →【存储为】或【Shift+Ctrl+S】组合键。
在“存储为 ”对话框，设置保存的路径和文件名，选择”JPEG（*.JPG;*.JPEG;*.JPE）”
格式，再点击“保存 ”。
本次实验到此全部完成。关闭 Photoshop CS4 软件。
1.1.5 实验总结
通过本次实验，掌握 Photoshop CS4 文字工具的操作方法，掌握如何添加文字，设置
字体、字号、颜色， 掌握分布对齐的常用方法。
评论0