最终效果预览
准备工作
- 软件：Adobe Photoshop (本教程以较新版本为例，但旧版本步骤基本一致)。
- 尺寸：iTunes 图标的官方尺寸是
512x512像素，为了获得最佳效果，我们建议从一开始就使用这个尺寸。
新建文档：
（图片来源网络，侵删）
- 打开 Photoshop，点击
文件>新建。 - 设置宽度为
512像素，高度为512像素。 - 分辨率设置为
72PPI (用于屏幕显示) 或300PPI (如果希望打印质量更高)。 - 选择
透明。 - 点击
创建。
第一步：创建光盘基础形状
我们将使用 Photoshop 的矢量形状工具来构建图标的主体。
-
设置前景色：将你的前景色设置为 #A2A2A2 (这是一个非常接近iTunes原始图标的灰色)。
-
绘制大圆：
- 选择左侧工具栏的 椭圆工具。
- 在顶部选项栏中,确保选择了 路径 图标（第二个图标）。
- 按住 Shift 键，在画布中央拖动鼠标，绘制一个完美的正圆，你可以按
Ctrl+T(Mac:Cmd+T) 自由变换，调整其大小，使其接近画布边缘但留出一点边距。
-
绘制内圆（镂空）：
（图片来源网络，侵删）- 保持前景色不变,再次使用椭圆工具。
- 按住 Alt (Mac: Option) + Shift 键，从大圆的中心点向外拖动，绘制一个较小的正圆，按住
Alt+Shift可以确保从中心点绘制并保持圆形。 - 你有了两个同心圆的路径。
-
创建形状图层：
- 在图层面板底部,点击 “从路径创建新形状” 图标（一个带圆圈的矩形）。
- 这会自动将你的路径转换成一个形状图层,命名为 “形状 1”。
第二步：添加图层样式（核心步骤）
这是让图标看起来立体和有质感的关键,选中刚刚创建的 “形状 1” 图层，然后点击图层面板下方的 “fx” 按钮，选择 “混合选项”。
斜面和浮雕
- 样式：内斜面
- 方法：平滑
- 深度：100%
- 方向：上
- 大小：5 像素
- 软化：0 像素
- 角度：120 度
- 高度：30 度
- 高光模式：滤色，不透明度 75%，颜色白色 (#FFFFFF)
- 阴影模式：正片叠底，不透明度 25%，颜色黑色 (#000000)
这一步为光盘边缘添加了高光和阴影,形成了立体感。
内阴影
- 混合模式：正片叠底
- 不透明度：75%
- 颜色：黑色 (#000000)
- 角度：120 度
- 距离：3 像素
- 阻塞：0%
- 大小：5 像素
- 等高线：环形（自定，创建一个类似“V”形的凹陷曲线）
- 消除锯齿：勾选
这一步在光盘的内边缘加深了阴影,让凹陷感更强。
（图片来源网络，侵删）
渐变叠加
- 混合模式：正常
- 不透明度：100%
- 渐变：点击渐变条，编辑一个从
#D0D0D0(左) 到#A2A2A2(中) 再到#808080(右) 的线性渐变。 - 样式：线性
- 角度：90 度
- 缩放：100%
这一步为光盘表面添加了基础的金属光泽感。
描边
- 大小：2 像素
- 位置：内部
- 不透明度：100%
- 颜色：黑色 (#000000)
这一步强化了外轮廓线。
现在点击 “确定”，你会看到光盘的立体感已经非常强烈了。
第三步：添加高光效果
高光是让图标看起来像CD/DVD的关键。
-
新建图层：在图层面板顶部，点击 “创建新图层” 图标，将其命名为 “高光”。
-
选择工具：选择 椭圆选框工具。
-
绘制选区：
- 按住 Shift 键，在光盘的上半部分绘制一个细长的椭圆形选区，这个选区就是高光的位置。
-
填充高光：
- 将前景色设置为 白色 (#FFFFFF)。
- 按住 Alt (Mac: Option) + Delete (Mac: Fn+Delete) 键，用白色填充选区。
-
应用蒙版：
- 选中 “高光” 图层，点击图层面板底部的 “添加图层蒙版” 图标。
- 选择 渐变工具，在顶部选择 “黑白渐变” 和 “线性渐变”。
- 确保蒙版是可编辑状态（点击蒙版缩略图），然后从高光选区的顶部拖动到底部，你会看到高光从上到下逐渐消失，效果非常自然。
-
调整混合模式和不透明度：
- 在图层面板中,将 “高光” 图层的 混合模式 改为 “柔光” 或 “叠加”。
- 将 不透明度 调整到
30%到50%之间，直到效果看起来舒服为止。
第四步：添加反光（可选，但推荐）
反光能让高光更有层次感。
-
新建图层：再次创建一个新图层，命名为 “反光”。
-
绘制选区：使用 椭圆选框工具，在光盘的左上角绘制一个比高光更小、更圆的椭圆形选区。
-
填充并模糊：
- 用白色填充选区。
- 执行
滤镜>模糊>高斯模糊，模糊半径设置为3到5像素，使其边缘柔和。
-
应用蒙版和调整：
- 为 “反光” 图层添加一个图层蒙版。
- 像处理高光一样,使用 渐变工具 在蒙版上拖动，让反光边缘自然消失。
- 将图层的 混合模式 设置为 “柔光” 或 “叠加”，并将 不透明度 调低，
20%。
第五步：导出图标
现在你的图标已经制作完成了！最后一步是导出为合适的格式。
-
合并可见图层：按
Ctrl+Shift+Alt+E(Mac:Cmd+Option+Shift+E)，这会将所有可见图层合并到一个新图层，方便我们导出。- 注意：这一步会创建一个合并后的图层，但你的原始编辑图层（形状、高光等）仍然保留在下方，方便以后修改。
-
存储为Web所用格式：
- 点击
文件>导出> “存储为Web所用格式 (旧版)” (Save for Web (Legacy)...)。 - 在弹出的对话框中：
- 预设：选择
PNG-24。 - 透明度：确保勾选。
- 交错：可以不勾选。
- 预设：选择
- 点击 “存储”，选择一个位置，为你的图标命名，然后点击 “保存”。
- 点击
这样,你就得到了一个高质量的、透明背景的 iTunes 风格图标 PNG 文件。
总结与技巧
- 灵活调整：本教程中的颜色、大小、不透明度等数值都是参考，你可以根据自己的喜好进行调整，创造出独一无二的风格。
- 图层样式是关键：掌握图层样式是 Photoshop 的核心技能，尝试修改里面的参数，观察效果的变化，你会学到很多。
- 非破坏性编辑：我们全程使用了形状图层、蒙版和调整图层，没有直接在像素上操作，这是一种非常好的习惯，可以让你随时返回修改，而不会破坏原始图像。
- 保存源文件：务必将你的
.psd文件保存好，这样你以后还可以打开它进行修改。
希望这个详细的教程对你有帮助！祝你玩得开心！
