21．使用 Flie 菜单下的 Save for web 命令，在弹出的窗口中选用 PNG 格式输出（选择透明输出： Transparency ）

　　22．随后在 Photoshop 中打开刚才输出的 PNG 文件，在其下方新建一个图层填充为白色以为图标加入阴影时便于看到效果）

　　23．双击图标图层在 Layer Style 中为其增加了一个阴影效果。以增强图标再生成后在各种色彩桌面上的识别率。

　　24．随后删除白色辅助图层，效果如下。

　　25．新建一个图层，使之与图标图层连接，使用 Ctrl+E 合并连接图层把效果应用于图标，随后保存这个 PNG 文件。

　　26．使用 ICONWORKSHOP 打开这个 PNG 文件，使用 Save Icon Form Image 按钮转换 PNG 图象为 ICO 文件。

　　27．选择你要输出的 ICO 的文件规格。

　　28．存储后的 ICO 格式文件你就可以直接通过 Window 或第三方图标管理软件浏览了（推荐使用 Microangelo ）。

　　10．这一步我们准备为这个“面板”增加一些高光。先复制一个同样的图形填充为白色置于此“面板”下方。

　　11．随后再复制一个同样的图形置此“面板”上方，并适当缩小一些，采用黑白两色线性渐变填充。

　　12．随后同时选中此黑白渐变图形以及下面的“面板”图形，打开 Transparncy 面板，点击面板右下方的小箭头在弹出菜单中使 用 Make Opacity Mask

　　13．同时取消 Clip 选中状态，并勾选 Invert Mask 选项，这样我们就为这个“面板”图形增加了一个透明蔗遮罩，在这种状态下，黑白渐变图形（已被作为 Opacity Mask 中的图形）黑色部分表示了被遮物体（面板）的透明部分，所以刚才我们为“面板”下方添加的同样大小的白色图形是为了怕背景是有色的或是下方还会有其他物体从透明的“面板”透出。编辑 Opacity Mask 中的物体需要点击 Transparency 面板中的 Opacity Mask 区域再进行编辑。

　　14．下面开始为这个面板添加一个屏幕。复制一个图形置于“面板”上方，大小如图，也采用线性渐变，因为光照方向原因。注意深色和浅色的方向和“面板”方面：我们在这里做个凹槽效果。

　　15．如果理解了透明遮罩的原理，这一步对你非常简单，和上面给“面板”加高光一样首先复制白色底色以及蓝色面板，随后用黑白色渐变图形制作透明遮罩效果，各图形层次如图所示。

　　16．蓝色面板的色彩填充我采用的圆形填充，如图所示。

　　17．下面为这个基本成型的平板电脑增加更多细节，左边的图形，以及右边的三个凹槽，这里需要注意的是所有图形我都复制了两遍，下面的图形填充白色并向右下方位移若干像素，是为了体现凹槽的高光。

　　18．下面我们来制作凹槽上面的按钮，虽然面积很小，也要体现出高光的渐变，我在这里采用了 Blend 混合来制作着两个按钮。双击 Blend Tool 图标可以调出 Blend 混合参数面板。选取工具栏目中的 Blend Tool ，单击混合的第一个图形，随后点击第二个图形完成混合。

　　19．用钢笔工具以及各种标准图形的组合完成下面的图形，使之组合成为电脑上的其他各个元素（绿色按钮同样采用 Blend 混合完成）