项目6路径的应用

课课 题题 项目 6 艺术卡片设计 路径的应用 课课 时时 共 10 学时 其中理论 0 学时 操作 7 学时 项目设计 3 学时 建议分五次课 完成 课 次理论课时上机课时自学 作业 课时 第 1 次课 1 第 2 次课 2 建议 1 学时 第 3 次课 2 建议 1 学时 第 4 次课 2 建议 2 学时 项目设计 3 可选 合计 10 项目目标项目目标 亲情卡 设计使用的图像处理技术主要是路径 设计项目包括三个实训任务 任务 1 精确抠图 使用钢笔工具精确取图 任务 2 图形设计 使用路径工具设计形状 任务 3 艺术文字与图层模式 创建路径文字 图层模式设置 项目重点项目重点 掌握路径的创建 编辑 保存 转换 应用 平面设计能力训练 项目难点项目难点 路径的应用 平面设计能力的提高 教学用具教学用具 多媒体计算机网络机房 PhotoShop CS4 软件 随书配套光盘素材 项目 6 教学方法教学方法 建议以讲练结合 演示教学 项目任务等教学方法为主 第 1 次课 1 学时 路径知识建构 能力目标 能力目标 理解路径的概念 熟悉路径面板 会路径的创建 编辑 保存 转换的基本操作 教学重点 教学重点 会路径的创建 编辑 保存 转换的基本操作 教学难点 教学难点 会路径的创建 编辑 保存 转换的基本操作 教学过程 教学过程 一 路径的概念 路径是由多个锚点的矢量线条构成的图像 它可以转换为选区 也可以使用颜色填充 和描边 使用钢笔工具 图 6 3 或形状工具 图 6 4 所绘制出的图形称为路径 路径可 以是起点到终点的闭合路径 也可以是没有明显终点的开放路径 锚点是路径上的点 路径上的锚点可以添加 删除 移动 通过编辑锚点调整路径 二 路径应用 使用钢笔 磁性笔或自由钢笔等工具 通过调整线段的控制手柄 可以绘制任意的 精确的选取外框 路径存储对选区或路径的重复调用很方便 三 理解 3 种绘图方式的区别 Photoshop 路径的绘图方式有 3 种 形状图层 路径 填充像素 形状图层方式在绘制 出路径的同时 建立一个形状图层 路径内的区域将被填入前景色 路径方式只能绘制出 工作路径 不会同时创建一个形状图层 填充像素方式会在当前图层中绘制出一个由前景 色填充的形状 不会建立路径 也不创建形状图层 四 实践练习 学生学习 知识准备 部分内容 结合 Photoshop CS4 软件 完成 实训练习 中 基础练习 部分 第 2 次课 1 学时 任务 1 精确抠图 应用钢笔工具精确取图 能力目标 能力目标 从一张包含人物的图像中 应用钢笔工具精确取出人物作为亲情卡的素材 完成结果 如图示 通过应用钢笔工具精确取出人物的实训 掌握应用钢笔工具精确选取图像 将路径转 换为选区 掌握钢笔工具 路径选择工具的使用方法和技巧 教学重点 教学重点 应用钢笔工具创建 应用路径 路径转换为选区 路径选择工具的应用 教学难点 教学难点 路径转换为选区 路径的编辑 路径的应用 任务分析 任务分析 在学习使用套索工具和魔术棒工具选取的基础上 进一步学习使用钢笔工具进行选取 钢笔工具适用于选取待选图像与背景图像差别不大的情况 它可以精确界定所选图像的边 缘 磁性钢笔工具适合于选取图像与背景对比强烈的图像 其使用方法与磁性套索工具很 相似 在选取过程中掌握钢笔工具的使用 制作直线路径 曲线路径 调整曲线的弧度 选取完成后 使用直接选择工具对路径进行细节调整 存储工作路径 将路径转换为选区 复制所选图像到新的图像中 教学过程 教学过程 新建图形文档 文档大小为 宽度和高度分别为 600 像素 400 像素 并保存为 项 目 6 psd 一 渐变背景图层 1 设置线性渐变 2 应用渐变 在绘图工作区背景图层上从上向下绘制线性渐变 二 创建人物图像路径 1 打开 项目 6 亲情 jpg 素材 设置钢笔工具选项选项栏 方式为路径 取 消橡皮带 选中自动添加 删除 区域选择重叠路径区域 技巧提示 与选区选项栏区别比较 2 创建人物路径 技巧提示 将最后一个端点与起点重合 形成封闭的路径 在设置端点时点的地方 不必太多 尽量点在曲线有明显变化的地方 点的距离也不要太远了 太远了不容易控制 如果选择的不是太准确可以按 Delete 键删除当前锚点 也可以等人物都选中后 再利用 直接选择工具 修改锚点 3 存储人物工作路径 三 复制人物图像到新图形文档 1 将路径转换为选区 将路径作为选区载入 按钮 将路径转化为选区 2 复制人物图像 技巧提示 在使用钢笔工具选取过程中 有锚点位置不正确时 可按下 Delete 键删除一个锚点 重新确定锚点的位置 在选取完成后 有不合适的地方 选择钢笔工具组中的 直接选择工具 单击路径 在路径上会出现锚点和方向线 可用添加锚点工具和删除锚点工具进行锚点的增减 可用 直接选择工具对锚点和方向线进行移动 直到其合适为止 抠图时按住 Alt 键是去掉一个手柄 碰到转角时比较适用 抠图时按住 Ctrl 键 鼠标会变成一个白色空心箭头 这时可以移动节点的位置 还可 以重新调节方向线手柄的方向和长短 在选区的边界有时会出现一些杂色 是因为钢笔画的线条不一定和图像边缘贴得那么 紧 可以放大图像边缘后再编辑路径或粘贴到新图层中对图像边缘进行编辑修改 在路径调板中 将路径转换为选区后 使用 选择 菜单 修改 中的 收缩 命令 可以设置收缩量来整体调整选区 当所抠图像的边缘与背景反差很大 且边缘较清晰时 可以使用自由钢笔工具 并加 上磁性 自由钢笔工具所画的线条可以自动吸附在图像的边缘 拖动鼠标到起点便可快速 完成路径选取 教学小结 教学小结 本任务重点实训应用钢笔工具进行选取创建路径 若图像要选取的部分与背景部分对 比不强烈 而应用套索工具和魔术棒工具都很难精确选取 这时应用钢笔工具选取会很方 便 钢笔工具在开始使用时 不太容易操控 配合使用键盘上的键位可提高操控性 使用钢笔工具选取完成后可以形成一个闭合的区域 如果需要进行图像的复制或移动 可以通过路径调板将路径转换为选区 如果需要保留路径区域 可对路径进行存储 巩固练习 巩固练习 1 完成 应用练习 第 1 题 第 3 次课 2 学时 任务 2 图形设计 能力目标 能力目标 在任务 1 的基础上为 亲情卡 作品添加柳枝 心形等图形 掌握利用钢笔工具组和形状工具组设计图形 并使用钢笔工具组和形状工具组的相关 属性 绘制各种图形 进一步掌握路径选取工具 路径编辑工具的使用 掌握路径的移动 复制 存储等操作 教学重点 教学重点 应用钢笔工具组和形状工具组的相关属性 绘制各种图形 教学难点 教学难点 钢笔工具组和形状工具组的综合应用 任务分析 任务分析 图像中的柳枝综合使用了路径的创建 路径的复制 移动 变形 路径描边 路径存 储等 还使用了画笔工具来制作柳叶 心形则使用了钢笔工具和形状工具两种工具来制作 掌握两种工具的相同之处和不同 之处 在本次任务中 需要使用钢笔及形状工具创建图形 通过设置钢笔工具的属性 绘图 方式的选择及路径叠加方式的设置来实现不同的图形效果 教学过程 教学过程 一 绘制柳枝 柳叶 1 在 项目 6 项目 6 psd 中创建 柳枝 图层 2 创建 柳枝 路径 关键技术 钢笔工具绘制柳枝曲线路径 复制路径 多个路径同时复制 后编辑路径 又绘制几条类似的曲线 3 描边 柳枝 路径 对路径进行描边 形成柳枝效果 4 添加柳叶 设置前景色为 09c820 绘制柳枝左侧树叶 关键技术 画笔预设 选择 椭圆 45 主直径设为 20 角度为 45 度 在柳枝左侧 靠上的位置绘制较大的柳树叶子 将主直径设置为 15 在柳枝左侧中间位置 绘制较小的 叶子 将主直径设置为 10 在柳枝靠下的位置绘制更小的叶子 依次完成每根柳枝左侧的 树叶 绘制柳枝右侧树叶 画笔预设 画笔笔尖形状 的角度设置为 130 度 应用提示 若角度不合适时 可适当调整角度 使树叶更加逼真 二 绘制心形 1 创建 心形 图层 2 在图像的中部应用钢笔工具制作一个大的 心形 关键技术 绘制 心形 路径 编辑路径 3 对 心形 路径描边 创建 玫瑰花 画笔 关键技术 定义画笔预设 中 自定义 玫瑰花 画笔形状 技巧提示 创建 玫瑰花 画笔后 单击工具箱画笔工具按钮 在其选项栏 可以找到并设置当前画笔为 玫瑰花 设置前景颜色为 cd2029 色 即应用画笔描边时的 玫瑰花 颜色 预设画笔 此处可以自己调节大小 角度和圆度 尝试不同的效果 心形 路径描边 关键技术 选择描边工具为画笔 添加投影效果 编辑人物图像 应用橡皮擦工具 删除 心形 以外的人物图像 三 绘制 心形 气球 心形 气球的制作 可使用形状工具 1 自定义形状工具与自定义形状图形 形状图层工具 矩形工具 圆角矩形工具 椭圆工具 多边形工具 直线工具和自定 义形状工具 2 新建图层 命名为 气球 3 绘制 心形 气球形状路径 关键技术 选择自定义形状 红桃 设置绘图方式为 路径 应用 矩形工具 拖出一根 气球线 shift 键配合选择两个图形 在选项栏 中 应用 组合 命令将其组合成一体 4 定义 气球 形状 关键技术 自定义 气球 形状 应用自定义形状工具 气球 拖出几个大小不同的 气球 填充子路径 改变前景色将其它 气球 填充为不同颜色 技巧提示 使用钢笔工具绘图 尤其是绘对称的图形 锚点的定位很关键 可以在绘制前显示网 格 并根据自己的需要修改网格的大小辅助完成 直接选取工具 对路径曲线的修改也很方 便 在画笔预设对话框中对画笔的各项参数进行设置 可以产生丰富的描边效果 当多个路径叠加时 可选择以下四种叠加模式 添加到路径区域 新绘制的区 域添加到现有的形状或路径中 从路径区域减去 可将重叠区域从现有形状或路径 中移去 交叉路径区域 将区域限制为新区域与现有形状或路径的交叉区域 重叠 路径区域 从新区域和现有区域的合并区域中排除重叠的部分 教学小结 教学小结 本任务要求掌握钢笔工具 路径选择工具和形状工具的应用 并对路径进行编辑修改 填充和描边 绘制闭合路径时 让起始锚点和结束锚点重合即可 绘制开放的路径 在路径结束后 按 Ctrl 键在图形空白处单击即可 若路径需要重复使用时 可以将路径存储下来 路径可 以转换为选区 图形工具使用过程中注意选项栏的使用 可以将预置的形状工具变换出多种效果 自 定义形状中可通过追加新的形状 可使用路径选择工具修改形状 按不同方式叠加多个形 状并组合形状 巩固练习 巩固练习 1 完成 应用练习 第 2 3 题 第 4 次课 2 学时 任务 3 艺术文字与图层模式 能力目标 能力目标 在 亲情卡 作品中添加并设置艺术文字 通过设置图层模式调整图像效果 效果如 图 掌握应用路径工具和文字工具创建艺术文字效果 通过设置图层模式调整图像效果 教学重点 教学重点 路径工具和文字工具的综合应用 教学难点 教学难点 沿路径创建文字的应用设计 任务分析 任务分析 图像中的文字使用文字工具完成 文字艺术效果应用路径工具 栅格化文字 形状工 具完成 图片右下方的文字 使用了文字工具与路径工具 将文字吸附到路径产生曲线文字效 果 感恩 艺术字则是创建竖排文字后对文字进行栅格化处理 应用路径工具和形状工 具在文字上添加了新的形状 将形状转化为选区后进行填充 产生美化的艺术文字效果 教学过程 教学过程 一 绘制路径 关键技术 新建一条具有一定弧度的路径 二 在路径上添加文字 关键技术 应用文字工具 在左侧路径开始的锚点上单击 文字会吸附在路径上 图层样式设置 总结提示 实现文字变形效果的方法 一是在上述操作中实现文字与路径的配合应 用效果 文字可以吸附于圆形 心形等各类图形 二是使用文字选项栏中的创建变形文字 工具 实现文字艺术效果 三 设计 感恩 艺术字 1 创建 感恩 文字 2 栅格化文字 技巧提示 栅格化后的文字不能再使用文字工具进行编辑 但可以和图形一样编辑操 作 3 在 恩 字上绘制 桃心 曲线路径 4 填充路径 5 创建文字 感 艺术效果 6 隐藏路径 四 调整图形设计 1 调整布局 应用导航器调整图形为整体显示 观察整体布局效果 调整 人物 心形 树叶 文字所在的图层图像位置 使其 布局更加合理 2 设置图层混合模式 不透明度 图像完成后通过 文件 菜单 存储 命令将图像存储为 psd 格式 教学小结 教学小结 路径文字 先用钢笔工具或形状工具绘制出路径 选择文字工具在路径边缘单击 输 入的文字会贴合路径 形成路径文字效果 路径发生变化时 文字也随着发生变化 也可以使用文字工具输入文字后 在文字图层上单击右键创建文字工作路径 通过调 节路径改变文字效果 新建图层填充路径 也可通过描边路径 新建图层描边路径 改 变文字效果 文字栅格化后 可以象图形一样编辑处理 可使用钢笔工具或形状工具在文字上添加 新的形状 并进行填充 巩固练习 巩固练习 1 应用 路径 设计半圆形 梦幻土家 美丽长阳 艺术文字效果 2 完成 应用练习 第 4 题 项目小结 路径工具包括 3 个工具组 钢笔工具组 路径选择工具组和形状工具组 钢笔工具包括两种绘图模式 形状图层模式和工作路径模式 形状工具包括三种绘图 模式 形状图层模式 工作路径模式和填充像素模式 形状图层方式在绘制出路径的同时 建立一个形状图层 路径内的区域将被填入前景色 工作路径方式只能绘制出工作路径 不会同时创建形状图层 填充像素方式会在当前图层中绘制出一个由前景色填充的形状 不会建立路径 也不创建形状图层 在绘图时可根据需要 选择不同的绘图模式 使用钢笔工具制作路径时按住 Shift 键可以强制路径或方向线成水平 垂直或 45 度角 按住 Ctrl 键可暂时切换到路径选取工具 按住 Alt 键将笔形光标在黑色节点上单击可以改 变方向线的方向 使曲线能够转折 按 Alt 键用路径选取工具单击路径会选取整个路径 要同时选取多个路径可以按住 Shift 后逐个单击 使用路径选工具时按住 Ctrl Alt 键移 近路径会切换到加节点与减节点笔形工具 当在同一图层中绘制多个形状 或在同一工作路径中绘制多个路径组件时 路径之间 都可以进行运算 可选择以下四种运算 叠加 模式 添加到路径区域 新绘制的区