Photoshop文字和图层在网页设计中的应用.ppt

Photoshop文字和图层在网页设计中的应用 学习目标本章要点上机练习习题 学习目标 设计网页时 经常都会涉及文字的输入和文字效果的制作 本章将讲解怎样在PhotoshopCS2中制作具有特殊效果的文字 另外 Photoshop的图层是制作具有特殊效果的文字和精美图像的重要手段 本章还将介绍图层的含义 讲解图层的基本操作 图层混合模式等有关图层的知识 本章要点 创建文字图层的应用 创建文字 在Photoshop中除了可以创建点文字和段落文字外 还可以创建文字选区以及对文字进行变形处理 文字工具创建文字文字选区的创建文字的变形应用实例 特殊文字效果 文字工具 文字工具 其中各项的含义分别如下 文字工具 文字工具 文字工具 在 字符 和 段落 面板可以对文字进行修改 如设置文字的字体 字号 颜色 字间距和行间距等 字符 面板 文字工具 段落 面板主要用于对段落文字进行设置 包括文字的对齐方式以及缩进量等 创建文字 文字的创建包括点文字和段落文字的创建 以及这两种文字间的转换 创建点文字创建段落文字 创建点文字 创建段落文字 创建段落文字 段落文本框 输入横排段落文字 缩放文本框 旋转段落文本 文字选区的创建 输入文字和创建文字选区 文字的变形 变形文字 对话框和 样式 下拉列表 文字的变形 文字的变形 各项参数设置好后 单击按钮即可完成文字的变形操作 文字的变形 各项参数设置好后 单击 确定 按钮即可完成文字的变形操作 文字变形效果 应用实例 特殊文字效果 在网页设计中常常需要制作特效文字 这就需要综合应用Photoshop的一些功能 本例将讲解一种特殊文字效果 巧克力字的制作方法 制作时主要通过 定义图案 命令制作巧克力的纹理 然后使用 图层样式 中的投影 斜面和浮雕 内发光等样式制作该效果 最终效果 图层的应用 图层是Photoshop最重要的功能之一 本节就图层的基本概念 图层的基本操作和图层混合模式等 详细讲解图层这一功能的具体操作方法 图层的概念图层的基本操作图层的混合模式应用举例 背景特效制作 图层的概念 Photoshop中的图层是对图像进行各种合成效果的重要途径 使用图层可以在不影响图像中其他元素的情况下处理某一图像元素 不同图层上的图像可以进行独立操作而不对其他图层产生影响 用户可以透过图层的透明区域看到下面的图层 背景图层 图层 面板中最下面的图层为背景图层 默认情况下背景图层是被锁定的 不能更改背景图层的堆叠顺序 混合模式和透明度 图层的概念 调整图层 调整图层主要用于图像的色彩调整 在调整图层中进行各种色彩调整时 调节的效果对调整图层下面的所有图层都起作用 填充图层 该类型图层是采用填充的图层制造出特殊效果 填充图层共有3种形式 纯色填充图层 渐变填充图层和图案填充图层 图层样式 图层样式即在图层中应用的投影 发光 斜面 浮雕和其他效果 应用了图层样式的图层 当改变其图层内容时 这些效果也会自动改变 图层的基本操作 图层的基本操作包括新建 复制 删除 合并图层及调整图层顺序等 这些操作都可以通过选择 图层 菜单中的相应命令或在 图层 面板中进行 新建图层复制图层删除图层合并图层调整图层的顺序链接图层锁定图层对齐和分布图层 新建图层 新建图层 选择 通过拷贝的图层 命令的效果 复制图层 复制图层和将图层复制到另一个窗口 删除图层 合并图层 在图像处理过程中 如果图层过多 会影响操作速度 这时可以将一些图层进行合并 图层 菜单中有3个用于合并图层的命令 合并图层 各命令含义如下 向下合并 将当前图层与其下一图层进行合并 其他图层保持不变 合并图层时 需要将当前图层的下一图层图像设置为显示状态 否则该命令不可用 按Ctrl E快捷键也可以执行向下合并操作 合并可见图层 合并所有显示的图层 按Shift Ctrl E键也可以执行该命令 拼合图像 将图像中的所有可见图层合并 并在合并过程中删除隐藏图层 调整图层的顺序 图层的叠放顺序会直接影响图像显示的效果 先建立的图层在下 后建立的图层在上 上面的图层如果不透明 则会遮盖下面的图层 可以通过改变图层顺序来编辑图像的效果 选择要调整排列顺序的图层 直接将其拖至所需位置或选择 图层 排列 命令 在弹出的子菜单中选择相应的命令即可 各命令含义如下 调整图层的顺序 置为顶层 将当前图层移至最顶部 前移一层 将当前图层向上移动一层 后移一层 将当前图层向下移动一层 置为底层 将当前图层移至最底部 改变图层顺序后的对比效果 排列 子菜单和改变图层顺序后的对比效果 链接图层 链接图层和对链接图层整体变换 锁定图层 为了防止图层被误操作而破坏图像效果 可以将图层锁定 在 图层 面板中的锁定栏中有4个按钮 含义分别如下 锁定图层 对齐和分布图层 在Photoshop中 可以对多个图层执行对齐和分布操作 对齐图层 选择两个或两个以上的图层后选择 图层 对齐 命令 将弹出子菜单 从中选择所需命令后 将按相应方式对齐图层 分布图层 选择3个或3个以上的图层后 选择 图层 分布 命令 将弹出的子菜单 从中选择所需命令后 将按相应的方式分布图层 对齐命令和分布命令 图层的混合模式 图层混合模式是指当图像叠加时 将上面图层与下面图层的像素进行混合 从而得到一种新的图像效果 不同的混合模式可以产生不同的效果 PhotoshopCS2提供了二十多种混合模式 单击 图层 面板中 正常 下拉列表框 将弹出图层混合模式下拉列表 单击 正常 下拉列表框和图层混合模式下拉列表 图层的混合模式 各种混合模式的具体含义如下 正常 Photoshop默认的模式 在处理位图图像或索引颜色图像时 正常 模式也称为阈值 溶解 根据像素位置的不透明度 结果色由基色或混合色的像素随机替换 变暗 使用 变暗 模式时软件将自动查看每个通道中的颜色信息 并选择基色或混合色中较暗的颜色作为结果色 此时 比混合色亮的像素被替换 比混合色暗的像素保持不变 图层的混合模式 正片叠底 该模式主要用于查看每个通道中的颜色信息 并将基色与混合色复合 任何颜色与黑色复合产生黑色 与白色复合将保持不变 颜色加深和颜色减淡 颜色加深 模式主要用于查看每个通道中的颜色信息 并通过增加对比度使基色变暗 以反映混合色 与白色混合后不产生变化 颜色减淡 模式主要用于查看每个通道中的颜色信息 并通过减小对比度使基色变亮 以反映混合色 与黑色混合后不发生变化 图层的混合模式 线性加深和线性减淡 线性加深 模式主要用于查看每个通道中的颜色信息 并通过减小亮度使基色变暗 以反映混合色 与白色混合后不产生变化 线性减淡 模式主要用于查看每个通道中的颜色信息 并通过增加亮度使基色变亮 以反映混合色 与黑色混合则不发生变化 变亮 该模式主要用于查看每个通道中的颜色信息 并选择基色或混合色中较亮的颜色作为结果色 比混合色暗的像素被替换 比混合色亮的像素保持不变 滤色 与 正片叠底 模式相反 通过这种模式转换后的图像颜色通常比较浅 具有漂白的效果 图层的混合模式 叠加 该混合模式用于复合或过滤颜色 最终效果取决于基色 图案或颜色在现有像素上叠加 同时保留基色的明暗对比 柔光 该模式使颜色变亮或变暗 具体取决于混合色 此效果与发散的聚光灯照在图像上相似 强光和亮光 强光 模式用于复合或过滤颜色 具体取决于混合色 此效果与耀眼的聚光灯照在图像上相似 用纯黑色或纯白色绘画会产生纯黑色或纯白色 亮光 通过增加或减小对比度来加深或减淡颜色 具体取决于混合色 如果混合色 光源 比50 灰色亮 则通过减小对比度使图像变亮 如果混合色比50 灰色暗 则通过增加对比度使图像变暗 图层的混合模式 线性光和点光 线性光 模式通过减小或增加亮度来加深或减淡颜色 具体取决于混合色 如果混合色 光源 比50 灰色亮 则通过增加亮度使图像变亮 如果混合色比50 灰色暗 则通过减小亮度使图像变暗 点光 模式即替换颜色 具体取决于混合色 如果混合色 光源 比50 灰色亮 则替换比混合色暗的像素 而不改变比混合色亮的像素 如果混合色比50 灰色暗 则替换比混合色亮的像素 而不改变比混合色暗的像素 图层的混合模式 差值和排除 差值 模式用于查看每个通道中的颜色信息 并从基色中减去混合色 或从混合色中减去基色 具体取决于哪一个颜色的亮度值更大 与白色混合将反转基色值 与黑色混合则不产生变化 排除 模式是创建一种与 差值 模式相似但对比度更低的效果 与白色混合反转基色值 与黑色混合不发生变化 图层的混合模式 色相和饱和度 色相 模式是用基色的亮度和饱和度以及混合色的色相创建结果色 饱和度 模式是用基色的亮度和色相以及混合色的饱和度创建结果色 在无饱和度 灰色 的区域上应用该模式不会产生变化 颜色和亮度 颜色 模式是用基色的亮度以及混合色的色相和饱和度创建结果色 这样可以保留图像中的灰阶 在为单色图像上色或为彩色图像着色时非常有用 亮度 模式是用基色的色相和饱和度以及混合色的亮度创建结果色 此模式创建的效果与 颜色 模式相反 图层的混合模式 打开有两个图层的文件 两个图层中的图片 对上一图层使用不同图层混合模式 几种混合模式效果 应用举例 背景特效制作 网页设计中常常需要制作网页背景 下面介绍一种特效背景的制作方法 最终效果 背景特效 psd 最终效果 上机练习 本章学习了文字工具的应用 图层的基本操作和通过图层混合生成一些特殊效果的方法 下面通过两个实例对这些功能的使用方法进行巩固 以使读者在设计时能够综合利用这些功能做出满意的作品 给头发上色制作水晶按钮 给头发上色前后的