第 9 讲 · 文字设计
学习目标
- 分清点文字 vs 段落文字:知道点一下打字和拖框打字的区别,以及各自用在什么场景。
- 会用字符面板(窗口 → 字符)调字体、字号、行距、字距、颜色;会用段落面板(窗口 → 段落)调对齐方式。
- 会用变形文字(图层 → 文字 → 变形文字)做扇形、波浪、拱形标题;会文字沿路径排(圆形徽章环形字)。
- 会做三种文字特效:图层样式立体字、剪贴蒙版质感字(图片填充文字)、描边字/空心字。
- 掌握海报标题排版三原则——主次、对齐、留白,能独立完成一张海报的标题文字部分。
- 养成习惯:栅格化前先备份(
Ctrl+J),没定稿的文字层永远保持可编辑。
4 小时安排
| 课时 | 内容 | 形式 |
|---|---|---|
| 第 1 课时 | 文字工具(T)、点文字 vs 段落文字、字符面板与段落面板、栅格化 | 讲解+跟做练习 1 |
| 第 2 课时 | 变形文字(扇形/波浪/拱形)、文字沿路径排 | 讲解+跟做练习 2、3 |
| 第 3 课时 | 文字特效:图层样式立体字、剪贴蒙版质感字、描边字 | 讲解+跟做练习 4、5 |
| 第 4 课时 | 图文排版综合:海报标题排版(主次/对齐/留白) | 讲解+跟做练习 6(完整海报标题排版) |
第 1 课时(约 1 小时):文字工具与字符/段落面板
讲解
定义:文字工具(T)有两种用法,点一下打字叫点文字——字从点击处向右无限延伸,不换行;按住拖出一个框再打字叫段落文字——字到框边自动换行。两种都会生成文字层(缩略图上有个 T),双击缩略图随时改字。
为什么:标题和正文是两种活,工具也得配两种。点文字做标题:一行大字,字号随便拉,框跟着字走;段落文字做说明:三五行小字,框定好,字自动排。用反了就翻车:点文字写长段落,字会一路飞出画布外;段落文字做标题,字放大了框没放大,字被框"吃掉"一半。
例子:奶茶店海报——"第二杯半价"六个大字,用点文字,120pt,一行搞定;下面"活动时间 10 月 1 日—7 日,全场饮品适用,详情咨询店员"三行小字,用段落文字拖个框,28pt,自动换行排得整整齐齐。
字符面板(窗口 → 字符):管"每个字长什么样":①字体(下拉选);②字号(数字越大字越大);③行距(行与行之间的距离,太小字挤成一团);④字距(字与字之间的距离,标题字适当拉开字距显高级);⑤颜色(点色块改);⑥加粗/斜体按钮——这是"假粗体",真正的好字体自带粗体字重,假粗体是硬把字描粗,能不用就不用。
段落面板(窗口 → 段落):管"一堆字怎么站队":左对齐、居中、右对齐。海报标题 90% 用居中,说明文字多用左对齐。
栅格化——本讲最重要的保命概念:定义:右键文字层 → 栅格化,就是把"字"变成"像素画"——从此它不再是字,而是一堆色块,再也改不了内容、换不了字体,且不可逆。为什么:有些操作(滤镜、涂抹、仿制图章)只能对像素层做,文字层必须先栅格化。但 99% 的情况下你其实不需要栅格化——变形文字、图层样式、剪贴蒙版都能直接对文字层做。规矩:栅格化之前,永远先 Ctrl+J 复制一层备份,把原文字层眼睛关掉藏起来。哪天老板说"字改一个字",你还有得救。
🛠 跟做练习 1:三行标题排版(主标题/副标题/说明文字层级)
- 打开 photopea.com,文件 → 新建(
Ctrl+N),建一个 800×1000 的文档(竖版海报比例)。 - 选文字工具(
T),在画布上方点一下,输入"秋日上新"——这是点文字。打开窗口 → 字符,字号设为 120,颜色深棕色。 - 再点一下,输入"第二杯半价",字号 64,颜色橙色,放在主标题下方——这是副标题。
- 这次按住拖出一个框(宽约 600),输入"活动时间 10 月 1 日—7 日,全场饮品适用,详情咨询店员"——这是段落文字,字号 28,行距设为 40。
- 打开窗口 → 段落,三层文字都设为居中对齐。用移动工具(
V)上下拖动,拉开三行的间距。 - 检查层级:主标题最大最重(一眼看到)、副标题次之(第二眼)、说明最小(细看才读)——大小、颜色、字重三处拉开差距,这就是"主次"。
- 文件 → 存储为 PSD,命名"练习1_三行标题.psd"。
第 2 课时(约 1 小时):变形文字与文字沿路径排
讲解
定义:变形文字就是把一行字整体"掰弯"。选中文字层 → 图层 → 文字 → 变形文字,选样式:扇形(Arc,字排成弧线,像彩虹)、拱形(Arch,中间鼓起来)、波浪(Wave,字呈波浪起伏)。再用"弯曲"滑杆调弯的程度,可选水平/垂直方向。
为什么:横平竖直的标题=没设计感。弧形标题能贴合圆形徽章、弧形构图,是海报标题的"一招鲜":奶茶杯是圆的,标题弯成弧形抱住杯子,画面立刻就"设计过"了。而且变形文字不栅格化——双击还能改字、换样式,随时反悔。
例子:"中秋特惠"四个字,扇形弯曲 +30%,放在一张月饼图的正上方,字顺着月饼的圆弧排——比横排标题贴合十倍。促销海报"限时秒杀"用波浪形,字一起一伏,自带"动感"。
文字沿路径排:定义:先画一条路径(比如一个圆),再让字"骑"在路径上排。做法:① 用椭圆工具画圆,顶部选项栏把模式切到路径(不是形状);② 换文字工具(T),把光标移到圆的轮廓线上——光标会变样,点一下打字,字就沿着圆排开了;③ 路径上会出现 X 和 O 两个标记,用路径选择工具拖它们,调整字在圆上的起止位置。为什么:圆形徽章、印章、logo 描边的环形字全靠它,变形文字做不出整圆环绕。例子:奶茶店圆形徽章,外圈环形字"新鲜现做 · 每日限量",中间放杯子图案——徽章感拉满。
🛠 跟做练习 2:变形文字做弧形标题
- 新建 800×600 文档。用文字工具(
T)点一下,输入"中秋特惠",字符面板设为 96pt、加粗、深红色。 - 选中文字层 → 图层 → 文字 → 变形文字,样式选扇形,弯曲拉到 +30%,确定。看字弯成了弧线。
- 双击该文字层缩略图,把字改成"国庆狂欢"——看,变形还在,字换了(证明没栅格化、可编辑)。
- 再试波浪样式,弯曲 20%:观察字形起伏。最后换回扇形,弯曲改 +15%(微弯最耐看)。
- 存 PSD:"练习2_弧形标题.psd"。
🛠 跟做练习 3:文字沿路径排(环形徽章字)
- 新建 800×800 文档。选椭圆工具(
U),顶部选项栏把模式切到路径,按住Shift在画布中央画一个正圆路径(打开窗口 → 路径能看到它)。 - 换文字工具(
T),把光标移到圆的轮廓线上,等光标变样后点一下,输入"新鲜现做每日限量·"(最后加个间隔号凑满一圈)。字沿着圆排开了。 - 字符面板把字号调到 48,字距拉大一点,让字均匀布满整圆。
- 选路径选择工具(工具箱黑色箭头),拖路径上的 X 标记,调整字的起始位置,把接缝藏到圆的底部。
- 再在圆心点一下打"鲜"一个大字(200pt)做徽章中心。存 PSD:"练习3_环形字.psd"。
第 3 课时(约 1 小时):文字特效
讲解
字本身排好了,接下来是"化妆"。三种特效, covers 海报标题 90% 的需求:
① 图层样式立体字:定义:双击文字层空白处打开图层样式,给字"加料":斜面和浮雕(字面鼓起棱角,有立体感)、投影(字和背景拉开距离)、描边(给字加轮廓)。为什么:不画一笔,只调参数,字就从"平面"变"立体"——这是性价比最高的特效,且随时双击改回来。例子:"开业大吉"四个金字:斜面和浮雕做出金属棱角 + 黄色渐变叠加 + 深色投影,喜庆海报标题 5 分钟搞定。
② 剪贴蒙版质感字(图片填充文字):定义:剪贴蒙版=上层只在"下层有像素的地方"显示。做法:下面一层是大字(文字层),上面一层是纹理图片(火焰、大理石、牛仔布……),按住 Alt 点两层之间的分界线——图片就只显示在字形里面,字变成了"火焰字""大理石字"。为什么:这是质感字的标准做法。直接拿图片当字,比手绘纹理快一百倍,且换张图就是另一种质感。例子:烧烤店海报"炭火烤肉":字下面垫一张火焰图做剪贴蒙版,字在烧;美妆海报"水光肌":垫一张水波纹理,字像水做的。
③ 描边字 / 空心字:定义:图层样式 → 描边,给字加轮廓;把图层面板的填充降到 0%,字本身透明只剩描边=空心字(第 2 讲"不透明度 vs 填充"的实战应用)。为什么:空心字是海报标题的常用"配角"——主标题实心大字,副标题空心字,一实一虚,层次立刻出来。例子:音乐节海报,主标题"夏日狂欢"实心黄字,副标题"2026 LIVE"白色空心字描边,压在照片上透气又醒目。
🛠 跟做练习 4:图层样式立体字
- 新建 800×600,背景填充深蓝色(油漆桶
G)。用文字工具打"立体"两个大字,300pt,白色,居中。 - 双击文字层空白处打开图层样式,勾选斜面和浮雕:样式选"内斜面",深度 100%,大小 10——看字面鼓起来了。
- 再勾选投影:距离 8,大小 6——字从背景上"浮"起来了。
- 勾选描边:大小 3,颜色金色。三个样式叠加,看效果。
- 逐个点样式前面的眼睛开关,对比"有/无"的区别,记住每个样式的作用。存 PSD。
🛠 跟做练习 5:剪贴蒙版质感字(图片填充文字)
- 新建 800×600,背景白色。用文字工具打"质感"两个大字,280pt,黑色粗体,居中——这是下层。
- 文件 → 置入一张纹理图片(火焰、木纹、大理石都行,网上搜"纹理素材"),它会出现在文字层上方,
Ctrl+T拉大盖住整个字。 - 按住
Alt,把光标移到纹理层和文字层之间的分界线上点一下——看到分界线旁出现小箭头,纹理只显示在字形里了! - 选中纹理层,用移动工具(
V)拖动,看字里的纹理跟着走、字形不动——找个最好看的位置。 - 换一张纹理图重复一遍,体会"换图=换质感"。存 PSD:"练习5_质感字.psd"。
Alt 点分界线没反应?确认光标放对了位置——是两层之间那条细缝,不是点在图层上;再确认纹理层在上、文字层在下,顺序反了剪出来是反的。② 特效一时爽,定稿前记得 Ctrl+J 备份文字层——图层样式随时可改不用怕,但下一步如果要做滤镜就得栅格化,备份就是那时的救命绳。③ 描边字描边太粗会糊成一团,标题字描边一般 3~8px 够了。第 4 课时(约 1 小时):图文排版综合——海报标题排版
讲解
定义:排版就是决定"字放哪、多大、什么关系"。海报标题排版抓住三个原则:
① 主次:一张海报只能有一个"主角"。主标题最大最重(字号最大、颜色最跳、位置最显眼),3 米外能看清;副标题次之,1 米能看清;说明文字最小,凑近才读。三级字号拉开明显差距(比如 140 / 64 / 28),别出现"两个差不多大"的标题——观众不知道先看谁。
② 对齐:一版只用一种对齐方式:要么全居中,要么全左对齐。居中显正式、稳重;左对齐显现代、利落。最忌"这个居中、那个左对齐、还有一个随便放"——对齐是"设计感"最便宜的来源。做法:Ctrl+R 拉参考线定中线,或选中多层用移动工具选项栏的对齐按钮一键对齐。
③ 留白:字别贴着画布边,四周至少留一个字的高度;行与行、段与段之间给足空隙。留白不是"浪费地方",是让眼睛有地方休息——挤满字的海报=地摊小广告既视感。
为什么:前三节学的是"把字变好看",这节学的是"把字放对地方"。字再好看,排乱了也白搭;字很普通,排好了也像作品。排版是区分"会软件"和"会设计"的分水岭。
例子:同一组字"秋日奶茶节 / 第二杯半价 / 10.1—10.7 全场适用":反例——三个一样大、左一个右一个贴着边;正例——主标题 140pt 居中置顶、副标题 64pt 扇形微弯居中、说明 28pt 居中垫底,四周留白,背景压暗让字跳出来。后者就是海报,前者就是通知。
🛠 跟做练习 6:完整海报标题排版
- 新建 1080×1920(手机竖版海报)。背景填充深棕色,或置入一张奶茶产品图并压暗(上面盖一层黑色、透明度 60%)。
- 主标题:文字工具点一下,输入"秋日奶茶节",140pt,米白色,居中,放在画面上 1/3 处。
- 副标题:输入"第二杯半价",64pt,橙色;图层 → 文字 → 变形文字 → 扇形,弯曲 +12% 微弯,居中放在主标题下方。
- 说明文字:拖框输入"活动时间 10 月 1 日—7 日\n全场饮品适用 · 详情咨询店员",28pt,浅灰色,行距 40,居中,放在画面下 1/3 处。
- 质感:给主标题加图层样式——投影(距离 6)+ 描边(3px 深棕色),让字从背景里跳出来。
- 三原则检查:① 主次——140/64/28 三级差距够大吗?② 对齐——
Ctrl+R拉一条垂直参考线定中线,三行都压在中线上吗?③ 留白——字离四边至少留了一个字的高度吗?行距挤不挤? - 都通过后,文件 → 存储为 PSD("练习6_海报标题.psd",文字层保持可编辑、不要栅格化),再文件 → 导出为 → JPG交一张效果图。
Ctrl+1)检查一遍:描边有没有毛刺、投影方向统不统一、错别字——海报上一个错字等于白做。课后作业
设计一张海报的标题文字部分(1080×1920 竖版,主题自选:美食 / 促销 / 校园活动均可)。要求:
- 包含三级标题层级:主标题、副标题、说明文字,主次分明;
- 至少用一种本讲学的"弯字"技法:变形文字(扇形/波浪/拱形)或文字沿路径排;
- 至少用一种文字特效:图层样式立体字 / 剪贴蒙版质感字 / 描边字;
- 符合排版三原则(主次、对齐、留白)。
交付:PSD 源文件(文字层保持可编辑,不要栅格化)+ JPG 效果图,两个文件都要交。
本讲小结
第 1 课时:文字工具两种用法——点文字做标题、段落文字做说明;字符面板管"字长什么样"(字体/字号/行距/字距),段落面板管"字怎么站队"(对齐);栅格化不可逆,栅格化前先 Ctrl+J 备份。
第 2 课时:变形文字(图层 → 文字 → 变形文字)一键掰弯标题,扇形/拱形/波浪按需选;文字沿路径排做环形徽章字——先画路径(路径模式),再用 T 点轮廓打字,X/O 标记调位置。两种都不用栅格化,字随时可改。
第 3 课时:三种文字特效——图层样式做立体字(斜面和浮雕+投影+描边)、剪贴蒙版做质感字(Alt 点两层分界线,图片只进字形)、填充降 0 做空心字。
第 4 课时:排版三原则——主次(三级字号拉开差距)、对齐(一版一种对齐,用参考线)、留白(别贴边、给呼吸感)。记住:字好看是"会软件",排得好才是"会设计"。
下一讲我们学形状与路径——钢笔工具登场,到时候今天学的"文字沿路径排"会和钢笔路径会师,徽章、logo 一次做完。