黑马程序员UI教程：打造质感UI图标.doc

打造UI质感图标 效果图： 步骤1： 首先新建一个文档，尺寸选择宽度为800像素，高度为800像素。填充一个浅灰色背景： 步骤2： 绘制一个420*420PX的圆角矩形，圆角半径改到80，复制两个，分别命名为1,2,3 步骤3： 把图层1往下移动50PX，用图层2把图层1做一个减的运算，把图层3的高度： 改到90%，如下图： 步骤4： 把下边的形状颜色设置为渐变，如下： 三个色标的颜色分别为#494949，#676767，#696969 步骤5： 给底下的形状设置两个投影，参数分别为： 步骤6： 得到下图： 步骤7： 绘制一个小的矩形，填充白色，把羽化值改到25，复制一个到另一边，把不透明度降到30% 步骤8： 绘制一个小矩形，填充改为渐变，设置一个内阴影和投影的图层样式： 步骤9： 用黑色画笔在空白处单击，自由变换把宽度压扁，复制，3键加T再次变换，再次自由变换，透视，再移到形状上做剪切蒙版，得到如下效果： 步骤10： 把效果复制一个，得到如下效果： 步骤11： 把面上的形状填充渐变，加一个描边的图层样式，颜色改为渐变： 步骤12： 绘制一个原形，填充渐变，添加一个投影和内阴影的图层样式： 步骤13： 绘制一个圆角矩形，填充浅黄色，制作刻度效果，指针效果，如图： 步骤14： 在按钮和刻度之间加上一些小的矩形进行装饰，让画面更丰富： 步骤15： 加上文字FM，改为大写，，调整字体，完成最终效果：