photoshop图标制作教程

《photoshop图标制作教程》由会员分享，可在线阅读，更多相关《photoshop图标制作教程（34页珍藏版）》请在金锄头文库上搜索。

1、photoshop 图标制作教程在本教程中，我们将展示一种苹果水晶风格的雷达图标制作方法。最终效果如下：（原教程中有一些步骤含糊不清，并且和最后的源文件不一致，翻译时我做了适当的调整）第 1 步：在 Photoshop 中 新 建 一 个 大 小 为 10241024 的 空 白 文 档 。 添 加 一 个 纹 理 背 景 （ 原 作 者 使 用 了 一 个 之前 教 程 中 制 作 的 类 布 纹 纹 理 ） ， 只 要 贴 合 整 体 风 格 即 可 。第 2 步 ：使 用 椭 圆 形 选 择 工 具 在 画 布 正 中 央 拖 出 一 个 大 小 为 500500 左 右 的 圆 。 然

2、 后 填 充 为 黑 色 。 命 名 为circle。第 3 步 ：为 了 创 建 图 标 的 边 框 ， 我 们 复 制 刚 刚 填 充 的 圆 ， 然 后 缩 小 到 合 适 的 尺 寸 形 成 一 个 内 圆 ， 命 名 为 inner circle。然 后 ， 在 图 层 面 板 上 ， 右 键 点 击 inner circle 的 缩 略 图 ， 在 弹 出 菜 单 上 选 择 选 择 像 素 从 而 建 立 一 个马 上 要 用 到 的 选 区 。第 4 步 ：隐 藏 这 个 图 层 后 ， 点 击 circle 图 层 激 活 ， 接 着 执 行 图 层 图 层 蒙 版 隐 藏

3、选 区 。 这 样 就 以 蒙 版的 形 式 得 到 了 一 个 圆 环 ， 也 就 是 我 们 要 做 的 图 标 的 边 框 。第 5 步 ：通 过 调 整 circle 图 层 的 图 层 样 式 得 到 金 属 质 感 的 边 框 。 样 式 中 要 运 用 到 投 影 、 内 阴 影 、 斜 面 和 浮 雕 、颜 色 叠 加 。 具 体 设 置 如 下 图 ：a： 设 置 一 个 柔 和 的 投 影b： 设 置 内 阴 影 ， 注 意 等 高 线 的 调 整 。c： 调 整 斜 面 和 浮 雕 ， 通 过 它 达 到 立 体 的 金 属 效 果 ， 其 中 阴 影 设 置 下 的 角

4、 度 、 高 度 和 光 泽 等 高 线 是 关 键 。d： 最 后 添 加 颜 色 叠 加 ， 以 达 到 整 体 的 色 泽 度 。 颜 色 是 #525252。第 6 步 ：最 后 得 到 了 如 下 效 果 。 第 7 步 ：这 时 候 取 消 对 inner circle 图 层 的 隐 藏 。 接 着 复 制 它 ， 得 到 的 新 图 层 命 名 为 small circle。 在 新 图 层 上执 行 图 层 图 层 样 式 渐 变 叠 加 。 鼠 标 拖 动 渐 变 ， 让 高 光 的 区 域 稍 微 靠 近 下 方 ， 具 体 设 置 和 颜 色值 如 下 图 ：第 8 步

5、 ：在 small circle 上 新 建 一 个 空 白 层 ， 然 后 按 住 ctrl 键 点 击 图 层 面 板 上 small circle 的 缩 略 图 得 到 选 区 ，接 下 来 需 要 使 用 笔 刷 工 具 在 选 区 内 刷 出 按 钮 的 高 光 效 果 。 笔 刷 硬 度 调 整 为 0%， 颜 色 为 #7a5511， 流 量 可 以 尽 量 小 一 点 ， 这 样 可 以 多 刷 几 遍 ， 以 获 得 最 优 的 效 果 。 层 命 名 为 top light。第 9 步 ：接 下 来 添 加 边 框 上 的 颜 色 ， 做 出 一 种 反 射 的 效 果

6、。添 加 一 个 新 图 层 ， 命 名 为 border light。 按 住 ctrl 键 点 击 circle 图 层 缩 略 图 ， 得 到 选 区 ， 以此 为 border light 层 的 图 层 蒙 版 。 接 着 按 住 ctrl 键 点 击 innercircle 图 层 缩 略 图 ， 得 到 选 区 ，在 border light 图 层 蒙 版 上 填 充 黑 色 ， 最 后 得 到 一 个 环 形 的 蒙 版 。这 样 ， 我 们 使 用 笔 刷 在 图 层 上 进 行 制 作 放 光 效 果 ， 就 不 会 超 出 边 框 区 域 。 笔 刷 设 置 基 本 和

7、上 一 步 一 样 ， 可 以 根 据 自 己 想 要 的 效 果 做 修 改 。第 10 步 ：接 下 来 我 们 开 始 制 作 雷 达 盘 面 上 的 元 素 。 首 先 在 图 层 面 板 上 创 建 新 组 ， 命 名 为 elements， 并 且 把 组的 混 合 模 式 改 为 颜 色 减 淡 。 为 了 保 证 所 有 绘 制 的 元 素 都 在 盘 面 内 ， 我 们 给 这 个 图 层 图 添 加 一 个 图 层蒙 版 ， 选 区 使 用 small circle 的 即 可 。然 后 开 始 添 加 雷 达 的 坐 标 轴 。 在 elements 组 内 ， 新 建

8、图 层 ， 命 名 为 x line。 使 用 矩 形 选 择 工 具 ， 画出 一 条 细 线 ， 用 白 色 填 充 。 接 着 执 行 滤 镜 模 糊 高 斯 模 糊 ， 模 糊 值 使 用 0.5px。 最 后 把 x line 图 层 的 不 透 明 度 改 为 70%。 微 微 发 光 的 效 果 得 以 呈 现 。 最 后 复 制 x line 图 层 为 y line， 旋 转 到垂 直 的 位 置 ， 这 样 完 整 的 坐 标 轴 就 完 成 了 。第 11 步 ：选 择 椭 圆 工 具 （ U） ， 在 盘 面 中 央 拖 出 一 个 圆 形 ， 填 充 调 为 0%。

9、添 加 图 层 样 式 ， 具 体 设 置 如 下 ：a： 外 发 光b： 内 发 光c： 描 边 ， 大 小 可 以 根 据 喜 好 在 13 之 间 设 置 。第 12 步 ：因 为 是 矢 量 的 形 状 图 层 ， 所 以 做 好 第 一 个 圆 形 后 ， 直 接 再 复 制 一 个 圆 形 ， 调 大 尺 寸 ， 最 后 得 到 这 样 的效 果 ：第 13 步 ：坐 标 经 纬 度 都 制 作 完 成 后 ， 我 们 添 加 雷 达 上 的 目 标 点 。 这 一 步 很 简 单 。 新 建 一 个 图 层 ， 命 名 为spot， 直 接 使 用 硬 度 为 0%的 白 色 笔

10、 刷 ， 将 大 小 调 整 好 后 ， 在 你 喜 欢 的 位 置 上 分 别 画 上 目 标 点 （ 不 透明 度 和 流 量 均 为 100%的 时 候 ， 你 只 需 要 鼠 标 点 一 下 就 好 了 ） 。第 14 步 ：添 加 一 些 刻 度 尺 ， 以 增 加 图 标 的 真 实 感 （ 你 也 可 以 添 加 其 他 元 素 ， 如 果 你 熟 悉 雷 达 的 话 ， :-D） 。 制作 方 法 和 前 面 做 坐 标 轴 相 同 。第 15 步 ：添 加 扫 描 线 。 用 矩 形 工 具 （ U） 拉 出 一 个 细 长 的 长 方 条 ， 用 直 接 选 择 工 具 把

11、 长 方 体 调 整 为 扇 面 形 状 。然 后 旋 转 45， 将 其 放 置 到 原 点 的 位 置 ， 记 得 不 要 添 加 什 么 图 层 样 式 ， 只 是 单 纯 的 白 色 底 。 第 16 步 ：制 作 扫 射 的 面 积 效 果 。 没 什 么 难 度 ， 主 要 就 是 控 制 钢 笔 工 具 画 出 来 形 状 的 平 滑 度 ， 要 和 圆 弧 贴 合 。 命名 为 scan area， 需 要 注 意 的 是 ， 如 果 图 层 仍 在 elements 图 层 组 内 ， 我 们 需 要 将 它 移 出 图 层 组 ， 放置 到 elements 的 上 方 ，

12、 混 合 模 式 改 为 滤 色 。第 17 步 ：把 填 充 调 为 0%， 接 着 设 置 图 层 样 式 ， 其 中 只 有 渐 变 填 充 效 果 ， 注 意 这 里 设 置 的 是 不 常 用 的 颜 色 减淡 （ 添 加 ） 模 式 ， 样 式 为 角 度 为 ， 勾 选 图 层 对 齐 ， 如 果 渐 变 没 有 和 坐 标 原 点 贴 合 ， 可 以 用 鼠 标 拖 动 直至 贴 合 状 态 。 第 18 步 ：反 过 头 来 我 们 处 理 雷 达 盘 面 外 侧 的 黑 色 区 域 。 还 是 使 用 椭 圆 工 具 （ U） 拖 出 一 个 正 中 央 的 圆 形 ， 大

13、 小保 持 在 比 黑 色 区 域 小 一 点 即 可 。 为 了 后 面 的 颜 色 效 果 ， 先 要 将 形 状 图 层 的 颜 色 定 位 绿 色 ， 值 为#24FA38 。然 后 使 用 small circle 的 选 区 给 它 添 加 图 层 蒙 版 ， 图 层 命 名 为 inner border 后 进 行 图 层 样 式 设 置 ， 其中 的 选 项 值 需 要 根 据 你 制 作 时 候 图 标 的 大 小 进 行 调 整 ， 否 则 效 果 会 不 一 致 。 第 19 步 ：具 体 样 式 如 下 ：最 后 得 到 这 样 的 效 果 ， 不 喜 欢 边 框 太

14、黑 的 ， 可 以 在 斜 面 和 浮 雕 那 里 做 出 调 整 。第 20 步 ：新 建 一 个 空 白 图 层 ， 命 名 为 over light， 主 要 是 用 来 添 加 高 光 效 果 。 使 用 之 前 的 方 法 得 到 small circle的 选 区 ， 稍 稍 向 上 移 动 几 个 像 素 的 位 置 ， 让 选 区 如 下 摆 放 ：第 21 步 ：使 用 白 色 填 充 这 个 选 区 后 ， 把 图 层 的 填 充 调 为 0%。 接 着 给 图 层 添 加 个 图 层 蒙 版 。 在 图 层 蒙 版 上 使 用图 形 工 具 （ 正 方 形 +椭 圆 ）

15、组 合 出 如 下 形 状 的 选 区 ， 然 后 填 充 黑 色 。第 22 步 ：最 后 给 这 个 over light 图 层 添 加 图 层 样 式 ， 渐 变 叠 加 里 使 用 白 色 到 透 明 即 可 ， 其 他 设 置 如 图 。可 以 拖 动 渐 变 ， 以 达 到 最 后 淡 淡 透 明 的 效 果 。第 23 步 ：合 并 除 背 景 外 的 所 有 图 层 ， 得 到 一 个 新 图 层 ， 命 名 为 glow， 这 个 图 层 的 主 要 任 务 就 是 营 造 一 种 发 光的 氛 围 。 执 行 滤 镜 模 糊 高 斯 模 糊 ， 模 糊 值 1215 之 间 。 最 后 将 图 层 的 不 透 明 度 调 为 50%。以 small circle 的 选 区 给 它 加 上 一 个 图 层 蒙 版 ， 这 样 发 光 区 域 就 仅 限 于 雷 达 盘 面 里 。第 24 步 ：创 建 一 个 图 层 组 ， 把 glow 图 层 放 置 进 去 ， 然 后 给 这 个 图 层 组 添 加 一 个 蒙 版 。 使 用 笔 刷 制 作 出 几 处 不同 大 小 的 不 可 见 区 域 ， 从 而 让 发 光 效 果 得 到 对 比 强 化 。最 后 效 果 如 下 （ 缩 小 后 ） ：本 文 由 站 酷 网