《PhotoshopCC2017图像处理入门与实战》课件-项目5设计与制作文字

项目五设计与制作文字目录任务1制作特效文字任务2设计海报文字项目五设计与制作文字项目概述文字和图片是设计的两大构成要素，在平面设计布局中，字体设计在平面设计中占据着举足轻重的作用，文字排列组合的好与坏，直接影响其版面的视觉传达效果。使用Photoshop进行排版设计时，一定会进行字体的设计与制作。当在PS软件中使用文字工具输入文字后，所做的操作就是使用字符面板对文字的字体，大小，间距等进行设置。还可以通过图层样式面板，对字体进行高级特效设置。本项目通过案例介绍，使用文字工具创建字体，使用图层样式面板进行字体的高级特效设置项目五设计与制作文字1、了解文字工具创建的基本方法。2、熟练掌握使用字符面板调整文字图像对齐与分布的方法和技巧。3、学会使用图层样式面板，并对图像进行特效高级特效高级设置的技巧。职业能力目标项目五设计与制作文字任务1制作特效文字项目五设计与制作文字任务1制作特效文字任务情境：

Photoshop进行文字设计，仅仅选择输入字体么，还可以进行更加高级的设计？答案是肯定的，Photoshop软件功能非常强大，不仅可以进行文字的输入及对齐与分布的操作，更拥有强大的图层样式面板，可以对文字进行高级的特效设置。今天我们就要重点学习使用Photoshop的图层样式面板进行特效文字制作。任务分析：

本次任务主要是使用Photoshop图层样式面板进行特效文字的制作，基本过程就是使用Photoshop文字工具输入文字，然后打开字符面板，对文字的字体，大小，间距等进行设置，使用图层样式面板对文字进行层层的特效制作，最终完成效果的制作。项目五设计与制作文字任务1制作背景——任务实施1、制作背景2、设置字体参数3、给文字添加图层样式效果4、

路径转换成选区项目五设计与制作文字任务1制作背景——知识加油站1）打开Photoshop软件，新建宽度为1890像素，高度为709像素，分辨率为300像素/英寸的文件。2）选择渐变工具，将工具箱中的前景色设置为000000，背景色设置为272727，如图2-1-1所示，激活属性栏中的线性渐变按钮

，将文件背景填充线性渐变色。如图5-1-1所示。

图5-1-1设置渐变颜色。图5-1-1设置渐变颜色项目五设计与制作文字任务1

设置字体参数——知识加油站图5-1-2设置文字参数项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-3添加图层样式效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-5给文字添加“等高线”效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-6设置渐变编辑器参数图5-1-7给文字添加“描边”效果4

给文字添加“描边”

效果，设置结构大小为2像素，位置为外部，混合模式为正常，不透明度为100%，填充类型为渐变，进入渐变编辑器，设置当位置为0%时，颜色设置为浅灰色（#a4a5a8）,位置为46%时，颜色设置为灰蓝色（#34515f）,位置为100%时，颜色设置为（#223136）。如图5-1-6所示。样式为线性，勾选反向，勾选与图层对齐，角度90度，缩放150%。如图5-1-7所示。项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-8给文字添加“内阴影”效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-9给文字添加“内发光”效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-10给文字添加“光泽”效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-11给文字添加“颜色叠加”效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站9）给文字添加“渐变叠加”效果，设置渐变混合模式为亮光，不透明度为75%,进入渐变编辑器面板，设置当位置为0%时，颜色设置为深灰色（#333333），当位置为15%时，颜色设置为中灰色（#6b6b6b），当位置为27%时，颜色设置为浅灰色（#7f7f7f），当位置为35%时，颜色设置为中灰色（#737373），当位置为45%时，颜色设置为中灰色（#5e5e5e），当位置为53%时，颜色设置为中灰色（#737373），当位置为65%时，颜色设置为浅灰色（#b3b3b3），当位置为69%时，颜色设置为浅灰色（#b3b3b3），当位置为73%时，颜色设置为浅灰色（#b3b3b3），当位置为85%时，颜色设置为中灰色（#8a8a8a），当位置为100%时，颜色设置为深灰色（#3d3d3d）。如图5-1-12所示。样式设为线性，勾选与图层对齐，角度为90度，缩放150%。如图5-1-13所示。图5-1-12设置渐变编辑器参数图5-1-13给文字添加“渐变叠加”效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-14给文字添加“图案叠加”效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-15给文字添加“外发光”效果项目五设计与制作文字任务1给文字添加图层样式效果——知识加油站图5-1-16给文字添加“投影”效果13）按组合键Ctrl+S，将文件命名为“影视剪辑与包装专业特效文字.psd”保存。项目五设计与制作文字一、文字工具的使用方法——知识加油站文字工具组是用来创建文字的，其中包括4个工具：“横排文字工具”、“直排文字工具”、“单行文字蒙版工具”和“横排文字蒙版工具”，如图5-1-17所示：图5-1-17文字工具组在列表中单击选择某一个工具，鼠标指针变为光标状，在画布中点击鼠标，即可输入文字，如图5-1-18所示的四种文字输入效果。图5-1-18四种文字输入效果项目五设计与制作文字二、文字字符面板的属性栏——知识加油站文字工具的属性栏如图5-1-19所示。图5-1-19文字工具的属性栏项目五设计与制作文字二、文字字符面板的属性栏——知识加油站①通过字符的字体选择面板，设置文字字体。

“字体大小设置”按钮：在图像中创建文字时，可以点击此工具，对文字的字号大小进行设置。

“设置行距”按钮：在图像中创建多行文字时，全选输入的多行文字，通过此按钮参数，设置文字行与行之间的距离，如图5-1-20所示.

图5-1-20文字上下间距设置“设置两个字符间的字符微调”设置两个字符之间的距离。

“文字左右间距设置”按钮：在图像中输入多个文字时，全选输入的多个文字，通过此按钮参数，设置文字左右之间的间距大小，如图5-1-21所示.图5-1-21文字左右间距设置项目五设计与制作文字二、文字字符面板的属性栏——知识加油站

“垂直缩放”按钮当前字符的长度。如图5-1-22所示.图5-1-22垂直缩放设置“水平缩放设置”按钮，设置当前字符的宽度。如图5-1-23所示图5-1-23水平缩放设置设置基线偏移”按钮，设置文本间的基线位移大小。如图5-1-24所示.图5-1-24设置基线偏移项目五设计与制作文字二、文字字符面板的属性栏——知识加油站颜色设置”按钮，设置文字的颜色。如图5-1-25所示图5-1-25颜色设置任意单击一个图标，文字可以显示不同的效果。包括设置文字的加粗，斜体，全部字母大写，小型大写字母，文字上标，文字下标，文字下划线，文字删除线等效果。项目五设计与制作文字二、图层样式的属性面板——知识加油站点击图层面板的下面的图层样式图标，给文字添加图层样式效果。图层样式属性栏，如图5-1-26所示.图5-1-26图层样式面板项目五设计与制作文字二、图层样式的属性面板——知识加油站图层样式面板包括以下参数：勾选“斜面和浮雕”按钮，打开“斜面和浮雕”面板，如图5-1-27所示.勾选此选项，设置相关参数，可以为所选文字添加“斜面和浮雕”效果。图5-1-26斜面与浮雕效果面板图5-1-27添加斜面与浮雕效果效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选描边按钮，打开“描边”面板，如图5-1-28所示.勾选此选项，设置相关参数，可以为所选文字添加“描边”效果。如图5-1-29所示.图5-1-28描边面板图5-1-29添加描边效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选内阴影按钮，打开“内阴影”面板，如图5-1-30所示.勾选此选项，设置相关参数，可以为所选文字添加“内阴影”效果。如图5-1-31所示.图5-1-30内阴影效果面板图5-1-31添加内阴影效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选内发光按钮，打开“内发光”面板，如图5-1-32所示.勾选此选项，设置相关参数，可以为所选文字添加“内发光”效果。如图5-1-33所示.图5-1-32内发光效果面板图5-1-33添加内发光效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选光泽按钮，打开“光泽”面板，如图5-1-34所示.勾选此选项，设置相关参数，可以为所选文字添加“光泽”效果。如图5-1-35所示.图5-1-34光泽效果面板图5-1-35添加光泽效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选颜色叠加按钮，打开“颜色叠加”面板，如图5-1-36所示.勾选此选项，设置相关参数，可以为所选文字添加“颜色叠加”效果。如图5-1-37所示.图5-1-36颜色叠加面板图5-1-37添加颜色叠加效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选渐变叠加按钮，打开“渐变叠加”面板，如图5-1-38所示.勾选此选项，设置相关参数，可以为所选文字添加“渐变叠加”效果。如图5-1-39所示.图5-1-38渐变叠加面板图5-1-39添加渐变叠加效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选图案叠加按钮，打开“图案叠加”面板，如图5-1-40所示.勾选此选项，设置相关参数，可以为所选文字添加“图案叠加”效果。如图5-1-41所示.图5-1-40图案叠加面板图5-1-41添加图案叠加效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选外发光按钮，打开“外发光”面板，如图5-1-42所示.勾选此选项，设置相关参数，可以为所选文字添加“外发光”效果。如图5-1-43所示.图5-1-42外发光面板图5-1-43添加外发光效果项目五设计与制作文字二、图层样式的属性面板——知识加油站勾选投影按钮，打开“投影”面板，如图5-1-44所示.勾选此选项，设置相关参数，可以为所选文字添加“投影”效果。如图5-1-45所示.图5-1-42投影面板图5-1-43添加投影效果项目五设计与制作文字任务2设计海报文字——任务提出项目五设计与制作文字任务2设计海报文字任务情境：无论是进电影院观看电影，还是在网络视频播放器上在线或下载观看电影，电影越来越深入我们的生活，人们的选择范围越来越大，那么靠什么来吸引大众的视线呢，电影海报此时就变得越来越重要。文字作为海报设计中必不可少的要素之一，是传达电影信息的重要手段，能否使文字出彩也是海报设计的重中之重。任务分析：使用渐变工具给海报文件添加背景效果，给文件添加设计好的海报背景效果，输入主体文字，添加图层样式效果，在图层左下角添加辅助文字信息。输入文字内容AIRCONDITION,排好版，把它放在主题文字下方完成最终效果的项目五设计与制作文字1、打开海报背景图案——任务实施1）打开Photoshop软件，新建一个宽度为722像素，高度为1008像素，分辨率为300像素/英寸的文件。如图5-2-1所示。图5-1-1设置图像大小项目五设计与制作文字1、打开海报背景图案——任务实施2）点击渐变工具，点击渐变编辑器按钮，进入渐变编辑器界面。如图5-2-2所示。当位置为0%时，颜色设置为深蓝色（#010121），当位置为100%时，颜色设置为浅蓝色（#215afd）。选择径向渐变工具，给背景填充径向渐变背景效果。如图5-2-3所示。图5-2-2设置渐变编辑器参数图5-2-3给背景添加径向背景效果项目五设计与制作文字1、打开海报背景图案——任务实施3）给文件添加设计好的海报背景效果，如图5-2-4所示。图5-2-4给文件添加设计好的海报背景效果项目五设计与制作文字1、打开海报背景图案——任务实施4）选择字体输入海报主题文字：空调制冷剂的加注。给文字添加图层样式效果勾选斜面和浮雕选项，等高线选项，描边选项，内阴影选项，内发光选项光泽选项，图案叠加选项，外发光选项，投影选项，参数默认参数设置即可。如图5-2-5所示。图5-2-5给文字添加图层样式效果项目五设计与制作文字1、打开海报背景图案——任务实施5）使用alt键+左键点击“stainless-steel”图层与“空调制冷剂加注”文字图层两个图层之间。当你将鼠标移到两个图层之间的横线时，按住alt键，就会出现一指向下面一个图层的图标，然后按左键，就会将上面一个图层链接到下面那个图层上。如图5-2-6所示。使用同样的方法把“钢铁材质”图层也链接到“空调制冷剂加注”文字图层上。如图5-2-7所示。图5-2-6把“stainless-steel”图层链接到文字图层上图5-2-7把钢铁材质图层也链接到文字图层上项目五设计与制作文字1、打开海报背景图案——任务实施6）在图层左下角添加辅助文字信息。如图5-2-8所示。图5-2-8项目五设计与制作文字1、打开海报背景图案——任务实施7）选择字体DevilBreeze,输入文字内容AIRCONDITION,排好版，放在背景上合适的位置，如图5-2-9所示。把其他的图层隐藏的图层打开，完成最终效果的制作。如图5-2-10所示。图5-2-9图5-2-108）按组合键Ctrl+S，将文件命名为“空调制冷剂的加注海报特效文字.psd”保存。项目五设计与制作文字一渐变工具的使用方法——知识加油站通过点击photoshop渐变工具按钮，打开渐变工具，如图5-2-11所示：图5-2-11渐变工具架渐变编辑器，进入渐变编辑器面板如图5-2-12所示，使用预设颜色或自定义颜色对字体颜色进行设置。图5-2-12渐变编辑器项目五设计与制作文字一渐变工具的使用方法——知识加油站线性渐变工具按钮，点击此按钮可以为画面添加线性渐变效果。如图5-2-13所示.

径向渐变工具按钮，点击此按钮可以为画面添加径向渐变效果。如图5-2-14所示.图5-2-13线性渐变效果图5-2-14径向渐变效果项目五设计与制作文字一渐变工具的使用方法——知识加油站

角度渐变工具按钮，点击此按钮可以为画面添加角度渐变效果。如图5-2-15所示.图5-2-15角度渐变效果

对称渐变工具按钮，点击此按钮可以为画面添加角度渐变效果。如图5-2-16所示.图5-2-16对称渐变效果项目五设计与制作文字一渐变工具的使用方法——知识加油站

菱形渐变工具按钮，点击此按钮可以为画面添加菱形渐变效果。如图5-2-17所示.图5-2-16菱形渐变效果项目五设计与制作文字一渐变工具的使用方法——知识加油站渐变图层与下面图层的叠加方式。渐变图层的不透明度效果的设置。渐变颜色方向设置。如图5-2-18所示.图5-2-18渐变颜色方向设置图5-2-19渐变透明区域的显示与隐藏项目五设计与制作文字二文字工具的使用方法：——知识加油站在工具箱中提供了文字工具组，单击“横排文字工具”可以在工具选项栏中设置文字字体，大小，对齐方式及对文字的变形等设置。如图5-2-20所示.

图5-2-20文字工具选项栏

切换文字方向：用于设置文本的方向，系统提供了“水平”和“垂直”两个选项，单击按钮可自由快捷的将输入的文字切换为横排或直排状态。

文字字体设置按钮，点击向下的小三角，调出字体选项，给文字选择合适的字体类型。文字字体大小设置按钮，设置选中文字的字体大小。

对齐方式按钮，用于设置文字对齐的方式，包