Photoshop-CC图像处理第十一章综合案例设计ppt课件.ppt

LOGO PhotoshopCC图像处理 第十一章综合案例设计 教学目标 掌握基本工具的综合运用掌握平面设计的制作方法综合运用所学知识知识点和技巧点 绘制图像效果 学以致用 设计并绘制案例 教学内容 通过学习前面的章节 已经对基本工具及命令的使用方法和技巧有所了解和掌握 为巩固所学 举一反三 本章节采用具体设计案例进行讲解 希望可以更好的掌握和灵活运用所学 目录 11 1处理一寸照片11 2制作温馨宿舍宣传栏11 3制作咖啡店名片11 4制作酒店网站 11 1处理一寸照片 11 1 1案例描述11 1 2制作步骤 11 1 1案例描述随着信息化的飞速发展 数码照片的获取越来越方便快捷 如何将普通数码照片处理成证件照并打印出来 是图像处理的应用于日常工作生活的一项技能 本例就来介绍如何将普通数码照片处理成蓝色底照 并利用批处理的方式快速生成标准一寸尺寸的证件照 以及批处理成用于打印的整板照片 11 1 2制作步骤一 将普通数码照处理成蓝色底版照1 打开 素材 第八章 案例1 一寸照片 原始图像 9 jpg 文件 2 按住 Ctrl J 键复制背景图层 3 使用快速选择工具 在人像以外的背景部分拖动 直至得到如图11 1 1所示的选区范围 4 将鼠标放于选区位置 单击右键 选择 调整边缘 命令 选中 边缘检测 中的 智能半径 复选框 如图11 1 2所示 设置属性栏中画笔大小为35 在人像的边缘 尤其是发丝部分涂抹拖动 如图11 1 3所示 3 执行菜单命令 窗口 动作 单击 动作 面板上的新建按钮 如图10 1 3所示 新建动作 上传证件照 对话框设置如图10 1 4所示 单击 记录 按钮后 上传证件照 动作会被放到 DefaultActions 中 效果如图10 1 5所示 在动作面板计算机即刻记录您操作的每一步动作 直至您点击结束 才停止录制 4 按比例修改图像大小 由于图像的来源不同 有的是数码相机导入 有的是纸质照片扫描导入 甚至有的是手机翻拍导入 分辨率大小不一 因此先统一修改分辨率为72像素 英寸 然后成比例修改像素大小中的宽度和高度 5 执行菜单命令 图像 图像大小 设置宽度为114px时 高度为130px 此时高度达不到要求 因此不要单击 确定 按钮 继续修改高度为156px 此时对应宽度为137px 对于超宽的值可以进行裁剪解决 对话框设置如图10 1 6所示 单击 确定 5 确定后得到调整后的选区 新建图层 设置前景色为蓝色 R 0 G 191 B 243 按住 Alt Delete 组合键 在新图层填充蓝色 可以填充多次 再用橡皮擦 设置较低的不透明度 将多余的蓝色擦除 效果如图11 1 4所示 保存图片为 一寸照片 蓝色底 9 jpg 6 打开 素材 第八章 案例1 一寸照片 原始图像 2 jpg 文件 7 按住 Ctrl J 键复制背景图层 8 执行 窗口 通道 命令 打开通道面板 通过观察发现蓝色通道的黑白对比比较明显 复制蓝色通道 执行菜单命令 图像 调整 色阶 设置参数如图11 1 5所示 9 按住Ctrl键单击蓝色副本通道 调查选区 选中RGB主通道 回到图层控制面板 新建图层 填充蓝色 R 0 G 191 B 243 Ctrl D取消选区 如图11 1 6所示 10 使用橡皮擦工具将面部对应的蓝色部分擦除 11 使用加深工具在背景层副本层中对应的右下侧发丝部分涂抹 直至如图11 1 7所示效果 保存图片为 一寸照片 蓝色底 2 jpg 12 用上述两种方法将 一寸照片 原始图像 文件夹内的其他文件都更改成蓝色底版照 如图11 1 8所示 二 批处理成统一分辨率和尺寸的蓝色底版证件照13 打开 一寸照片 蓝色底 8 jpg 按住组合键 Alt F9 打开动作面板 单击动作面板上的新建按钮 新建 统一尺寸 动作 如图11 9所示 单击 记录 按钮 开始记录动作 14 执行菜单命令 图像 图像大小 取消 重新采样 对话框 将分辨率设置为300像素 英寸 即证件照的标准分辨率 文件的宽度和高度会随之自动调整 设置对话框如图11 1 10所示 15 继续执行菜单命令 图像 图像大小 重新选中 重新采样 对话框 将文档的高度设置为3 5厘米 此时文档的高度应该大于或等于2 5厘米 设置对话框如图11 1 11所示 16 按住D键 恢复默认前景色为黑色 背景色为白色 执行菜单命令 图像 画布大小 将画布高度设置为 绝对 值为2 5厘米 由于设置后的画布高度小于原始尺寸 因此要进行一些裁剪 保留的区域在 定位 中进行设置 如图11 1 12所示 17 执行菜单命令 文件 存储为 命令 将文件另存为 一寸照片 统一尺寸 2 jpg 关闭文件 18 单击动作控制面板上的方形 停止 按钮 结束动作的录制 动作控制面板如图11 1 13所示 19 执行菜单命令 文件 自动 批处理 命令 设置动作 源文件夹和目标文件夹如图11 1 14所示 20 单击确定后 即可自动执行批处理命令 效果如 效果图一 所示 三 处理成整板的一寸证件照21 打开 一寸照片 统一尺寸 6 jpg 选定动作控制面板 单击面板上的新建按钮 新建 一寸板照 动作 如图11 1 15所示 单击 记录 按钮 开始记录动作 22 按住D键恢复前景色和背景色为默认黑色和白色 执行菜单命令 图像 画布大小 宽度和高度各相对增加0 1厘米 参数设置如图11 1 16所示 23 单击确定后效果如图11 1 17所示 24 Ctrl A全选 Ctrl C复制 Ctrl D取消选区 25 执行菜单命令 图像 画布大小 宽度为原尺寸的4倍 高度为原尺寸的2倍 参数设置如图11 1 18所示 26 Ctrl Delete填充背景色 Ctrl V粘贴为图层1 Ctrl A全选 选定移动工具为当前工具 单击参数栏中的顶端对齐和左侧对齐按钮 效果如图11 1 19所示 27 拖动图层1缩略图到图层控制面板的新建按钮上 复制图层1为图层1副本 单击参数栏中的底端对齐按钮 图层面板如图11 20所示 28 按住 Ctrl E 组合键向下合并图层 复制合并后的图层 图层控制面板如图11 1 21所示 29 执行菜单命令 滤镜 其他 位移 将图层向右侧移动307像素 即2 6厘米 参数设置和效果如图11 1 22所示 30 继续复制当前图层 按住Ctrl F重复执行位移滤镜 参数值默认为最近一次设置 此时得到6张一寸蓝底照片 31 继续复制当前图层 按住Ctrl F重复执行位移滤镜 完成制作 效果如图11 1 23所示 32 按住组合键 Shift Ctrl E 合并所有图层 将文件另存为 一寸照片 一寸板照 6 jpg 关闭文件 33 单击动作控制面板上的方形 停止 按钮 结束动作的录制 动作控制面板如图11 1 23所示 34 执行菜单命令 文件 自动 批处理 命令 设置动作 源文件夹和目标文件夹如图11 1 24所示 35 单击确定后 即可自动执行批处理命令 效果如 效果图二 所示 36 至此 一寸照片处理完毕 查看文件夹中的文件 11 2制作温馨宿舍宣传栏 11 2 1案例描述11 2 2制作步骤 11 2 1案例描述为了综合应用Photoshop软件 本节通过一个具体案例来提高软件的实际应用能力 本案例制作的海报实际张贴效果如下图所示 这份宣传海报主要展示宿舍卫生 宿舍布置的效果 11 2 2制作步骤1 新建文档 设置宽度为6800像素 高度为3400像素 分辨率为72像素 英寸 颜色模式为RGB颜色 背景内容为白色 名称为 温馨宿舍 psd 单击 确定 按钮 完成画布的创建 2 新建图层1 设置前景色为 R 03G 23B 00 将图层1填充为墨绿色 新建 背景 组 在该组中添加图层2 选择画笔工具 设置 画笔大小 为800像素 硬度 为0 前景色改为 R 02G 15B 00 在黑板左边使用画笔进行不规则涂抹 复制图层2 将涂抹的图案移动到黑板的右边 3 在 背景 组中继续新建图层3 再次设置画笔大小 画笔硬度 前景色等参数 继续用画笔工具在黑板中间上方画出一些痕迹 然后设置图层3的 不透明度 为40 4 打开素材 木纹 jpg 文件 用矩形选框工具在木纹图像上建立选区 选择菜单 编辑 定义图案 命令 将木纹定义成图案 5 新建图层4 使用矩形选框工具在黑板顶部绘制一个细长矩形选区 打开菜单 编辑 填充 命令 设置图案填充 制图层4 将图像移动到黑板下方 完成黑板上下的木纹 6 新建组 在 标题组 中新建 宿 组 新建图层5 使用填充工具 钢笔工具 自由变换 画出米字格 在米字格上方添加标题文字 标题文字字体为 迷你简菱心 大小为399点 用同样的方法完成其他标题字的制作 7 在 标题 组中新建 拼音 组 设置前景色为白色 在该组中输入标题文字的拼音 调整拼音位置 尽量放在对应文字的上方 8 使用钢笔工具 完成不规则图像路径的绘制 对路径进行描边处理 对图层添加描边样式 得到下图效果 9 选择画笔工具 在 边框 组中新建图层7 调整画笔大小为6像素 硬度100 手绘一个回形针图形 再给图形进行样式处理 10 移动回形针图形到不规则矩形框上部中间位置 在 边框 组中新建图层8 并将图层8移动到图层6的下方 将素材图片 宿舍1 jpg 拷贝图层8中 使用 色阶 和 亮度 对比度 命令 将素材图片亮度提高 同样的办法完成其他素材的植入 11 新建文字组 设置文字 字体 为 BerlinSansFB 大小 为172点 设置文本的颜色值为 R 3G 23B 0 编辑各个宿舍编号文字 并对文字进行描边操作 12 利用 添加杂色 命令和 动感模糊 命令 为文字制作出漂亮的粉笔效果底纹 13 完成其他文字的编辑 设置摆放位置 为间隔大段文字 可以新建一个图层 用矩形选框工具画一个长方形选区 并填充白色 然后用橡皮擦工具在长方形上擦除 完成后复制该图层 移动到两段文字中间 14 使用钢笔工具绘制路径 完成粉笔的绘制 再给背景黑板添加一些不规则的图案 完成最终效果 11 3制作咖啡店名片 11 3 1案例描述11 3 2制作步骤 11 3 1案例描述本例为咖啡店名片制作 首先我们要确定主题 这是一家以猫为主题的咖啡店 所以在logo的制作里融入了猫的元素来进行设计 然后按照常见的名片尺寸来进行绘制 11 3 2制作步骤一 LOGO绘制1 新建用于绘制LOGO的文件 尺寸如图11 3 1所示 使用钢笔工具如图11 3 2所示的咖啡杯状图形 2 绘制形状 使用自定义形状工具绘制猫形图案如图11 3 3所示 并对其水平翻转效果如图11 3 4所示 3 使用文本工具 键入文字 MewsforCatnip 并选中属性栏中的 变形文本工具 选择 扇形 设置参数如图11 3 5所示 效果如图11 3 6所示 4 合并除背景层外的所有可见层 并储存为 Logo psd 因为是咖啡厅 所以在名片的设计上 使用了淡金和深棕色的搭配 这个配色跟咖啡店比较搭配 看起来也相当的淡雅高贵 接下来我们来进行名片的制作 二 名片设计 5 新建文件 常见名片尺寸如图11 3 7所示 6 选中渐变工具 绘制由 ffffff至 f5e3bb的径向渐变 如图11 3 8所示 7 导入LOGO 对图层缩略图进行透明锁定 填充接近咖啡的颜色 6c5424 单击图层缩略图右键 转换为智能对象 添加辅助线 如图11 3 9所示 8 使用直线工具绘制线条宽度分别为3px和5px的线条 添加图层蒙版 绘制渐变效果 如图11 3 10所示 9 键入店名文本内容 如图11 3 11所示 名片正面完成 储存文件为 名片1 psd 10 将前页图层组合成组 修改名字为 前 如图图11 3 12所示 复制改组 并隐藏原组的可视性 如图图11 3 13所示 11 修改复制后的组名为 左 移到左边垂直居中 如图11 3 14所示 12 在右侧绘制直线线条 宽度由上至下分别为5px 3px 2px 添加蒙版制作成逐渐消失的效果 如图11 3 15所示 13 设置前景色为 b18b42 使用自定义形状工具的 形状 或 像素 功能绘制名片所需要的信息图案形状 如图11 3 16所示 14 使用文本工具键入对应的文本信息 如图11 3 17所示 完成名片后页并储存为 名片2 psd 三 修饰名片效果15 新建名片预览页文件 尺寸如图图11 3 18所示 16 使用渐变工具绘制从 f5e3bb至 b98e58的斜向对称渐变 如图11 3 19所示 17 导入 名片1 psd 如图11 3 20所示 CTRL T 单击右键选择 扭曲 命令 将名片正面变形至如图11 3 21所示的效果 18 给名片正面添加投影样式 如图11 3 22所示 右键单击复制图层样式 19 用同样的方法导入名片背面 并粘贴图层样式 效果如图11 3 23所示 20 储存文件为 名片预览 psd 31 11 4制作酒店网站 11 4 1案例描述11 4 2制作步骤 32 11 4 1案例描述网站制作是PhotoShop设计应用较多的地方 一个网站是否能留住客户 它的视觉设计是会起决定作用的 本案例是为一家酒店制作网站 需求设计要求是 高贵大气英文网站 接到任务后 作者经过深思熟虑之后 决定使用黑色作为网站的主色调 金色作为辅助色 网站主要采用复古元素来体现酒店高贵典雅的大气风格 效果如图所示 33 11 4 2制作步骤1 利用现有的多个素材和图层蒙版命令制作全图背景 2 利用变换命令调整图片大小 制作网站上下边框 3 装饰网站LOG