电子商务网页图像制作(Adobe Photoshop)(第二版) 第 4 章 文字的简单处理
合集下载
图形图像处理PhotoshopCC(电子商务专业)高职PPT完整全套教学课件
第一章 Photoshop CC软件概述
3.保存图像
（2）保存为其他格式文件
步骤1：选择菜单“文件”/“存储为”命令，弹出“存储为”对话框； 步骤2：在“格式”下拉列表中选择要转换的图像格式，如JPEG格式； 步骤3：在“存储选项”中按需要进行设置； 步骤4：单击“保存”按钮，弹出JPEG选项对话框； 步骤5：在“调板”和“选项” 中进行相应设置； 步骤6：单击“确定”按钮，转换完成。
第一章 Photoshop CC软件概述
2
Photoshop CC的操作界面
第一章 Photoshop CC软件概述
启动Photoshop CC后，将打开其默认的工作界面，主要由菜单栏、工具选 项栏、工具面板、图像窗口、文件选项卡、浮动调板和状态栏7部分组成。
第一章 Photoshop CC软件概述
6.画布调整
选定需要改变画布大小的图像 文件，选择菜单“图像”/“画 布大小”命令
单击“确定”按钮
在“新建大小”选项组中设 置适合的度量单位，并在 “宽度”和“高度”文本框 中输入数值，然后在“定位” 框中单击相应的按钮，以调 整图像在画布中的位置
第一章 Photoshop CC软件概述
7.标尺
使用标尺可以准确地显示出当前光 标所在位置和图像尺寸，让用户更 加准确地对齐图像和确定选取范围， 选择菜单“视图”/“标尺”命令 即可打开标尺。
步骤1：打开要修改的 图片，执行【图像】— 【图像大小】命令，即 可查看图片的大小，如 图所示。
第二章 Photoshop CC基础操作
步骤2：在【宽度】和【高度】文 本框中可以设置新的数值，并可以 在数值后面选择不同的单位，如图 所示。
第二章 Photoshop CC基础操作
电子商务网页图像制作完整版教学课件全书电子讲义
5. PSD 格式
PSD 是图像处理软件 Adobe Photoshop 的专用格式。PSD 其实是 Photoshop 进行平面设计的一张“草稿图”，它里面包含有各种图层、通道、遮 罩等多种设计的样稿，以便于下次打开文件时可以修改上一次的设计。在 Photoshop 所支持的各种图像格式中，PSD 的存取速度比其他格式快很多，功能 也很强大。
RGB 图像使用红、绿、蓝三种颜 色，在屏幕上可以重现多达 1670 万 种颜色。RGB 图像为三通道图像，每 个像素包含 24 位（8×3）。新建 Photoshop 图像的默认模式为 RGB， 计算机显示器总是使用 RGB 模型显示 颜色。
RGB颜色模式
2. CMYK 模式
CMYK 颜色模式以打印在纸张上油墨的光线吸收特性为基础，当白光照射 到半透明的油墨上时，部分光线被吸收，部分被反射回眼睛。理论上，纯青色 （C）、品红（M）和黄色（Y）色素能够合成吸收所有颜色并产生黑色，因此， CMYK 模型也叫作减色模型。由于所有打印油墨都会包含一些杂质，这三种油墨 实际上产生的是一种土灰色，因此必须与黑色（K）油墨混合才能产生真正的黑 色。
标准色轮不同色相及其饱和度变化
基于颜色的色相（Hue）、饱和 度（Saturation）、明度（Brightness） 三要素，在Photoshop等计算机绘图 软件中，常用 HSB 模式来描述颜色。
使用 HSB 模式描述颜色
二、数字图像的色彩模式
除了 HSB 颜色表示模式，计算机图像处理软件通常还使用 RGB、CMYK 及 Lab 等色彩模式，以便在不同应用领域更好地表示颜色。其中 RGB 模式是一种 发光屏幕的加色模式；CMYK 模式是一种颜色反光的印刷减色模式；Lab 模式是 为了弥补 RGB 和 CMYK 两种色彩模式的不足，由 CIE 组织（国际照明委员会） 确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。
网页设计与制第4章图文
3．图层 图层就像透明的胶片，每个层都包含一个显示在舞台中 的不同图像，在舞台上一层层地向上叠加，每一张又都保持 独立。在一个图层上绘制和编辑对象，不会影响其他图层上 的对象。当有很多图层时，可以组合出各种复杂的动画效果。 Flash中的图层位于时间轴左侧，如图4-17所示。
第4章 Flash 8入门 图4-17 图层
第4章 Flash 8入门 图4-26 设置“声音”属性
第4章 Flash 8入门
(4) 测试和保存影片。 ① 保存文档，文件名为“奔驰的骏马”。 ② 按组合键Ctrl+Enter测试影片，观看效果。 ③ 制作完成的动画场景如图4-27所示。
4.2 制作Flash动画
本节知识点
逐帧动画 形状补间动画 动作补间动画 引导层动画 遮罩动画
第4章 Flash 8入门
4.2.1 逐帧动画
逐帧动画是一种常见的动画形式，其原理是在“连续的 关键帧”中分解动画动作，也就是在时间轴的每个关键帧上 逐帧绘制不同的内容，连续播放形成动画。
案例1：制作“文字流光效果”动画 制作如图4-21所示的“文字流光效果”动画。
③ 选择“工具”面板上的“椭圆工具”，在“属性”面 板上设置笔触颜色为“没有颜色”，设置填充颜色为蓝色 (#0000FF)。移动鼠标到舞台的中间，按住键盘上的Shift键的 同时按住鼠标左键拖动，绘制出一个任意大小的正圆，如图 4-5所示。
第4章 Flash 8入门 图4-5 绘制出的小球
第4章 Flash 8入门
(5) 保存和测试动画。 ① 执行“文件”→“保存”命令(快捷键为Ctrl+S)，弹 出“另存为”对话框，指定文件保存的路径，输入文件名 “小球运动”，保存类型为“Flash 8文档(*.fla)”，如图4-13 所示。
第4章 Flash 8入门 图4-17 图层
第4章 Flash 8入门 图4-26 设置“声音”属性
第4章 Flash 8入门
(4) 测试和保存影片。 ① 保存文档，文件名为“奔驰的骏马”。 ② 按组合键Ctrl+Enter测试影片，观看效果。 ③ 制作完成的动画场景如图4-27所示。
4.2 制作Flash动画
本节知识点
逐帧动画 形状补间动画 动作补间动画 引导层动画 遮罩动画
第4章 Flash 8入门
4.2.1 逐帧动画
逐帧动画是一种常见的动画形式，其原理是在“连续的 关键帧”中分解动画动作，也就是在时间轴的每个关键帧上 逐帧绘制不同的内容，连续播放形成动画。
案例1：制作“文字流光效果”动画 制作如图4-21所示的“文字流光效果”动画。
③ 选择“工具”面板上的“椭圆工具”，在“属性”面 板上设置笔触颜色为“没有颜色”，设置填充颜色为蓝色 (#0000FF)。移动鼠标到舞台的中间，按住键盘上的Shift键的 同时按住鼠标左键拖动，绘制出一个任意大小的正圆，如图 4-5所示。
第4章 Flash 8入门 图4-5 绘制出的小球
第4章 Flash 8入门
(5) 保存和测试动画。 ① 执行“文件”→“保存”命令(快捷键为Ctrl+S)，弹 出“另存为”对话框，指定文件保存的路径，输入文件名 “小球运动”，保存类型为“Flash 8文档(*.fla)”，如图4-13 所示。
Photoshop 网店美工实例教程 第4章
技能目标
掌握“ 11·11” 公告海报的制作方法。 掌握“ 补水化妆品活动海报” 的制作方法。 掌握“ 付邮试用清新海报” 的制作方法。
4.1 应用图层样式
图层样式是Photoshop中的一项图层处理功能， 是制 作图片效果的重要手段之一。 为图层中的对象添加 合适的图层样式有助于增强图像的表现力。 下面将 学习如何应用图层样式制作特殊的图像效果。
4.2.6 应用特殊图层模式
除了前面介绍的图层模式外， 还有一组比较特殊的图层模式， 分别为“ 差值”“ 排除”“ 减去”和“ 划分”， 使用它们可 以创建一些特殊的混合效果， 如图4-39所示。
4.2.7 应用上色模式
“ 色相” “ 饱和度” “ 颜色” 与“ 亮度” 模式是将上层 图像中的一种或两种特性应用到下层图像中， 它们是比较实用和 显著的几种模式， 可以为图像上色， 如图4-40所示。
4.1.2 添加投影效果
投影是在图层内容 背后添加阴影， 图 4-10 所 示 为 商 品 添 加投影前后的对比 效果。
4.1.3 应用颜色叠加样式
应用颜色叠加样式可以使图像上产生 一种颜色叠加效果， 如图 4-12 所示。 在“ 图层样式” 对话框左侧选中 “ 色叠加” 选项， 在右侧即可设 置“ 颜色叠加” 参数， 如图 4-13 所示。
4.2.7 应用上色模式
“ 色相” “ 饱和度” “ 颜色” 与“ 亮度” 模式是将上层 图像中的一种或两种特性应用到下层图像中， 它们是比较实用和 显著的几种模式， 可以为图像上色， 如图4-40所示。
4.3 应用填充图层和调整图层
创建调整图层以后， 颜色和色调调整就存储在调整 图层中， 并影响它下面的所有图层。 如果想要对多 个图层进行相同的调整， 可以在这些图层上面创建 一个调整图层， 通过调整图层来影响这些图层， 而 不必分别调整每个图层。
电子商务网站建设与网页设计 项目二 使用Photoshop制作网页版面
在“图像”|“调整”菜单下选择相关的命令，可以对图像的色彩与色调进行精确的调整。
三、使用Photoshop制作图像特效
2 调整图像色彩与色调
在电子商务网站的制作过程中，比较常用的命令有以下几种。
1
色阶
2
亮度/对比度
3
色相/饱和度
三、使用Photoshop制作图像特效
1
2 调整图像色彩与色调
3 使用Photoshop制作图像特效
4 电子商务网站首页设计 5 促销活动页设计
三、使用Photoshop制作图像特效
01 02
调整图像大小
调整图像色彩与色调
03
应用滤镜特效
三、使用Photoshop制作图像特效
1 调整图像大小
打开网页图像，单击“图像”|“图像大小”命令，弹出“图像大小”对话框，从中设置“像 素大小”“文档大小”“缩放样式”“约束比例”等参数，然后单击“确定”按钮。
3 应用滤镜特效
Contents 目录
1 Photoshop基本操作
2 使用Photoshop制作文字特效
3 使用Photoshop制作图像特效
4 电子商务网站首页设计 5 促销活动页设计
四、电子商务网站首页设计
01 02
页面头部的制作
页面左侧的制作
03
04
页面中间及右侧的制作
页面底部的制作
四、电子商务网站首页设计
1 初识电子商务网站
创建段落文字
二、使用Photoshop制作文字特效
4
1 初识电子商务网站
创建变形文字
设置变形参数。
变形文字效果。
二、使用Photoshop制作文字特效
5
(中职) Photoshop CC网店视觉设计第四章教学课件
上一页 下一页 返回
4.2 图像的显示与尺寸控制
• （5）使用菜单命令改变图像的显示比例。在“视图”菜单中，有 “放大”“缩小”“满画布显示”“实际像素”“打印尺寸”命令。 通过这些菜单命令的使用，来改变图像的显示比例。
• （6）使用工具箱的“缩放工具”改变图像的显示比例。单击工具箱 上的“缩放工具”按钮，再单击画布窗口的内部，就可以将图像显示 比例放大。按住Alt 键，并单击画布窗口的内部即可将图像显示比例 缩小。用鼠标拖动选中图像的一部分，即可使该部分图像布满整个画 布窗口。
• 网格的主要作用是对齐参考线，以便在操作中对齐物体，网格也不会 随图像输出。单击“视图”菜单下的“显示”子菜单中的“网格”命 令，即可在画布窗口内显示出网格来，如图4.4 所示。再次单击“视 图”菜单下的“显示”子菜单中的“网格” 命令，即可取消画布窗 口内的网格。当网格容易与图像混淆时，需要重新设置网格。此时， 应单击“编辑”菜单的“首选项”子菜单中“参考线、网格和切片” 命令，在调出的“首选项”对话框中，可以对网格的颜色、样式、间 隔线以及子网格进行设置，以达到满意效果为止。
• （4）Cmd（Mac）/Ctrl（Win）+悬停在图层上方：在处理图层时， 可以查看测量参考线。选定某个图层后，在按住 Cmd 键（Mac）或 Ctrl 键（Windows）的同时将光标悬停在另一图层上方。可以将此 功能与箭头键结合使用，以轻移所选的图层。
上一页
返回
4.2 图像的显示与尺寸控制
• 4.2.1 图像的显示控制
• Photoshop 提供了许多工具，如抓手工具、缩放工具、缩放命令和 导航面板等，使得使用者可以十分方便地按照不同的放大倍数查看图 像的不同区域。下面分别作简要介绍。
• （1）使用工具箱的抓手工具来改变图像的显示部位. • （2）当打开的图像很大，或者操作中将图像放大，以至于窗口中无
4.2 图像的显示与尺寸控制
• （5）使用菜单命令改变图像的显示比例。在“视图”菜单中，有 “放大”“缩小”“满画布显示”“实际像素”“打印尺寸”命令。 通过这些菜单命令的使用，来改变图像的显示比例。
• （6）使用工具箱的“缩放工具”改变图像的显示比例。单击工具箱 上的“缩放工具”按钮，再单击画布窗口的内部，就可以将图像显示 比例放大。按住Alt 键，并单击画布窗口的内部即可将图像显示比例 缩小。用鼠标拖动选中图像的一部分，即可使该部分图像布满整个画 布窗口。
• 网格的主要作用是对齐参考线，以便在操作中对齐物体，网格也不会 随图像输出。单击“视图”菜单下的“显示”子菜单中的“网格”命 令，即可在画布窗口内显示出网格来，如图4.4 所示。再次单击“视 图”菜单下的“显示”子菜单中的“网格” 命令，即可取消画布窗 口内的网格。当网格容易与图像混淆时，需要重新设置网格。此时， 应单击“编辑”菜单的“首选项”子菜单中“参考线、网格和切片” 命令，在调出的“首选项”对话框中，可以对网格的颜色、样式、间 隔线以及子网格进行设置，以达到满意效果为止。
• （4）Cmd（Mac）/Ctrl（Win）+悬停在图层上方：在处理图层时， 可以查看测量参考线。选定某个图层后，在按住 Cmd 键（Mac）或 Ctrl 键（Windows）的同时将光标悬停在另一图层上方。可以将此 功能与箭头键结合使用，以轻移所选的图层。
上一页
返回
4.2 图像的显示与尺寸控制
• 4.2.1 图像的显示控制
• Photoshop 提供了许多工具，如抓手工具、缩放工具、缩放命令和 导航面板等，使得使用者可以十分方便地按照不同的放大倍数查看图 像的不同区域。下面分别作简要介绍。
• （1）使用工具箱的抓手工具来改变图像的显示部位. • （2）当打开的图像很大，或者操作中将图像放大，以至于窗口中无
《电子商务视觉设计(第2版)》-课程标准
电子商务视觉设计（第2版）》课程标准一、课程性质该课程是电子商务专业核心课程，同时也是电子商务专业的一门面向职业岗位（群）的综合性实训课程。
本课程以PhotoshopCC2018和PremiereCC2019为操作平台，依据电子商务视觉设计工作任务规划课程内容，以理论+实例的形式全面介绍了PC端电商网店与移动端电商网店、微店的视觉设计思路和具体的实现方法，打破了以理论传授为主要特征的课程模式，转变为以工作任务为中心组织课程内容，并让学生在完成具体任务的过程中构建相关理论与实践知识，锻炼技能，发展职业能力。
通过本课程的讲解、演练与实践，能够促进学生更好地掌握电子商务视觉设计实战技能，具备利用Photoshop和Premiere进行电子商务视觉设计的实操能力，让学生从营销的角度，利用视觉手段来进行店铺形象、品牌、商品信息的传达，吸引与转化流量，提升转化率。
该课程的先修课程为《Photoshop网店美工实例教程》《网店美工》等，后续课程为《电子商务视觉营销》《网店运营实务》等。
二、设计思路本课程秉承“视觉是手段，营销是目的”的宗旨，从营销的角度来解析电子商务视觉设计的方法与技巧，涵盖电商网站视觉配色设计、店铺标志视觉设计、店铺首页视觉设计、商品详情页视觉设计、高点击率推广图片视觉设计、网店促销活动页视觉设计、移动端网店用户体验设计、手机移动端淘宝店铺视觉设计、手机移动端微店视觉设计和商品短视频视觉设计等。
本课程按照电子商务视觉设计工作任务安排学习内容，采用情境教学、理实一体的授课方法，通过“操作+报告”的考试方法，全面考核学生电子商务视觉设计的实际能力。
1．遵循职业性。
高职教育就是就业教育，是一种适应市场需求、培养高等技术应用人才的职业教育，所以高职电子商务专业的《电子商务视觉设计》就应该达到直接为提高学生专业操作技能服务，并最终为学生就业服务的教学效果。
《电子商务视觉设计》课程的设计突出职业性，着力营造职业氛围，逐步提高学生电子商务视觉设计意识，培养学生电子商务视觉设计的实际能力。
Photoshop核心应用案例教程 第2版 第4章 抠图
效果图
4.5 课后习题——制作端午节海报
使用“快速选择”工具抠出粽子；使用“污点修复画笔”工具和 “仿制图章”工具修复斑点和牙签；使用“变换”命令变形粽子图形； 使用“色彩范围”命令抠出云；使用“钢笔”工具抠出龙舟；使用“椭 圆选框”工具抠出豆子；使用“创建新的填充或调整图层”按钮调整图 像颜色。
效果图
4.2.8 混合颜色带
选择一个图层。选择“图层 > 图层样式 > 混合选项”命令，弹出 对话框。可以设置图层的混合选项。
效果图
4.3 通道抠图
课堂案例——制作婚纱摄影类公众号运营海报 颜色通道 Alpha通道
4.4 课堂练习—制作美妆护肤公众号封面首图
使用“钢笔”工具和“选择并遮住”命令抠出人物；使用“移 动”工具调整图像位置。
掌握“元宵节节日宣传海报”的制作方法。 掌握“箱包App主页Banner广告”的制作方法。 掌握“文化传媒公众号封面次图”的制作方法。 掌握“时尚女装海报”的制作方法。 掌握“旅游出行公众号首图”的制作方法。 掌握“天气预报公众号首图”的制作方法。 掌握“婚纱摄影类公众号运营海报”的制作方法。
效果图
4.2.2 色彩范围命令
选择“选择 > 色彩范围”命令，弹出“色彩范围”对话框，。可 以根据选区内或整个图像中的颜色差异更加精确地创建不规则选区。
“色彩范围”对话框
4.2.3 课堂案例—制作时尚女装海报
使用“钢笔”工具绘制人物图像选区；使用“选择并遮住”命令 修饰选区边缘；使用移动工具、“创建剪贴蒙版”命令调整图片位置 和蒙版。
“天空替换”命令可以快速选择和替换照片中的天空，并自动调 整原始图像以便与天空搭配。
打开一张图片。选择“编辑 > 天空替换”命令，弹出“天空替 换”对话框。设置完成后，单击“确定”按钮。
4.5 课后习题——制作端午节海报
使用“快速选择”工具抠出粽子；使用“污点修复画笔”工具和 “仿制图章”工具修复斑点和牙签；使用“变换”命令变形粽子图形； 使用“色彩范围”命令抠出云；使用“钢笔”工具抠出龙舟；使用“椭 圆选框”工具抠出豆子；使用“创建新的填充或调整图层”按钮调整图 像颜色。
效果图
4.2.8 混合颜色带
选择一个图层。选择“图层 > 图层样式 > 混合选项”命令，弹出 对话框。可以设置图层的混合选项。
效果图
4.3 通道抠图
课堂案例——制作婚纱摄影类公众号运营海报 颜色通道 Alpha通道
4.4 课堂练习—制作美妆护肤公众号封面首图
使用“钢笔”工具和“选择并遮住”命令抠出人物；使用“移 动”工具调整图像位置。
掌握“元宵节节日宣传海报”的制作方法。 掌握“箱包App主页Banner广告”的制作方法。 掌握“文化传媒公众号封面次图”的制作方法。 掌握“时尚女装海报”的制作方法。 掌握“旅游出行公众号首图”的制作方法。 掌握“天气预报公众号首图”的制作方法。 掌握“婚纱摄影类公众号运营海报”的制作方法。
效果图
4.2.2 色彩范围命令
选择“选择 > 色彩范围”命令，弹出“色彩范围”对话框，。可 以根据选区内或整个图像中的颜色差异更加精确地创建不规则选区。
“色彩范围”对话框
4.2.3 课堂案例—制作时尚女装海报
使用“钢笔”工具绘制人物图像选区；使用“选择并遮住”命令 修饰选区边缘；使用移动工具、“创建剪贴蒙版”命令调整图片位置 和蒙版。
“天空替换”命令可以快速选择和替换照片中的天空，并自动调 整原始图像以便与天空搭配。
打开一张图片。选择“编辑 > 天空替换”命令，弹出“天空替 换”对话框。设置完成后，单击“确定”按钮。
电子商务网页图像制作(Adobe Photoshop)(第二版) 第 10 章 电子商务网页图像制作综合实训
9
第10章
第 2 节 商品促销海报设计制作
海报按其应用不同大致可以分为商业海报、文化海报、电影海报和公益 海报等。
（1）商业海报 （2）文化海报 （3）电影海报 （4）公益海报
10
谢谢观赏！
电子商务网页图像制作 （Adobe Photoshop CS6）
（第二版）
11
第10章
2. 研究
接下来要做的就是研究探讨，综合掌握客户和竞争者的相关信息，从总体上 对 LOGO的设计有一个初步的概念。
6
第10章
3. 灵感
至少设计出三种颜色和字体的组合，然后进行对比，直到拿出满意的结果。 这时要简略地去看一些 LOGO 设计的书籍或收集一些 LOGO，为自己增加创意 的灵感。
4. 构思和草图
作为一个设计者，不管是设计 LOGO 或是网站（网页设计），都是要从纸 面开始的，因为笔纸的使用，可以方便快捷地实现构思的草图。如果直接使用 计算机来实现构思，会拖慢构思的进度，因为计算机会有很多小细节和操作来 阻碍灵感的发挥。
7
第10章
5. 数字执行
所谓数字执行，就是上机操作。完成设计草图后，可以借助相关的数字软 件来实现LOGO 初步的构思。要做出一个出色的 LOGO，必须把它放在黑色和 白色背景里面去检验，这样的效果才会更好。
6. 客户反馈
经常联系客户，共同交流，反馈意见。
8
第10章
7. 更多的数字执行
得到客户的反馈之后，就会有更多的选择和灵感去修改和创作 LOGO，这样 会得到一个双赢的效果。
8. 颜色和字体选择
根据客户的反馈，结合设计的预期目标，选择最适合的字体和颜色。
9. 定稿
最后是定稿过程，最好的选择是把这些 LOGO 添加到其公司的名片或网站 上，这样的展示可以让客户更好地看出 LOGO 设计的适应度。
第10章
第 2 节 商品促销海报设计制作
海报按其应用不同大致可以分为商业海报、文化海报、电影海报和公益 海报等。
（1）商业海报 （2）文化海报 （3）电影海报 （4）公益海报
10
谢谢观赏！
电子商务网页图像制作 （Adobe Photoshop CS6）
（第二版）
11
第10章
2. 研究
接下来要做的就是研究探讨，综合掌握客户和竞争者的相关信息，从总体上 对 LOGO的设计有一个初步的概念。
6
第10章
3. 灵感
至少设计出三种颜色和字体的组合，然后进行对比，直到拿出满意的结果。 这时要简略地去看一些 LOGO 设计的书籍或收集一些 LOGO，为自己增加创意 的灵感。
4. 构思和草图
作为一个设计者，不管是设计 LOGO 或是网站（网页设计），都是要从纸 面开始的，因为笔纸的使用，可以方便快捷地实现构思的草图。如果直接使用 计算机来实现构思，会拖慢构思的进度，因为计算机会有很多小细节和操作来 阻碍灵感的发挥。
7
第10章
5. 数字执行
所谓数字执行，就是上机操作。完成设计草图后，可以借助相关的数字软 件来实现LOGO 初步的构思。要做出一个出色的 LOGO，必须把它放在黑色和 白色背景里面去检验，这样的效果才会更好。
6. 客户反馈
经常联系客户，共同交流，反馈意见。
8
第10章
7. 更多的数字执行
得到客户的反馈之后，就会有更多的选择和灵感去修改和创作 LOGO，这样 会得到一个双赢的效果。
8. 颜色和字体选择
根据客户的反馈，结合设计的预期目标，选择最适合的字体和颜色。
9. 定稿
最后是定稿过程，最好的选择是把这些 LOGO 添加到其公司的名片或网站 上，这样的展示可以让客户更好地看出 LOGO 设计的适应度。
电子商务《网店美工》项目2--精通美工常用Photoshop技能
图2 修补替换后效果图
— 19 —
2.2.1 修图
1.仿制图章工具
仿制图章工具 是通过复制图像的某一部分来达到修复图像的目的，可以用来复 制部分图像、消除人物脸部斑点、去除不相干的杂物、填补图片空缺、去水印等。
仿制图章工具 属性栏如图1所示。
图1 仿制图章工具属性栏
图2 案例图
— 20 —
图 3 修复后效果图
1.要求：图中倒影是拍摄时平台反光所造成的，网店需要的纸箱图像，不能带有倒影。 2.图像特点：这是一个形状不规则，但边缘线是直线物体。 3.选择工具：用多边形套索工具。 4.抠取：①通过“单击－单击”方法抠取图像，在转角处，务必找准转角位置单击。②如果某 一锚点位置不对，按Del键删除（一直按此键直至删除全部锚点）；③如果觉得视图不对， 可按【Ctrl++】放大或【Ctrl+－】缩小视图以缩放视图。 5.注意：习惯于魔棒工具的同学，可以选择魔棒工具试一试，然后比较优劣。但发现费时 且抠取对象不够完美。
抠图就是将产品主体或图 片中的一部分，从图片中经过 选择后复制或剪切出来。将抠 出的图片合成到新背景中，为 网店产品营造一种氛围，提升 消费者的购买欲望。
— 25 —
2.3.2 简单图像抠图
本项目中指的简单图像一般具备以下特点或之一： 背景色单一； 对象边缘清晰； 形状规则； 对象与背景色色差明显……
图1 案例图
图 2 曲线对话模框 图 3 曲线红通道调整 图 4 曲线蓝通道调整
— 22 —
图 5 效果图
2.2.3 调色
1.调色
在拍照时因为光线或其他原因，有时拍出来的照片颜色不够饱满鲜亮，与实物颜 色差别较大，可以使用色相/饱和度工具来快速调色及调整图片色彩浓淡明暗。
《图形图像处理实用教程》(第2版) 第4章 使用photoshop设计商标
图4-2 “变形文字”对话框
图4-3 文字工具建立的文字蒙板（选区）效果
2. 文字层的建立
文字层的建立是自动进行的。用文字工具可以在 图像窗口中创建文本图层，建立的文字将单独放 在该图层上。
文字层是一种特殊的图层，在“图层”面板中有 文字层的标识“T”，对文字层的一些操作与普通 图像层不同。例如，许多图像工具（如画笔工具、 海绵工具、模糊工具等）不能直接使用在文字层 中，必须先将文字图层栅格化后才能使用。未栅 格化的文字图层使用这些工具操作时，将会弹出 对话框，提示用户栅格化文字图层。
对已完成图层样式设置的图层，还可以修改图层 样式。方法：选择要修改的图层为当前层，选择 “图层样式”菜单中任意子菜单命令，弹出“图 层样式”对话框（或直接用鼠标双击图层面板对 应图层右侧的图标），打开“图层样式”对话框， 可以对图层的每一种样式进行修改。
打开“图层样式”对话框修改效果时，可以将某 种不需要的图层样式清除。在图层样式对话框中 取消要清除的图层样式，可以将不需要的图层样 式清除。
1. 快速蒙板
快速蒙板功能可以快速地将一个选取范围变为 一个蒙板，然后对这个快速蒙板进行修改或编 辑，以完成精确的范围选取，并转换为选取范 围使用。
2. 用Alpha通道和存贮选区产生蒙板
Alpha通道是用户创建的通道，所有Alpha通道 都是8位灰度图像，能显示256级灰阶。可以将 选区永久存放在Alpha通道，使选区可以重复 使用。通过在Alpha通道中存贮和编辑选区， 可创建和编辑永久性的蒙板。
⑺将当前通道置为Alpha 4，在菜单栏上选择“滤镜→模糊→高斯模 糊”选项，进行Alpha 4内文字的模糊设置，设置模糊半径为 “4.9”像素；在菜单栏上选择“图像→调整→亮度与对比度”选 项，调整文字的对比度为+20。
电子课件Photoshop图像处理项目四任务1电商图像设计
任务分析
店标是网店视觉传达的主要形象之一，是一种 “视觉语言”。
在网店的日常推广运营中，某电商“汇精展示用 品网店”准备对网店进行装修改造，要求对该网 店店标进行重新设计。
店标是店面标识的图形记号，一般由图案、颜色 和文字构成，用于表达商家的核心诉求。
任务分析
常见的店标分为静态店标和动态店标两大类，静态店标分为文字型、图案型和组合型 3类。 汇精展示用品网店”店标的图案主要由同一个圆形上的 4 段圆环、4 个直角和 4 个长方形构成。 在使用 Photoshop 进行设计时，首先使用椭圆工具和路径布尔运算绘制外形，然后使用路径选择工具绘制直角，使
1 拷贝”图层，按“ Ctrl+E”键合并图层。
任务实施
• 3．使用椭圆工具绘制外形 • （5）在工具箱中单击“路径选择工具”按钮，单击黄色小圆形，选中黄色小圆路径，在工具选项栏中单击“路径操作”按钮，在左图其下拉菜单中
选择“减去顶层形状”，效果图如右图所示。
任务实施
• 4．使用路径布尔运算修剪外形 • （1）在图层的最上方新建图层，在工具箱中选择
路径进行操作，后者是对路径内部的锚点进行操作。
相关知识
• 一、路径布尔运算 • 路径可以进行相加、相减的布尔运算。操作方法：先绘制一个路径或形
状，如左图所示，在工具选项栏中单击“路径操作”按钮，在其下拉菜 单中选择一种运算方式，如右图所示。
相关知识
• 二、路径选择工具 • “路径选择工具”选项栏如图所示。
任务实施
• 5．绘制圆内的图形 • （1）单击“编辑”菜单中的“自由变换”（或按快捷键“Ctrl+T”）命令。 • （2）拖动变换控制框上的任意一个控制句柄，可调整图像大小，也可将鼠标移动到控制框外侧，拖动以旋转图像。 • （3）单击工具箱中的移动工具，用鼠标将葡萄拖动到合适的位置。
电子商务实验第四部分：静态图像处理技术
电子商务实验第四部分：静态图像处理技术目的：了解静态图像处理技术的软件以及他的功能；掌握勇气工具制作简单的图像以及文字处理。
实验内容以及操作提示：（一）网站LOGO图标的制作（1）“开始”—“所有程序”-----“PHOTOSHOP CS2”；（2）“文件”----“新建”---输入像素：150，高度：60，分辨率：72，模式：RGB，背景选择白色，“确定”。
（3）“文件”---“打开”，打开实现贮备好的标志文件，然后在工具栏选择“魔法棒”，在红色标志上半部分单击，这样就选取了上半部分，然后按住“SHIFT”，在在红色标志的下半部分单击，这样整个标志就选中了。
选中的部分会有闪烁的虚线。
（4）“编辑”---“拷贝”---玄色文件“LOGO”---”编辑“---”粘贴“，单击文件右上角的”最大化“，然后”编辑“---“变换”---“缩放”，把鼠标一道方框游侠囧啊，同时按住SHIFT，把方框索道你想要的比例，然后回车，在工具栏选择“移动”工具，把标志一道适当的位置。
（5）双击图层面板中的图层1，弹出图层央视的窗口，选择“鞋面和浮雕”，参数设置。
确定。
（6）在工具蓝选择文字工具，在画面上输入“航空管理工程系”，字体选择“黑体”，“黑色”，选择移动工具，把“航空管理工程系”移动适当位置，然后再次选择文字工具，输入学校的网址，并把网址移动到“航空管理工程系”的下方。
（7）保存当前文件为LOGO.PSD，然后用鼠标选择突出呢个样板，选中图层1，使其为当前活动层，然后选测“图层”菜单下面的“拼合图像”，选择“为念”---“存储为WEB所用格式，弹出“存储问WEB所用格是”对话框，设置相关参数。
单据“存储”，保存该文件。
（8）完成。
（二）网站BANNER图片的制作课后自己练习。
网店美工设计-Photoshop 2022案例教程 第2版 第4章 路径、文字及形状
图 4-2
4.1.2 认识钢笔工具及其基本使用方法 1. 认识钢笔工具组 钢笔工具组包括钢笔工具、自由钢笔工具、弯度钢笔工具、添加锚点工具、删除锚点工具 和 转换点工具，其中钢笔工具、自由钢笔工具和弯度钢笔工具的属性栏相同，其他 3 个工具没有对 应的属性栏。在工具箱中选择钢笔工具（快捷键为【P】），其对应的工具属性栏如图 4-4 所示。
图 4-16
图4-17
图 4-18
图4-19
图4-20
4.1.4 将路径转换为选区 路径绘制完成后需要将其转换为选区，然后再抠出图像。下面将绘制后的路径转换为选区， 操作步骤如下。
图4-21
图4-22
图4-23
图4-24
4.2 文字的输入与编辑 文字在网店美工设计中是不可缺少的一部分，成功地运用文字可以点明主题，增强画面感染 力，是非常有效的宣传手段之一。本节将对文字的输入和编辑进行讲解。 【课堂案例】制作详情页商品信息屏 淘宝详情页是商品的描述页面，优秀的淘宝详情页可以激发顾客的消费欲望，树立顾客对网 店的信任感，也是最终促使顾客下单的一个重要因素，因此，详情页的设计也是网店美工设计的 重要部分。 淘宝详情页的尺寸一般为宽 790 像素，高不限，但并不是越高越好。若商品详情页太长，会 导致页面加载速度缓慢。要注意的是，商品的类别不同，其详情页包括的内容也不同，如衣服、 帽子、眼镜等商品需在商品详情页上放上商品的各个尺寸，以便顾客更了解商品。本案例将制作 毛绒玩具的淘宝详情页，涉及文字的输入和编辑操作，主要包括输入文字、创建变形文字和路径 文字等。
图 4-26
图 4-27
4.2.2 文字工具组 文字工具组主要包括横排文字工具、直排文字工具、直排文字蒙版工具和横排文字蒙版工具 4种，使用横排文字工具和直排文字工具可以输入点文字、段落文字和路径文字；使用直排文字 蒙版工具和横排文字蒙版工具可以创建文字选区。横排文字工具的属性栏如图 4-28 所示。
4.1.2 认识钢笔工具及其基本使用方法 1. 认识钢笔工具组 钢笔工具组包括钢笔工具、自由钢笔工具、弯度钢笔工具、添加锚点工具、删除锚点工具 和 转换点工具，其中钢笔工具、自由钢笔工具和弯度钢笔工具的属性栏相同，其他 3 个工具没有对 应的属性栏。在工具箱中选择钢笔工具（快捷键为【P】），其对应的工具属性栏如图 4-4 所示。
图 4-16
图4-17
图 4-18
图4-19
图4-20
4.1.4 将路径转换为选区 路径绘制完成后需要将其转换为选区，然后再抠出图像。下面将绘制后的路径转换为选区， 操作步骤如下。
图4-21
图4-22
图4-23
图4-24
4.2 文字的输入与编辑 文字在网店美工设计中是不可缺少的一部分，成功地运用文字可以点明主题，增强画面感染 力，是非常有效的宣传手段之一。本节将对文字的输入和编辑进行讲解。 【课堂案例】制作详情页商品信息屏 淘宝详情页是商品的描述页面，优秀的淘宝详情页可以激发顾客的消费欲望，树立顾客对网 店的信任感，也是最终促使顾客下单的一个重要因素，因此，详情页的设计也是网店美工设计的 重要部分。 淘宝详情页的尺寸一般为宽 790 像素，高不限，但并不是越高越好。若商品详情页太长，会 导致页面加载速度缓慢。要注意的是，商品的类别不同，其详情页包括的内容也不同，如衣服、 帽子、眼镜等商品需在商品详情页上放上商品的各个尺寸，以便顾客更了解商品。本案例将制作 毛绒玩具的淘宝详情页，涉及文字的输入和编辑操作，主要包括输入文字、创建变形文字和路径 文字等。
图 4-26
图 4-27
4.2.2 文字工具组 文字工具组主要包括横排文字工具、直排文字工具、直排文字蒙版工具和横排文字蒙版工具 4种，使用横排文字工具和直排文字工具可以输入点文字、段落文字和路径文字；使用直排文字 蒙版工具和横排文字蒙版工具可以创建文字选区。横排文字工具的属性栏如图 4-28 所示。
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
15
第4章 “字符”面板
二、使用段落面板设置段落样式
设置段落样式包括设置文字的对齐方式和 缩进方式等，不同的段落样式具有不同的文字 效果。选择“文字工具”后，将鼠标光标置于 需要设置的段落中，在属性栏中单击“切换字 符和段落面板”按钮，可打开“字符 / 段落” 面板，单击“段落”标签切换到“段落”面板。
第4章
广告字体风格
39
第4章
1. 端庄典雅
字体优美抒情，格调高雅，给人以华丽高贵之感，适用于女性化妆品等广告 主题。
2. 坚固挺拔
字体造型富于力度，给人以简洁爽朗的现代感，有较强的视觉冲击力，适用 于家用电器等广告主题。
3. 深沉浓厚
字体造型规整，具有重量感，庄严雄伟，给人以不可摇动的感觉，适用于工 程机械等广告主题。
11
第4章
七、栅格化文字
栅格化文字图层是指将文字图层转换成普通图层，在转换后的图层中能应用 各种滤镜效果，文字图层以前所用的图层样式并不会因转换而受到影响，但无法 再进行文字编辑操作。栅格化文字图层主要有以下两种方法。
1. 在 菜 单 栏 中 选 择 “ 图 层 ” → “ 栅 格 化”→“文字”命令。
选择工具箱中的 “横排文字蒙版工具”或 “直 排文字蒙版工具”，在图像中单击鼠标左键，然后输入所 需的文字后，退出文字蒙版输入状态，即可分别创建出横 向或纵向排列的文字选区。
13
文字蒙版创建文字
第4章
第 2 节 文字的字体及样式调整
字符样式包括字体、字号、颜色等属性，除了可以在属性栏中进行设置外， 还可以通过“字符”面板进行更详细的设置。段落样式包括对齐方式、间距和 缩进等，可以使用“段落”面板进行设置。
1. 针对性
字体的设计需要与所设计信息的具体内容、词义相配合，应根据宣传对象、 字体所处的环境来选择和设计，这样才能表里一致，发挥出文字感染力的最大功能。
2. 易读性
在设计时要避免繁杂凌乱，应减去不必要的装饰变化，使人易认、易懂，不 能为了设计而设计，不能忘记了文字设计的根本目的是为了更好、更有效地传达广 告信息，表达广告的主题和构想意念。
46
第4章
2. 文字图形化的广告设计
文字作为图形元素具有双重性，比单纯的图形更富于表现力和视觉冲击力。 首先，字意本身就是最明确、最有说服力的，具有信息传递准确与直接性等特点； 其次，文字的图形化特征使文字从字意的传达到图形的传达成为可能，并具有极 强的可塑性。文字在图形中的转化，可以增加其直觉趣味，并使文字的内容含义 通过与其结合的广告设计主题多方面地表达出来，将其所表达的意念强化、提示 化、个性化，让人们感受到广告艺术的品位和魅力。
40
第4章
4. 欢快轻盈
字体生动活泼，跳跃明快，有鲜明的节奏感，适用于儿童用品、旅游等广告 主题。
5. 苍劲古朴
字体朴素无华，包含故事之风韵，适合于传统产品等广告主题。
6. 新颖奇特
字体造型设计奇妙，个性突出，给人以强烈独特的印象和刺激感，适合于创 新产品等广告主题。
41
第4章
四、广告文字设计的准则
42
3. 美观性
必须具有视觉上的美感，能给人 以美的感受。字型设计很好、组合巧 妙的文字能使消费者看后感到愉快， 留下美的印象，获得良好的心理反应。
第4章
广告字体美观性
43
第4章
4. 统一性
广告中的字体设计应注意不同字体之间的和谐。一幅广告中运用的字体不能 太多，以免造成纷乱的感觉。字体的选择在广告设计中是最为讲究的，字体的大 小也要服从整个广告设计的需要。
4
第4章 创建点文本
三、创建段落文本
段落文本也是基于文本框输入的文本， 用户可以输入一段或多段文字，当输入的文 字超出文本框的界定宽度后，将自动进行换 行，使文字以文本框的大小进行排列。由于 段落文本具有自动换行、可调整文字区域大 小和形状等优势，在需要处理的文字量较大 时，可以使用段落文本来完成。
36
第4章 广告中的书法字
2. 印刷体
印刷体是供排版印刷用的、规 范化的文字形体，包括汉字中的黑体、 宋体，英文中的古罗马体和现代罗马 体等。现代化的技术手段为印刷字体 设计开辟了一个崭新的领域，形成了 庞大的中英文印刷字体系统。印刷字 体的运用讲究艺术效果与科学技术相 结合。
37
第4章 广告中的印刷体
创建点文本或段落文本后，如果需要对文本中的文字内容进行修改，可再 次选择 “横排文本工具”或 “直排文本工具”，然后将光标移动到文本中， 当光标变为 形状时单击鼠标左键，即可激活文本编辑状态，此时可以对文本 进行选取、删除或修改等操作。
除了修改文本的内容，还可以对文字格式进行修改，包括字体、字号和字 符颜色等。选择“横排文本工具”或“直排文本工具”后，在文本中按下鼠标左 键并拖动，选中需要设置的文字，然后在属性栏中重新设置即可。
2. 图层样式介绍
在“图层样式”对话框中提供了 10 种效果，勾选效果名称前的复选框，即 可在图层中添加该效果；取消勾选后，将停用该效果，但设置的效果参数将被保 留。单击效果名称，即可进入该效果的设置面板；在设置好效果参数、勾选完需 要应用的效果后，单击“确定”按钮，即可为图层添加效果。
19
（1）斜面和浮雕
第4章
第 4 章 文字的简单处理
第 1 节 文字使用基础 第 2 节 文字的字体及样式调整 第 3 节 广告字的制作
1
第4章
第 1 节 文字使用基础
为电子商务网页图像添加文字不仅可以吸引浏览者或顾客的眼球，而且能快速 使其从众多商品图片中选中需要浏览的图像。网页中也要针对商品的情况进行说明， 这些文字都是以图像的形式上传到网页上的。如果给文字增加一些特效，会达到更 好的宣传效果。首先，要重点掌握文字的基本使用方法，并通过实例进行巩固，在 此基础上，继续加深学习文字样式的调整方法，并进行实例应用，最终能够使用 Photoshop CS6 进行图像中文字的简单处理。
第4章 改变单个字符颜色
9
第4章
需要注意的是，字符处在被选择状态时，颜色将反相显示。如右图所示。在 颜色调板中指定为黄色后，在图像中却显示为蓝色。取消选择后其颜色即可恢复 正常。
字符选中后反色显示
10
第4章
六、转换水平文字与垂直文字
已经输入的横排文字可以转换为直排文字，直排文字也可以转换为横排文 字。选中要更改的文本图层后，选择“文字”→“取向”命令，在其子菜单中 选择“水平”或“垂直”命令，即可进行转换。此外，也可以单击文字工具属 性栏中的 “切换文本取向” 按钮进行转换。第4章设置“Fra bibliotek面和浮雕”样式
20
（2）描边
第4章
设置“描边”样式
21
描边效果
（3）内阴影
第4章
设置“内阴影”样式
22
内阴影效果
（4）内发光
第4章
设置“内发光”样式
23
内发光效果
（5）光泽
第4章
设置“光泽”样式
24
光泽效果图
（6）颜色叠加
第4章
设置“颜色叠加”样式
25
（7）渐变叠加
第4章
设置“渐变叠加”样式
7
创建好文本后，如果要移动文本，只需
选择“移动工具”，在图层面板中选中要移
动的文本图层，然后在图像中按下鼠标左键
并拖动即可。
对于段落文本，不但可以对文字内容进
行修改，还可以对文本框进行修改。在输入
段落文本时，如果文本超出文本框的范围，
可以通过拖动文本框四周的控制点来改变文
本框的大小。将光标移动到文本框外，当指
16
第4章 字符 / 段落面板
三、使用图层样式制作效果
1. 添加图层样式的方法
选中图层后，可以通过“图层” 面板、“样式”面板以及菜单栏中的 相应命令为其添加图层样式。
第4章
在“样式”面板中选择图层样式
17
第4章
执行“图层”→“图层样式”命令
18
选择“图层”面板底部的 “添加图层样式”按钮
第4章
2
第4章
一、认识文字工具属性栏
在 Photoshop CS6 中，文字的输入主要是通过文字工具箱来完成的。在文 字工具箱中右键单击 “横排文字工具”按钮，可打开文字工具组，其中包含文 字工具和文字蒙版工具。
文字工具属性栏
3
二、创建点文本
点文本是一个水平或垂直的文本行， 在处理标题等字数较少的文字时，可以通过 点文本来完成。选择横排或直排文字工具后， 在图像中需要创建文字的地方单击鼠标左键， 即可在该点插入一个光标，在光标处输入文 字即可。
1. 复制与粘贴图层
第4章
复制并粘贴图层样式
32
2. 清除图层样式
第4章
清除图层样式
33
第4章
第 3 节 广告字的制作
在制作电子商务网页时，广告文字是在图像之后，更加直接吸引顾客的内 容。广告文字的造型与特征是否与商品内涵相统一，是广告文字设计与制作的 重点。
34
一、广告文字
文字作为广告设计三大要素之一，在广告 设计中占有重要的地位，文字设计的好坏直接 影响广告版面的视觉效果。
14
一、使用字符面板设置字符样式
在 Photoshop CS6 中可以为文字设置 各种不同的效果。选择文字工具后，在属性 栏中单击“切换字符和段落面板”按钮，可 打开“字符 /段落”面板。
单击“字符”标签切换到“字符”面板， 将鼠标指向某个选项图标，可以显示该选项 的名称。除了常规的字体、字号、行距、字 距和颜色等选项外，面板下方还有一排按钮。
广告设计中的文字设计主要包括标题、广 告语、正文、随文等内容。在设计应用时，应 当注意广告文字创意表现的基本准则，以及文 字的字体、字号、字距与行距、文字的编排形 式等要素。
第4章 “字符”面板
二、使用段落面板设置段落样式
设置段落样式包括设置文字的对齐方式和 缩进方式等，不同的段落样式具有不同的文字 效果。选择“文字工具”后，将鼠标光标置于 需要设置的段落中，在属性栏中单击“切换字 符和段落面板”按钮，可打开“字符 / 段落” 面板，单击“段落”标签切换到“段落”面板。
第4章
广告字体风格
39
第4章
1. 端庄典雅
字体优美抒情，格调高雅，给人以华丽高贵之感，适用于女性化妆品等广告 主题。
2. 坚固挺拔
字体造型富于力度，给人以简洁爽朗的现代感，有较强的视觉冲击力，适用 于家用电器等广告主题。
3. 深沉浓厚
字体造型规整，具有重量感，庄严雄伟，给人以不可摇动的感觉，适用于工 程机械等广告主题。
11
第4章
七、栅格化文字
栅格化文字图层是指将文字图层转换成普通图层，在转换后的图层中能应用 各种滤镜效果，文字图层以前所用的图层样式并不会因转换而受到影响，但无法 再进行文字编辑操作。栅格化文字图层主要有以下两种方法。
1. 在 菜 单 栏 中 选 择 “ 图 层 ” → “ 栅 格 化”→“文字”命令。
选择工具箱中的 “横排文字蒙版工具”或 “直 排文字蒙版工具”，在图像中单击鼠标左键，然后输入所 需的文字后，退出文字蒙版输入状态，即可分别创建出横 向或纵向排列的文字选区。
13
文字蒙版创建文字
第4章
第 2 节 文字的字体及样式调整
字符样式包括字体、字号、颜色等属性，除了可以在属性栏中进行设置外， 还可以通过“字符”面板进行更详细的设置。段落样式包括对齐方式、间距和 缩进等，可以使用“段落”面板进行设置。
1. 针对性
字体的设计需要与所设计信息的具体内容、词义相配合，应根据宣传对象、 字体所处的环境来选择和设计，这样才能表里一致，发挥出文字感染力的最大功能。
2. 易读性
在设计时要避免繁杂凌乱，应减去不必要的装饰变化，使人易认、易懂，不 能为了设计而设计，不能忘记了文字设计的根本目的是为了更好、更有效地传达广 告信息，表达广告的主题和构想意念。
46
第4章
2. 文字图形化的广告设计
文字作为图形元素具有双重性，比单纯的图形更富于表现力和视觉冲击力。 首先，字意本身就是最明确、最有说服力的，具有信息传递准确与直接性等特点； 其次，文字的图形化特征使文字从字意的传达到图形的传达成为可能，并具有极 强的可塑性。文字在图形中的转化，可以增加其直觉趣味，并使文字的内容含义 通过与其结合的广告设计主题多方面地表达出来，将其所表达的意念强化、提示 化、个性化，让人们感受到广告艺术的品位和魅力。
40
第4章
4. 欢快轻盈
字体生动活泼，跳跃明快，有鲜明的节奏感，适用于儿童用品、旅游等广告 主题。
5. 苍劲古朴
字体朴素无华，包含故事之风韵，适合于传统产品等广告主题。
6. 新颖奇特
字体造型设计奇妙，个性突出，给人以强烈独特的印象和刺激感，适合于创 新产品等广告主题。
41
第4章
四、广告文字设计的准则
42
3. 美观性
必须具有视觉上的美感，能给人 以美的感受。字型设计很好、组合巧 妙的文字能使消费者看后感到愉快， 留下美的印象，获得良好的心理反应。
第4章
广告字体美观性
43
第4章
4. 统一性
广告中的字体设计应注意不同字体之间的和谐。一幅广告中运用的字体不能 太多，以免造成纷乱的感觉。字体的选择在广告设计中是最为讲究的，字体的大 小也要服从整个广告设计的需要。
4
第4章 创建点文本
三、创建段落文本
段落文本也是基于文本框输入的文本， 用户可以输入一段或多段文字，当输入的文 字超出文本框的界定宽度后，将自动进行换 行，使文字以文本框的大小进行排列。由于 段落文本具有自动换行、可调整文字区域大 小和形状等优势，在需要处理的文字量较大 时，可以使用段落文本来完成。
36
第4章 广告中的书法字
2. 印刷体
印刷体是供排版印刷用的、规 范化的文字形体，包括汉字中的黑体、 宋体，英文中的古罗马体和现代罗马 体等。现代化的技术手段为印刷字体 设计开辟了一个崭新的领域，形成了 庞大的中英文印刷字体系统。印刷字 体的运用讲究艺术效果与科学技术相 结合。
37
第4章 广告中的印刷体
创建点文本或段落文本后，如果需要对文本中的文字内容进行修改，可再 次选择 “横排文本工具”或 “直排文本工具”，然后将光标移动到文本中， 当光标变为 形状时单击鼠标左键，即可激活文本编辑状态，此时可以对文本 进行选取、删除或修改等操作。
除了修改文本的内容，还可以对文字格式进行修改，包括字体、字号和字 符颜色等。选择“横排文本工具”或“直排文本工具”后，在文本中按下鼠标左 键并拖动，选中需要设置的文字，然后在属性栏中重新设置即可。
2. 图层样式介绍
在“图层样式”对话框中提供了 10 种效果，勾选效果名称前的复选框，即 可在图层中添加该效果；取消勾选后，将停用该效果，但设置的效果参数将被保 留。单击效果名称，即可进入该效果的设置面板；在设置好效果参数、勾选完需 要应用的效果后，单击“确定”按钮，即可为图层添加效果。
19
（1）斜面和浮雕
第4章
第 4 章 文字的简单处理
第 1 节 文字使用基础 第 2 节 文字的字体及样式调整 第 3 节 广告字的制作
1
第4章
第 1 节 文字使用基础
为电子商务网页图像添加文字不仅可以吸引浏览者或顾客的眼球，而且能快速 使其从众多商品图片中选中需要浏览的图像。网页中也要针对商品的情况进行说明， 这些文字都是以图像的形式上传到网页上的。如果给文字增加一些特效，会达到更 好的宣传效果。首先，要重点掌握文字的基本使用方法，并通过实例进行巩固，在 此基础上，继续加深学习文字样式的调整方法，并进行实例应用，最终能够使用 Photoshop CS6 进行图像中文字的简单处理。
第4章 改变单个字符颜色
9
第4章
需要注意的是，字符处在被选择状态时，颜色将反相显示。如右图所示。在 颜色调板中指定为黄色后，在图像中却显示为蓝色。取消选择后其颜色即可恢复 正常。
字符选中后反色显示
10
第4章
六、转换水平文字与垂直文字
已经输入的横排文字可以转换为直排文字，直排文字也可以转换为横排文 字。选中要更改的文本图层后，选择“文字”→“取向”命令，在其子菜单中 选择“水平”或“垂直”命令，即可进行转换。此外，也可以单击文字工具属 性栏中的 “切换文本取向” 按钮进行转换。第4章设置“Fra bibliotek面和浮雕”样式
20
（2）描边
第4章
设置“描边”样式
21
描边效果
（3）内阴影
第4章
设置“内阴影”样式
22
内阴影效果
（4）内发光
第4章
设置“内发光”样式
23
内发光效果
（5）光泽
第4章
设置“光泽”样式
24
光泽效果图
（6）颜色叠加
第4章
设置“颜色叠加”样式
25
（7）渐变叠加
第4章
设置“渐变叠加”样式
7
创建好文本后，如果要移动文本，只需
选择“移动工具”，在图层面板中选中要移
动的文本图层，然后在图像中按下鼠标左键
并拖动即可。
对于段落文本，不但可以对文字内容进
行修改，还可以对文本框进行修改。在输入
段落文本时，如果文本超出文本框的范围，
可以通过拖动文本框四周的控制点来改变文
本框的大小。将光标移动到文本框外，当指
16
第4章 字符 / 段落面板
三、使用图层样式制作效果
1. 添加图层样式的方法
选中图层后，可以通过“图层” 面板、“样式”面板以及菜单栏中的 相应命令为其添加图层样式。
第4章
在“样式”面板中选择图层样式
17
第4章
执行“图层”→“图层样式”命令
18
选择“图层”面板底部的 “添加图层样式”按钮
第4章
2
第4章
一、认识文字工具属性栏
在 Photoshop CS6 中，文字的输入主要是通过文字工具箱来完成的。在文 字工具箱中右键单击 “横排文字工具”按钮，可打开文字工具组，其中包含文 字工具和文字蒙版工具。
文字工具属性栏
3
二、创建点文本
点文本是一个水平或垂直的文本行， 在处理标题等字数较少的文字时，可以通过 点文本来完成。选择横排或直排文字工具后， 在图像中需要创建文字的地方单击鼠标左键， 即可在该点插入一个光标，在光标处输入文 字即可。
1. 复制与粘贴图层
第4章
复制并粘贴图层样式
32
2. 清除图层样式
第4章
清除图层样式
33
第4章
第 3 节 广告字的制作
在制作电子商务网页时，广告文字是在图像之后，更加直接吸引顾客的内 容。广告文字的造型与特征是否与商品内涵相统一，是广告文字设计与制作的 重点。
34
一、广告文字
文字作为广告设计三大要素之一，在广告 设计中占有重要的地位，文字设计的好坏直接 影响广告版面的视觉效果。
14
一、使用字符面板设置字符样式
在 Photoshop CS6 中可以为文字设置 各种不同的效果。选择文字工具后，在属性 栏中单击“切换字符和段落面板”按钮，可 打开“字符 /段落”面板。
单击“字符”标签切换到“字符”面板， 将鼠标指向某个选项图标，可以显示该选项 的名称。除了常规的字体、字号、行距、字 距和颜色等选项外，面板下方还有一排按钮。
广告设计中的文字设计主要包括标题、广 告语、正文、随文等内容。在设计应用时，应 当注意广告文字创意表现的基本准则，以及文 字的字体、字号、字距与行距、文字的编排形 式等要素。