← 课程目录 第 9 讲 · 4 小时
课程目录 / 模块五 / 第 9 讲

第 9 讲 · 文字设计

《Photoshop CC 图形图像制作》· 64 学时 · 第 9 讲 / 共 12 讲 · 建议 4 小时

学习目标

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:三行标题排版(主标题/副标题/说明文字层级)

  1. 打开 photopea.com,文件 → 新建(Ctrl+N),建一个 800×1000 的文档(竖版海报比例)。
  2. 选文字工具(T),在画布上方点一下,输入"秋日上新"——这是点文字。打开窗口 → 字符,字号设为 120,颜色深棕色。
  3. 再点一下,输入"第二杯半价",字号 64,颜色橙色,放在主标题下方——这是副标题。
  4. 这次按住拖出一个框(宽约 600),输入"活动时间 10 月 1 日—7 日,全场饮品适用,详情咨询店员"——这是段落文字,字号 28,行距设为 40。
  5. 打开窗口 → 段落,三层文字都设为居中对齐。用移动工具(V)上下拖动,拉开三行的间距。
  6. 检查层级:主标题最大最重(一眼看到)、副标题次之(第二眼)、说明最小(细看才读)——大小、颜色、字重三处拉开差距,这就是"主次"。
  7. 文件 → 存储为 PSD,命名"练习1_三行标题.psd"。
⚠ 易错点:① 改字符面板没反应?先看文字有没有被选中——要么拖黑要改的字,要么选中文字层,面板改的是"当前选中的字"。② 点文字写长了飞出画布?那是点文字的本性,换段落文字。③ Photopea 的字体用的是本机系统字体和网页字体,机房电脑和你家电脑装的字体可能不一样!交 PSD 时字体缺失会被替换——所以海报标题尽量用黑体、宋体这类"每台电脑都有"的字体,特殊字体用之前先确认机房有没有。

第 2 课时(约 1 小时):变形文字与文字沿路径排

讲解

定义:变形文字就是把一行字整体"掰弯"。选中文字层 → 图层 → 文字 → 变形文字,选样式:扇形(Arc,字排成弧线,像彩虹)、拱形(Arch,中间鼓起来)、波浪(Wave,字呈波浪起伏)。再用"弯曲"滑杆调弯的程度,可选水平/垂直方向。

为什么:横平竖直的标题=没设计感。弧形标题能贴合圆形徽章、弧形构图,是海报标题的"一招鲜":奶茶杯是圆的,标题弯成弧形抱住杯子,画面立刻就"设计过"了。而且变形文字不栅格化——双击还能改字、换样式,随时反悔。

例子:"中秋特惠"四个字,扇形弯曲 +30%,放在一张月饼图的正上方,字顺着月饼的圆弧排——比横排标题贴合十倍。促销海报"限时秒杀"用波浪形,字一起一伏,自带"动感"。

文字沿路径排:定义:先画一条路径(比如一个圆),再让字"骑"在路径上排。做法:① 用椭圆工具画圆,顶部选项栏把模式切到路径(不是形状);② 换文字工具(T),把光标移到圆的轮廓线上——光标会变样,点一下打字,字就沿着圆排开了;③ 路径上会出现 X 和 O 两个标记,用路径选择工具拖它们,调整字在圆上的起止位置。为什么:圆形徽章、印章、logo 描边的环形字全靠它,变形文字做不出整圆环绕。例子:奶茶店圆形徽章,外圈环形字"新鲜现做 · 每日限量",中间放杯子图案——徽章感拉满。

🛠 跟做练习 2:变形文字做弧形标题

  1. 新建 800×600 文档。用文字工具(T)点一下,输入"中秋特惠",字符面板设为 96pt、加粗、深红色。
  2. 选中文字层 → 图层 → 文字 → 变形文字,样式选扇形,弯曲拉到 +30%,确定。看字弯成了弧线。
  3. 双击该文字层缩略图,把字改成"国庆狂欢"——看,变形还在,字换了(证明没栅格化、可编辑)。
  4. 再试波浪样式,弯曲 20%:观察字形起伏。最后换回扇形,弯曲改 +15%(微弯最耐看)。
  5. 存 PSD:"练习2_弧形标题.psd"。

🛠 跟做练习 3:文字沿路径排(环形徽章字)

  1. 新建 800×800 文档。选椭圆工具(U),顶部选项栏把模式切到路径,按住 Shift 在画布中央画一个正圆路径(打开窗口 → 路径能看到它)。
  2. 换文字工具(T),把光标移到圆的轮廓线上,等光标变样后点一下,输入"新鲜现做每日限量·"(最后加个间隔号凑满一圈)。字沿着圆排开了。
  3. 字符面板把字号调到 48,字距拉大一点,让字均匀布满整圆。
  4. 选路径选择工具(工具箱黑色箭头),拖路径上的 X 标记,调整字的起始位置,把接缝藏到圆的底部。
  5. 再在圆心点一下打"鲜"一个大字(200pt)做徽章中心。存 PSD:"练习3_环形字.psd"。
⚠ 易错点:① 变形文字弯曲度拉太大,字挤成一团还互相重叠——标题字数越少弯曲可以越大,字多就用小弯曲(10%~20%)。② 路径文字点不上去?检查两点:椭圆工具模式是不是路径(形状模式画出来的是形状层,点不上去);点的位置是不是在轮廓线上(点圆心会变成段落文字)。③ 路径删了字还在——字和路径是两层关系,删路径只删"轨道",字会变回直排,别慌。

第 3 课时(约 1 小时):文字特效

讲解

字本身排好了,接下来是"化妆"。三种特效, covers 海报标题 90% 的需求:

① 图层样式立体字:定义:双击文字层空白处打开图层样式,给字"加料":斜面和浮雕(字面鼓起棱角,有立体感)、投影(字和背景拉开距离)、描边(给字加轮廓)。为什么:不画一笔,只调参数,字就从"平面"变"立体"——这是性价比最高的特效,且随时双击改回来。例子:"开业大吉"四个金字:斜面和浮雕做出金属棱角 + 黄色渐变叠加 + 深色投影,喜庆海报标题 5 分钟搞定。

② 剪贴蒙版质感字(图片填充文字):定义:剪贴蒙版=上层只在"下层有像素的地方"显示。做法:下面一层是大字(文字层),上面一层是纹理图片(火焰、大理石、牛仔布……),按住 Alt 点两层之间的分界线——图片就只显示在字形里面,字变成了"火焰字""大理石字"。为什么:这是质感字的标准做法。直接拿图片当字,比手绘纹理快一百倍,且换张图就是另一种质感。例子:烧烤店海报"炭火烤肉":字下面垫一张火焰图做剪贴蒙版,字在烧;美妆海报"水光肌":垫一张水波纹理,字像水做的。

③ 描边字 / 空心字:定义:图层样式 → 描边,给字加轮廓;把图层面板的填充降到 0%,字本身透明只剩描边=空心字(第 2 讲"不透明度 vs 填充"的实战应用)。为什么:空心字是海报标题的常用"配角"——主标题实心大字,副标题空心字,一实一虚,层次立刻出来。例子:音乐节海报,主标题"夏日狂欢"实心黄字,副标题"2026 LIVE"白色空心字描边,压在照片上透气又醒目。

🛠 跟做练习 4:图层样式立体字

  1. 新建 800×600,背景填充深蓝色(油漆桶 G)。用文字工具打"立体"两个大字,300pt,白色,居中。
  2. 双击文字层空白处打开图层样式,勾选斜面和浮雕:样式选"内斜面",深度 100%,大小 10——看字面鼓起来了。
  3. 再勾选投影:距离 8,大小 6——字从背景上"浮"起来了。
  4. 勾选描边:大小 3,颜色金色。三个样式叠加,看效果。
  5. 逐个点样式前面的眼睛开关,对比"有/无"的区别,记住每个样式的作用。存 PSD。

🛠 跟做练习 5:剪贴蒙版质感字(图片填充文字)

  1. 新建 800×600,背景白色。用文字工具打"质感"两个大字,280pt,黑色粗体,居中——这是下层。
  2. 文件 → 置入一张纹理图片(火焰、木纹、大理石都行,网上搜"纹理素材"),它会出现在文字层上方,Ctrl+T 拉大盖住整个字。
  3. 按住 Alt,把光标移到纹理层和文字层之间的分界线上点一下——看到分界线旁出现小箭头,纹理只显示在字形里了!
  4. 选中纹理层,用移动工具(V)拖动,看字里的纹理跟着走、字形不动——找个最好看的位置。
  5. 换一张纹理图重复一遍,体会"换图=换质感"。存 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:完整海报标题排版

  1. 新建 1080×1920(手机竖版海报)。背景填充深棕色,或置入一张奶茶产品图并压暗(上面盖一层黑色、透明度 60%)。
  2. 主标题:文字工具点一下,输入"秋日奶茶节",140pt,米白色,居中,放在画面上 1/3 处。
  3. 副标题:输入"第二杯半价",64pt,橙色;图层 → 文字 → 变形文字 → 扇形,弯曲 +12% 微弯,居中放在主标题下方。
  4. 说明文字:拖框输入"活动时间 10 月 1 日—7 日\n全场饮品适用 · 详情咨询店员",28pt,浅灰色,行距 40,居中,放在画面下 1/3 处。
  5. 质感:给主标题加图层样式——投影(距离 6)+ 描边(3px 深棕色),让字从背景里跳出来。
  6. 三原则检查:① 主次——140/64/28 三级差距够大吗?② 对齐——Ctrl+R 拉一条垂直参考线定中线,三行都压在中线上吗?③ 留白——字离四边至少留了一个字的高度吗?行距挤不挤?
  7. 都通过后,文件 → 存储为 PSD("练习6_海报标题.psd",文字层保持可编辑、不要栅格化),再文件 → 导出为 → JPG交一张效果图。
⚠ 易错点:① 字数多的标题别用大弯曲变形——"第二杯半价"六个字弯 12% 好看,弯 40% 就挤成毛毛虫了。② 对齐别信"肉眼差不多",参考线或对齐按钮才是准的,差 5 个像素观众也看得出来别扭。③ 导出 JPG 前把画布放大到 100%(Ctrl+1)检查一遍:描边有没有毛刺、投影方向统不统一、错别字——海报上一个错字等于白做。

课后作业

设计一张海报的标题文字部分(1080×1920 竖版,主题自选:美食 / 促销 / 校园活动均可)。要求:

交付:PSD 源文件(文字层保持可编辑,不要栅格化)+ JPG 效果图,两个文件都要交。

本讲小结

第 1 课时:文字工具两种用法——点文字做标题、段落文字做说明;字符面板管"字长什么样"(字体/字号/行距/字距),段落面板管"字怎么站队"(对齐);栅格化不可逆,栅格化前先 Ctrl+J 备份。

第 2 课时:变形文字(图层 → 文字 → 变形文字)一键掰弯标题,扇形/拱形/波浪按需选;文字沿路径排做环形徽章字——先画路径(路径模式),再用 T 点轮廓打字,X/O 标记调位置。两种都不用栅格化,字随时可改。

第 3 课时:三种文字特效——图层样式做立体字(斜面和浮雕+投影+描边)、剪贴蒙版做质感字(Alt 点两层分界线,图片只进字形)、填充降 0 做空心字。

第 4 课时:排版三原则——主次(三级字号拉开差距)、对齐(一版一种对齐,用参考线)、留白(别贴边、给呼吸感)。记住:字好看是"会软件",排得好才是"会设计"。

下一讲我们学形状与路径——钢笔工具登场,到时候今天学的"文字沿路径排"会和钢笔路径会师,徽章、logo 一次做完。