电子商务网页图像制作(AdobePhotoshop)(第二版)第4章文字的简单处理课件.ppt

1、1 第第 4 章章第 4 章 文字的简单处理第 1 节 文字使用基础第 2 节 文字的字体及样式调整第 3 节 广告字的制作2 第第 4 章章第 1 节 文字使用基础 为电子商务网页图像添加文字不仅可以吸引浏览者或顾客的眼球，而且能快速使其从众多商品图片中选中需要浏览的图像。网页中也要针对商品的情况进行说明，这些文字都是以图像的形式上传到网页上的。如果给文字增加一些特效，会达到更好的宣传效果。首先，要重点掌握文字的基本使用方法，并通过实例进行巩固，在此基础上，继续加深学习文字样式的调整方法，并进行实例应用，最终能够使用Photoshop CS6 进行图像中文字的简单处理。3 第第 4 章章一、

2、认识文字工具属性栏 在 Photoshop CS6 中，文字的输入主要是通过文字工具箱来完成的。在文字工具箱中右键单击“横排文字工具”按钮，可打开文字工具组，其中包含文字工具和文字蒙版工具。文字工具属性栏4 第第 4 章章二、创建点文本 点文本是一个水平或垂直的文本行，在处理标题等字数较少的文字时，可以通过点文本来完成。选择横排或直排文字工具后，在图像中需要创建文字的地方单击鼠标左键，即可在该点插入一个光标，在光标处输入文字即可。创建点文本5 第第 4 章章三、创建段落文本 段落文本也是基于文本框输入的文本，用户可以输入一段或多段文字，当输入的文字超出文本框的界定宽度后，将自动进行换行，使文字

3、以文本框的大小进行排列。由于段落文本具有自动换行、可调整文字区域大小和形状等优势，在需要处理的文字量较大时，可以使用段落文本来完成。电商网页段落文本6 第第 4 章章 段落文本的创建方法是在工具箱中选择“横排文字工具”，将鼠标指针移至图像编辑窗口中，按住鼠标左键并拖曳，可显示一个虚线框，至合适位置后释放鼠标左键，即可绘制出一个文本框，且显示一个闪烁的文字插入点光标，在此输入相应的文本信息即可。7 第第 4 章章四、修改点文本与段落文本 创建点文本或段落文本后，如果需要对文本中的文字内容进行修改，可再次选择 “横排文本工具”或“直排文本工具”，然后将光标移动到文本中，当光标变为 形状时单击鼠标左

4、键，即可激活文本编辑状态，此时可以对文本进行选取、删除或修改等操作。除了修改文本的内容，还可以对文字格式进行修改，包括字体、字号和字符颜色等。选择“横排文本工具”或“直排文本工具”后，在文本中按下鼠标左键并拖动，选中需要设置的文字，然后在属性栏中重新设置即可。8 第第 4 章章 创建好文本后，如果要移动文本，只需选择“移动工具”，在图层面板中选中要移动的文本图层，然后在图像中按下鼠标左键并拖动即可。对于段落文本，不但可以对文字内容进行修改，还可以对文本框进行修改。在输入段落文本时，如果文本超出文本框的范围，可以通过拖动文本框四周的控制点来改变文本框的大小。将光标移动到文本框外，当指针变为 时，

5、还可以旋转文本框。旋转段落文本框9 第第 4 章章五、改变文字的颜色 颜色选项用于改变文字的颜色，也可以针对单个字符。在更改文字颜色时，如果通过点击颜色缩览图，使用拾色器来选取颜色，效率会很低，特别是要更改大量的独立字符时非常麻烦，而在选择文字后通过颜色调板来选取颜色则速度较快。如果某种颜色需要反复使用，可以将其添加到颜色调板中。改变单个字符颜色10 第第 4 章章 需要注意的是，字符处在被选择状态时，颜色将反相显示。如右图所示。在颜色调板中指定为黄色后，在图像中却显示为蓝色。取消选择后其颜色即可恢复正常。字符选中后反色显示11 第第 4 章章六、转换水平文字与垂直文字 已经输入的横排文字可以

6、转换为直排文字，直排文字也可以转换为横排文字。选中要更改的文本图层后，选择“文字”“取向”命令，在其子菜单中选择“水平”或“垂直”命令，即可进行转换。此外，也可以单击文字工具属性栏中的“切换文本取向”按钮进行转换。12 第第 4 章章七、栅格化文字 栅格化文字图层是指将文字图层转换成普通图层，在转换后的图层中能应用各种滤镜效果，文字图层以前所用的图层样式并不会因转换而受到影响，但无法再进行文字编辑操作。栅格化文字图层主要有以下两种方法。栅格化文字 1.在菜单栏中选择“图层”“栅格化”“文字”命令。2.在“图层”面板中选择“文字图层”，单击鼠标右键，在弹出的快捷菜单中选择“栅格化文字”命令。13

7、 第第 4 章章八、使用文字蒙版工具创建文字选区 使用文字蒙版工具可以创建不带填充颜色的轮廓选区。实际上，使用横排或直排文字蒙版工具创建的只是一个选区，而非文字。创建文字选区后，可以对选区进行填充、添加图层样式或滤镜等操作，从而制作出特效文字。选择工具箱中的“横排文字蒙版工具”或“直排文字蒙版工具”，在图像中单击鼠标左键，然后输入所需的文字后，退出文字蒙版输入状态，即可分别创建出横向或纵向排列的文字选区。文字蒙版创建文字14 第第 4 章章第 2 节 文字的字体及样式调整 字符样式包括字体、字号、颜色等属性，除了可以在属性栏中进行设置外，还可以通过“字符”面板进行更详细的设置。段落样式包括对齐

8、方式、间距和缩进等，可以使用“段落”面板进行设置。15 第第 4 章章一、使用字符面板设置字符样式 在 Photoshop CS6 中可以为文字设置各种不同的效果。选择文字工具后，在属性栏中单击“切换字符和段落面板”按钮，可打开“字符/段落”面板。单击“字符”标签切换到“字符”面板，将鼠标指向某个选项图标，可以显示该选项的名称。除了常规的字体、字号、行距、字距和颜色等选项外，面板下方还有一排按钮。“字符”面板16 第第 4 章章二、使用段落面板设置段落样式 设置段落样式包括设置文字的对齐方式和缩进方式等，不同的段落样式具有不同的文字效果。选择“文字工具”后，将鼠标光标置于需要设置的段落中，在属

9、性栏中单击“切换字符和段落面板”按钮，可打开“字符/段落”面板，单击“段落”标签切换到“段落”面板。字符/段落面板17 第第 4 章章三、使用图层样式制作效果1.添加图层样式的方法 选中图层后，可以通过“图层”面板、“样式”面板以及菜单栏中的相应命令为其添加图层样式。在“样式”面板中选择图层样式18 第第 4 章章执行“图层”“图层样式”命令选择“图层”面板底部的“添加图层样式”按钮19 第第 4 章章2.图层样式介绍 在“图层样式”对话框中提供了 10 种效果，勾选效果名称前的复选框，即可在图层中添加该效果；取消勾选后，将停用该效果，但设置的效果参数将被保留。单击效果名称，即可进入该效果的设

10、置面板；在设置好效果参数、勾选完需要应用的效果后，单击“确定”按钮，即可为图层添加效果。20 第第 4 章章（1）斜面和浮雕设置“斜面和浮雕”样式21 第第 4 章章（2）描边设置“描边”样式描边效果22 第第 4 章章（3）内阴影设置“内阴影”样式 内阴影效果23 第第 4 章章（4）内发光设置“内发光”样式内发光效果24 第第 4 章章（5）光泽设置“光泽”样式光泽效果图25 第第 4 章章（6）颜色叠加设置“颜色叠加”样式26 第第 4 章章（7）渐变叠加设置“渐变叠加”样式27 第第 4 章章（8）图案叠加图案叠加效果图28 第第 4 章章（9）外发光设置“外发光”样式外发光效果图29

11、 第第 4 章章（10）投影设置“投影”样式30 第第 4 章章四、显示与隐藏图层样式 添加图层样式后，可以通过图层效果前的可见性图标 来控制效果的可见性。单击效果名称前的可见性图标，即可隐藏该效果；再次单击，可见性图标 显示，即可再次显示该图层效果。31 第第 4 章章五、修改图层样式 添加图层样式后，如果对效果不满意，可以进行修改。在“图层”面板中双击需要修改的效果名称，可以打开“图层样式”对话框并进入相应的设置面板，根据需要修改该效果的参数或在“图层样式”对话框中设置新效果，完成后单击“确定”按钮即可。图层样式设置32 第第 4 章章六、复制、粘贴与清除图层样式1.复制与粘贴图层复制并粘

12、贴图层样式33 第第 4 章章2.清除图层样式清除图层样式34 第第 4 章章第 3 节 广告字的制作 在制作电子商务网页时，广告文字是在图像之后，更加直接吸引顾客的内容。广告文字的造型与特征是否与商品内涵相统一，是广告文字设计与制作的重点。35 第第 4 章章一、广告文字 文字作为广告设计三大要素之一，在广告设计中占有重要的地位，文字设计的好坏直接影响广告版面的视觉效果。广告设计中的文字设计主要包括标题、广告语、正文、随文等内容。在设计应用时，应当注意广告文字创意表现的基本准则，以及文字的字体、字号、字距与行距、文字的编排形式等要素。广告文字36 第第 4 章章二、广告设计中常用的字体1.书

13、法字 汉字在其发展过程中产生了许多书写方法，主要有篆书、隶书、楷书、行书、草书等。运用这些字体表现广告主题的品格，能体现书法家神妙的运笔意趣，具有高度的审美价值和超凡的表现力，并洋溢着浓厚的中国文化气息。广告中的书法字37 第第 4 章章2.印刷体 印刷体是供排版印刷用的、规范化的文字形体，包括汉字中的黑体、宋体，英文中的古罗马体和现代罗马体等。现代化的技术手段为印刷字体设计开辟了一个崭新的领域，形成了庞大的中英文印刷字体系统。印刷字体的运用讲究艺术效果与科学技术相结合。广告中的印刷体38 第第 4 章章3.美术体 美术体是在印刷体的基础上，根据广告主题和创意表现的特定要求所进行的具有图形性的

14、字体设计，它不仅要求有很好的传达力度，还要有很高的审美价值。在广告设计中，对于广告标题、产品或企业名等常采用美术字体。广告中的美术体39 第第 4 章章三、广告设计中字体的风格 广告字体的风格多种多样，可配合不同的广告主题使用。广告字体风格40 第第 4 章章1.端庄典雅 字体优美抒情，格调高雅，给人以华丽高贵之感，适用于女性化妆品等广告主题。2.坚固挺拔 字体造型富于力度，给人以简洁爽朗的现代感，有较强的视觉冲击力，适用于家用电器等广告主题。3.深沉浓厚 字体造型规整，具有重量感，庄严雄伟，给人以不可摇动的感觉，适用于工程机械等广告主题。41 第第 4 章章4.欢快轻盈 字体生动活泼，跳跃明

15、快，有鲜明的节奏感，适用于儿童用品、旅游等广告主题。5.苍劲古朴 字体朴素无华，包含故事之风韵，适合于传统产品等广告主题。6.新颖奇特 字体造型设计奇妙，个性突出，给人以强烈独特的印象和刺激感，适合于创新产品等广告主题。42 第第 4 章章四、广告文字设计的准则1.针对性 字体的设计需要与所设计信息的具体内容、词义相配合，应根据宣传对象、字体所处的环境来选择和设计，这样才能表里一致，发挥出文字感染力的最大功能。2.易读性 在设计时要避免繁杂凌乱，应减去不必要的装饰变化，使人易认、易懂，不能为了设计而设计，不能忘记了文字设计的根本目的是为了更好、更有效地传达广告信息，表达广告的主题和构想意念。4

16、3 第第 4 章章3.美观性 必须具有视觉上的美感，能给人以美的感受。字型设计很好、组合巧妙的文字能使消费者看后感到愉快，留下美的印象，获得良好的心理反应。广告字体美观性44 第第 4 章章4.统一性 广告中的字体设计应注意不同字体之间的和谐。一幅广告中运用的字体不能太多，以免造成纷乱的感觉。字体的选择在广告设计中是最为讲究的，字体的大小也要服从整个广告设计的需要。45 第第 4 章章5.创造性 根据广告主题的要求，突出文字设计的个性色彩，创造与众不同、独具特色的字体，给人以别开生面的视觉感受，这就是文字设计的创新性。广告字体创造性46 第第 4 章章五、广告设计中文字的应用1.以文字为主的广

17、告设计 在广告设计中文字处于主导地位，应选择富有表现力的字体，即字体要清晰、明了、易看。47 第第 4 章章2.文字图形化的广告设计 文字作为图形元素具有双重性，比单纯的图形更富于表现力和视觉冲击力。首先，字意本身就是最明确、最有说服力的，具有信息传递准确与直接性等特点；其次，文字的图形化特征使文字从字意的传达到图形的传达成为可能，并具有极强的可塑性。文字在图形中的转化，可以增加其直觉趣味，并使文字的内容含义通过与其结合的广告设计主题多方面地表达出来，将其所表达的意念强化、提示化、个性化，让人们感受到广告艺术的品位和魅力。48 第第 4 章章3.文字与图形结合的广告设计 广告设计中，文字除了参与画面的形式构成，还扮演着构成画面意境之美的重要角色。文字与图形结合共同传达信息，延展了文字所表达的内容，使广告主题的表现更为饱满，如文字配合相关图像，即利用与文字有关之图像来装饰文字。我是传奇电影海报广告字49 第第 4 章章4.利用文字编排形式的广告设计 文字编排在广告设计中具有极大的表现力，直观而富有艺术性地传达着广告的主题。例如，文字排列的大小、疏密、聚散等诸多关系，都可以微妙地表达主题的情感因素。50 第第 4 章章谢谢观赏！电子商务网页图像制作（Adobe Photoshop CS6）（第二版）