学习情境一操作系统桌面UI设计
一、Windows 7界面设计
最终效果图：
（一）制作背景
1．新建一文件，宽为600，长为400，设置前景色为#1592d7，背景颜色为#136da2。
选择径向渐变工具。
从中间拖动得到下面效果：
2.添加散射光条文。
新建一层，在左边工具栏选择“圆角矩形工具”按钮的“自定形状工具”按钮。
找到下面这个形状，如果没有可以点击右边的小箭头，追加形状。
3. 选中并在图层上拖动得到如下效果：
4. 前景色设为白色(#ffffff)，选择钢笔（油漆桶）工具，右击路径选择“填充路径”。
得到下图：
5．右击路径选择“删除路径”。
选择“滤镜”菜单→“模糊”→“高斯模糊”，设置半径为5个像素。
单击“确定”。
选择“图层”菜单→“图层样式”→“混合选项”，打开“图层样式”对话框将图层“混合模式”改为“柔光”。
不透明度为30%。
6．添加Windows 7字样及logo。
（二）制作导航背景
1. 新建一图层命名为“nav”。
拖出一个黑色矩形框。
高度根据自己需要设置。
2. 填充改为：10%。
新建一图层，制作边线。
画两根1px线，上边一根为黑色，透明度50%，下面一根为白色。
3．复制顶线，移动至底部：
（三）制作导航按钮
1．新建图层，做出如下选区，注意上下边缘：
2．填充黑色，不透明设为“0”，描边属性设置如下：
3．复制上面的图层，清除图层样式，添加如下样式：
4．渐变叠加，颜色由白色再到透明。
描边属性设置如下：
得到如下：
（四）制作右下角高光边框
1．使用铅笔工具，画笔大小1像素，前景为白色，按Shift绘制高光边框。
2．添加图层蒙版，前景为黑色，背景为白色。
拖动得到如下效果：
最终效果如下：
二、Windows 7图标设计
最终效果图：
1. 创建文档，径向渐变填充。
2. 运用椭圆选项框工具按shift键框出正圆选区，ctrl+J拷贝。
3. 加上渐变叠加图层样式。
4. 创建图层，载入圆形选区，填充略深蓝色，改成“叠加”模式。
(注：载入的手法：先按住ctrl键，鼠标单击想要载入的图层，即载入了鼠标所单击的图层选区。
下同）
5. ctrl+D取消选区。
加上图层蒙板，载入圆形选区，在图层蒙板上用径向渐变拉出。
6. 创建图层，载入圆形选区，羽化20像素。
7. 填充白色。
8. 变换选区，缩小其范围。
9. 按delete删除。
10. 载入圆形选区，ctrl+shift+I反选，delete删除，改成叠加模式，填充不透明度25%。
11. 创建图层，前景色设置成淡青色，运用渐变工具，打开渐变编辑器，样式为第二种前景色至透明。
12. 载入圆形选区，径向渐变方式拉出渐变效果，改成“滤色”模式。
13. 创建图层，绘制正方形选区，选择“选择”菜单→“更改”→“平滑”。
14. 填充白色后拷贝，之后把这几个白框拼合图层，ctrl+T旋转后放至圆形的左上面
15. 载入圆形选区，选择“滤镜”→“扭曲”→“球面化”。
16. 反选，delete删除多余的部分，ctrl+D取消选区。
加上图层蒙板，线性渐变(渐变样式为前景至背景)从白框的左上至右下拉出。
17. 创建图层组，创建图层。
18, 载入圆形选区，选择“编辑”菜单→“描边”。
19. 高斯模糊0.5像素，把图层组改成“线性减淡”。
20. 在背景层上面创建图层，载入圆形选区，选择“选择”菜单→“修改”→“扩展”，扩展量为5像素。
21. 填充深蓝色，移至至圆形右下角，高斯模糊3像素。
22。
创建图层，载入图层六（刚才填充深蓝色的图层），选择“选择”菜单→“修改”→“收缩”，收缩量为6像素。
23. 填充淡青色，改成滤色。
圆形部分处理做完。
24. 在最顶层创建图层，绘制好卡片（非本例关键讲述，此处稍）。
ctrl+T旋转。
载入圆形选区，ctrl+J拷贝卡片的右侧部分至新图层。
25. 载入卡片右侧图层，在卡片图层按delete删除。
26. 新卡片的左侧放至背景层的上一层。
27. 返回最顶层的卡片右侧图层，填充透明度60%，改成“强光”模式。
28. 返回最底层的卡片左侧图层，加上投影与浮雕样式。
最终完成效果。
三、桌面壁纸设计1
本实例主要是用选区和蒙版来制作漂亮的光带。
为了突出光感背景部分需要用较暗一点的颜色。
光带部分主要用钢笔工具勾出大致的轮廓图，然后填充较亮的颜色，再加上图层蒙版用黑色画笔来调整明暗度。
制作方法比较简单。
最终效果1：
最终效果2
1．新建一个1024 * 768 像素的文件。
选择渐变工具，颜色设置如图1，拉出图2所示的线性渐变。
<图1>
<图2>
2．新建一个图层，用椭圆选框工具拉出图3所示的选区，按Ctrl + Alt + D 羽化30个像素，填充颜色：#B4ECFD，图层不透明度改为：80%，效果如图4。
<图3>
<图4>
3．新建一个图层，在左侧拉一个椭圆选区适当改变下方向，羽化30个像素后填充颜色：
#052DA3，效果如图5。
<图5>
4. 新建一个图层，命名为“彩带1”用钢笔工具勾出图6所示的选区。
填充颜色：#63D4F6，效果如图7。
<图6>
<图7>
5. 把“彩带1”图层复制一层，图层不透明度改为：30%，加上图层蒙版把左边用黑色画笔稍微涂一下。
把“彩带1”图层隐藏，效果如图8。
<图8> 6．把“彩带1”图层再复制一层，图层不透明度改为：60%。
加上图层蒙版，用黑色画笔，画笔不透明度设为：10%。
然后在蒙版上慢慢涂抹，擦出明暗效果，如图10。
<图9>
<图10>
7. 调出“彩带1”图层选区，新建一个图层，把前景颜色设置为白色。
用画笔涂抹图11红圈位置，稍微加点边缘高光效果，如图12。
<图11>
<图12>
8．再图层的最上面新建一个图层，用钢笔勾出图13所示的选区，填充颜色：#63D4F6，取消选区后把图层不透明度改为：30%，加上图层蒙版，用黑色画笔涂掉不需要的部分，效果如图14。
<图13>
9．主高光带大致完成的效果。
10．同样的方法制作其它光带，效果如图16，17。
<图16>
11．新建一个图层，加上一些装饰的小圆形，效果如图18。
<图18>
12．最后加上装饰文字，再整体修饰下细节，完成最终效果。
<图19>
四、桌面壁纸设计2
本教程制作效果非常经典。
简单的利用画笔、渐变色及滤镜等组合完成效果。
其中画笔的设置比较关键，定义好了笔刷以后，再设置笔刷属性，然后即可拉出漂亮的图形。
背景的颜色可以按照自己的喜好添加。
最终效果图：
1．新建一个背景文档，在这里作为壁纸，选用的大小是1920*1200。
2．然后我们填充一个非常灰（不是黑色）的颜色在背景上，如果你填充黑色就做不出效果来了。
这里为#262626。
3．下面我们要制作我们所需的笔刷，新建一个图层1，隐藏背景图层，用椭圆工具按住SHIFT键画一个黑色的圆形，填充为50%。
4．然后添加一个黑色描边（图层--图层样式--描边）。
得到下面的效果。
5．选择“编辑”菜单→“定义画笔预设”，输入名称“散景”，点击确定。
这样我们就制作好笔刷了。
6．下面隐藏图层1，显示背景，新建一个图层2，模式为叠加，用渐变工具拉一个45度的线性渐变填充在图层2上。
渐变颜色依次为：#d27e34、#9b3b81、#1bdaeb、#d6dd23。
7．现在我们要利用刚才保存的笔刷了。
按CTRL+G新建一个组为组1在图层2下面，模式为颜色渐变，在新建一个图层3在组1里面。
8．然后，选择画笔工具，按F5调出画笔调板对画笔进行设置。
9．用设置好的画笔工具在图层3上面画出以下效果，画笔大小为500 - 600 px。
10．对图层3执行高斯模糊20像素（选择“滤镜”菜单→“模糊”→“高斯模糊”）。
11．再新建一个图层4在组1里面，画出以下效果，这次用一个较小的笔刷。
然后高斯模糊4像素。
12．继续新建一个图层5，现在用一个更小的笔刷，画出以下效果，高斯模糊1像素。
完成最终效果。