超赞!使用PS制作洗发水广告.docx

超赞！使用 PS制作洗发水广告限 于 水 平 ， 本 教 程 如 有 翻 译 当 之 处 请 海 涵 并 指 正 -from iconfans luycas 教 程 细 节 ：软 件 ： Adobe Photoshop CS3+难 度 ： 中 级预 计 耗 时 ： 2-3 小 时最 终 效 果 预 览今 天 我 们 将 练 习 使 用 钢 笔 工 具 及 一 些 基 本 的 形 状 变 形 和 颜 色 混 合 来 制 作 清 新 鲜 活 的洗 发 水 瓶 子 广 告 ， 那 我 们 开 始 吧 本 教 材 所 需 素 材 下 载 ：o Orangeo Orange Inside第 一 步我们在 photoshop 中新建文件，宽 700px、高 1000px，分辨率 300dpi第二步选 中 渐 变 工 具 ， 选 择 “径 向 渐 变 ”选 项 ， 渐 变 色 设 置 为 #c9c9c9 到 #f1f1f1， 然 后 拖拽 鼠 标 创 建 径 向 渐 变 如 下 图 所 示 :第 三 步然 后 使 用 钢 笔 工 具 画 两 个 形 状 放 在 各 自 单 独 的 图 层 上 ：1. 该 图 层 用 来 存 放 洗 发 水 瓶 的 瓶 身 ， 我 们 把 它 命 名 为 “主 体 ”2. 该 图 层 用 来 存 放 洗 发 水 瓶 的 盖 子 ， 我 们 把 它 命 名 为 “盖 子 ”效 果 如 下 图 ：附 ： create a gap between the main body and cap 在 盖 子 和 瓶 身 之 间 留 一 条 缝 隙make the edges rounded 圈 出 来 的 地 方 用 圆 角 过 渡第 四 步接 下 来 为 我 们 创 建 的 2 个 形 状 添 加 颜 色 和 阴 影 。

首 先 我 们 获 得 盖 子 的 选 区 ， 然 后 我们 将 在 选 区 的 四 周 看 到 黑 白 相 间 的 虚 线 获 得 选 区 是 为 了 限 制 笔 刷 的 作 用 范 围 ， 选 区 以外 的 区 域 将 不 会 被 着 色 quick tip：Ctrl+Click the thumbnail of the layer to activate the marquee selection around it快 速 技 巧 ：按 住 Ctrl 键 单 击 图 层 缩 略 图 可 以 获 得 圆 角 矩 形 选 区接 下 来 ， 使 用 笔 刷 工 具 ， 设 置 笔 刷 大 小 90px 左 右 ， 硬 度 0%， 使 用 如 下 图 所 示 的颜 色 值 分 别 为 瓶 盖 着 色 （ 当 然 在 这 里 你 也 可 以 使 用 水 平 的 线 性 渐 变 进 行 填 充 ） 下 图 所示 颜 色 之 所 以 如 此 排 布 ， 完 全 是 为 了 营 造 瓶 盖 的 立 体 感 第 五 步使 用 笔 刷 工 具 ， 参 数 设 置 同 上 ， 为 瓶 身 进 行 着 色 。

在 瓶 身 的 两 侧 着 深 色 ， 是 为 了 营造 视 觉 上 的 效 果 -力 图 通 过 颜 色 变 化 客 观 体 现 瓶 身 立 体 感 如 下 是 瓶 身 和 盖 子 的 效 果 预 览第 六 步在 为 瓶 身 添 加 完 基 本 的 阴 影 后 ， 我 们 继 续 用 更 深 的 灰 色 #a2a2a2 来 刻 画 瓶 子 的 细节 在 本 步 骤 中 ， 我 们 将 把 瓶 身 的 上 、 下 两 边 缘 包 含 进 来 一 同 处 理 （ 需 要 刻 画 的 区 域 如下 图 箭 头 所 指 ） 记 住 ： 瓶 身 上 方 的 阴 影 要 略 淡 于 下 方 阴 影 第 七 步接 下 来 我 们 制 作 横 贯 瓶 身 的 那 道 绿 条 首 先 ， 新 建 图 层 命 名 为 “绿 条 ”， 然 后 使 用 钢笔 工 具 创 建 如 下 图 所 示 形 状 ， 确 保 它 平 滑 且 完 美 的 跟 瓶 身 的 轮 廓 吻 合 路 径 画 好 后 ， 右击 鼠 标 ， 从 下 拉 菜 单 中 选 择 “取 得 选 区 ”basic knowledge of the pen tool（ P） will help you to be faster in making shapes and color application掌 握 钢 笔 工 具 的 基 本 应 用 能 帮 助 你 更 快 速 的 绘 制 形 状 路 径 然 后 着 色第 八 步接 下 来 使 用 油 漆 桶 工 具 为 选 区 着 色 #aff012。

然 后 选 中 笔 刷 工 具 ， 设 置 为 中 等 压 力 ，使 用 颜 色 #628903 涂 抹 瓶 身 的 左 右 两 侧 ， 效 果 如 下 图 所 示 ：第 九 步接 下 来 为 瓶 子 刻 画 细 节 ， 我 们 需 要 用 到 素 材 -橙 子 的 横 断 面 选 中 魔 术 棒 工 具 ， 如下 图 1 所 示 点 击 橙 子 外 侧 的 浅 色 区 域 ， 取 得 选 区 接 下 来 ， 点 击 菜 单 栏 上 的 ”定 义 选 区边 缘 ”按 钮 ， 在 弹 出 的 对 话 框 中 ， 选 择 “智 能 半 径 ”， 然 后 其 他 参 数 保 持 默 认 ， 如 下 图 2最 终 抠 出 来 的 橙 子 见 下 图 ， 复 制 图 层 然 后 把 图 层 副 本 隐 藏 备 用 第 十 步ctrl+T 调 整 橙 子 大 小 ， 如 下 图 1.接 下 来 选 中 矩 形 选 择 工 具 ， 选 中 橙 子 的 左 半 边 ， 右击 鼠 标 ， 选 择 “自 由 变 形 ”如 下 图 2.重 新 调 整 选 中 区 域 的 大 小 ， 如 下 图 3.重 复 相 同 的 步骤 ， 但 是 记 住 我 们 的 选 区 要 大 于 橙 子 直 径 的 1/4， 如 下 图 4.最 终 效 果 应 该 如 下 图 5.把 刚才 变 形 得 到 的 橙 子 置 于 瓶 身 的 左 下 方 。

接 下 来 ， 按 住 Ctrl 键 单 击 图 层 “绿 条 ”的 缩 略 图 ，取 得 选 区 接 下 来 Ctrl+Shift+I 反 选 ， 然 后 删 掉 橙 子 超 出 瓶 身 部 分 最 终 效 果 应 该 如 下图 6 所 示 最 后 ， 复 制 橙 子 图 层 ， 调 整 其 大 小 ， 效 果 如 下 图 7 所 示 第 十 一 步方 法 同 上 ， 按 住 Ctrl 键 单 击 “绿 条 ”缩 略 图 取 得 选 区 ， 然 后 使 用 中 等 大 小 的 柔 角 笔 刷 ， 前景 色 设 为 近 黑 色 #000000， 在 如 下 图 所 示 红 圈 部 分 （ 橙 子 所 在 的 左 下 角 ） 添 加 细 微 的 阴影 ， 效 果 如 下 图 ：apply a subtle amount of shading： color #000000应 用 细 微 的 阴 影 ： 颜 色 #000000第 十 二 步接 下 来 制 作 瓶 子 的 封 口 部 分 我 们 先 给 它 加 底 色 ， 按 住 Ctrl 键 单 击 图 层 “主 体 ”缩 略图 ， 取 得 选 区 。

然 后 选 中 “矩 形 选 择 工 具 ”， 在 设 置 面 板 中 选 择 “交 集 ” （ ctrl+shift+alt键 也 可 以 取 得 交 集 ） ， 绘 制 一 个 矩 形 选 区 如 下 图 1 所 示 ， 一 旦 你 松 开 鼠 标 左 键 ， 它 立 即回 自 动 取 得 两 个 选 区 的 交 集 部 分 ， 如 图 1 下 然 后 使 用 油 漆 桶 工 具 为 选 区 填 色 #dddddd， 如 下 图 2.最 终 效 果 如 下 图 3.第 十 三 步接 下 来 制 作 瓶 盖 的 凹 陷 部 分 选 中 圆 角 矩 形 工 具 ， 圆 角 半 径 设 置 为 0.15 英 尺 ， 绘制 一 个 长 条 的 形 状 如 下 图 1.然 后 ， 使 用 油 漆 桶 为 选 区 填 色 #a34100， 把 图 层 的 不 透 明度 降 为 82% 接 下 来 为 图 层 添 加 “内 阴 影 ”和 “斜 面 浮 雕 ”图 层 样 式 ， 参 数 设 置 如 下 如 果觉 得 大 小 不 合 适 请 按 住 ctrl+T 进 行 调 整 ， 效 果 如 下 图 。

第 十 四 步接 下 来 使 用 钢 笔 工 具 绘 制 一 条 水 平 路 径 如 下 图 1.然 后 选 中 笔 刷 工 具 ， 更 改 其 设 置 如下 图 2-2. 颜 色 #b95701、 直 径 3px、 硬 度 100% 接 着 回 到 钢 笔 工 具 ， 右 击 在 下 拉 菜 单中 选 择 “描 边 路 径 ”， 如 下 图 2-1.选 择 笔 刷 描 边 ， 取 消 “模 拟 压 力 ”选 项 最 终 效 果 如 下 图3.第 十 五 步处 理 方 法 同 14 步 ， 绘 制 钢 笔 路 径 ， 然 后 使 用 笔 刷 工 具 描 边 不 同 的 是 笔 刷 工 具 的设 置 ： 颜 色 #f99e06、 直 径 3px、 硬 度 100%， 模 式 “叠 加 ”， 回 到 钢 笔 工 具 ， 然 后 右 击 选择 “描 边 路 径 ”第 十 六 步选 择 笔 刷 工 具 ， 参 数 设 置 如 下 ： 直 径 2px、 硬 度 100% 然 后 使 用 钢 笔 工 具 在 凹 槽内 绘 制 水 平 路 径 ， 然 后 描 边 路 径 第 十 七 步接 着 为 瓶 子 添 加 光 泽 和 反 光 效 果 。

首 先 使 用 钢 笔 工 具 ， 创 建 如 下 图 1 所 示 路 径 ， 接下 来 右 击 图 层 ， 在 下 拉 菜 单 中 选 择 “取 得 选 区 ”， 然 后 使 用 油 漆 桶 为 选 区 填 色 #ffffff， 如下 图 2.最 后 降 图 层 的 不 透 明 度 为 12%， 如 下 图 3.第 十 八 步我 们 来 使 用 钢 笔 工 具 ， 创 建 如 下 图 1 所 示 的 路 径 然 后 选 中 笔 刷 工 具 ， 参 数 设 置 如下 图 2 所 示 ： 直 径 -10px、 硬 度 -0% 最 后 降 低 图 层 的 不 透 明 度 为 20%， 如 下 图 3.第 十 九 步接 下 来 我 们 添 加 商 标 选 中 文 字 工 具 ， 字 体 选 择 “Myriad Pro ”,字 体 样 式 “bold”， 输入 你 喜 欢 的 品 牌 名 称 在 本 例 中 我 输 入 文 字 “Sonsilk”如 下 图 1.然 后 来 到 文 字 设 置 面 板 ， 更 改 字 间 距 为 ： -80，这 样 做 可 以 减 少 字 母 之 间 的 间 隔 ， 如 下 图 2.接 下 来 右 击 图 层 “sonsilk”在 下 拉 菜 单 中 选择 “栅 格 化 图 层 ”， 现 在 文 字 就 可 以 作 为 图 形 直 接 进 行 编 辑 了 。

我 决 定 为 品 牌 文 字 适 当 增加 样 式 ， 所 以 我 使 用 矩 形 工 具 选 中 并 删 除 了 字 母 s 上 下 两 侧 的 拐 角 部 分 ， 如 下 图 3.然后 再 次 选 择 ”矩 形 选 择 工 具 ”,我 准 。