|
1、新建一个文件，200象素宽，300象素高，然后用快捷键Ctrl+R（Rulers的意思）打开标尺。
2、现在创建一个新的图层（图层1），用鼠标拖动标尺先来添加两条参考线，一条水平参考线，一条垂直参考线。（具体操作方法就是用鼠标点住水平标尺或者垂直标尺，然后往空白区域里拖。小窍门：1、按住shift键，可以一格一格地建立参考线，格数的大小，看画布大小而定，如果画布大，一格所代表的象素数就小，如果画布大，那么一格所代表的象素数就大；2、按Alt键，可以在垂直和水平参考线之间任意切换；3、用鼠标点住标尺的坐标原点然后拖到画布中两条参考线的交点上，这时候这个交点就变成了坐标原点了，这样在画圆的时候就会更加轻松了）现在，你该知道如何做参考线了吧，别急，再多做几条，如图那样，做一个田字形的。因为我们要在这个田字里面做一个圆，所以，事先要把直径确定好，我们把田字参考线的外围尺寸定为30*30象素，也就是说这个圆的直径为30象素。这时候我们来使用椭圆选取工具做一个圆，将鼠标移到田字格的正中心，按住shift+alt键，慢慢地从中心往田字格的外围拖，当靠近外面的那个边缘时候，出现了什么事？自动吸附到参考线上去了？呵呵，很正常的，这就是参考线的作用呀，可以比较精确地绘制某一尺寸的形状来。当然了，这一功能比起Auto CAD这样的工程设计软件来说，还是小儿科，呵呵。接着，设置前景色为#BCCCCC，背景色为#5B6660，然后选择线性渐变工具，从上至下，拉出渐变色来，如图
3、现在，我们来设置一些图层样式参数。双击“图层1”，打开图层样式设置窗口。
首先，要加上“内阴影”，参数如下 ：混合模式：叠加颜色：白色不透明度： 75%角度： 90距离： 6阻塞： 0大小： 9杂色： 0
4、接着加上“外发光”，参数如下：混合模式：正常不透明度：60%杂色： 0颜色： 黑色 (solid)方法： 较柔软扩展： 0大小： 5范围： 50抖动： 0
5、然后加上“内发光”，参数如下：混合模式： 正常不透明度： 31杂色： 0方法：较柔软源： 边缘阻塞： 0大小： 0 范围： 50抖动： 0
6、现在，创建一个新的图层（图层2），并切将这一层放到“图层1”的下面，用前面教过的画圆的方法，做第二个圆形选区。要注意的是这个圆的直径比原来大一倍，为60象素。但是这时候也许有朋友要问了，建了这么多参考线，眼都花了怎么办呢？好办，要么，你就不要新建，直接把原来的参考线用拖动的方法，拖到新的位置上，要么就把旧的参考线删除，反正意义已经不大。删除的方法也很简单，从哪儿来，就到哪儿去嘛，既然是从标尺上拖过来的，那么，你就把它再拖回去就可以了，是不是很简单啊，呵呵：）。接下来，设置前景色和背景色分别为#5D6663、#A2ABAA，然后还是要用到线性渐变工具，由上往下拉一条渐变出来。然后双击“图层2”打开图层样式窗口，给图层，添加“内阴啊保柚貌问缦拢?/P>
混合模式：正常颜色：白色不透明度： 35%角度： -90（不使用全局光）
距离： 2阻塞： 0大小： 1杂色： 0
7、现在你应该得到如图所示的图了，如图
8、创建另一个新的图层（图层3），同样的，把它拖到图层2的下面，并且拖一个圆形的选区出来，这一次直径是90象素，并且用#414B4A填充，现在进入图层样式窗口，添加“内阴影”，参数跟我设置：混合模式：正常颜色：白色不透明度： 23%样式：径向与图层对齐：选中角度： 90距离： 5阻塞： 0大小： 5杂色： 0
9、接下来，添加“渐变叠加”参数如下：渐变叠加混合模式：正常不透明度29%样式： 径向与图层对齐：选中角度： 90缩放： 100渐变色
10、现在来“描边”，参数如下：大小： 2位置：外部混合模式：正常不透明度： 100%颜色： #343F41
11、再创建一个新的图层（图层4），把它拖到“图层3”的下面，还是用原来教过的方法，画一个直径为110象素的圆形选区，设置前景色为 #898989 ，背景色为 #ECF0EF ，用线性渐变工具从上到下拉一个渐变色。接下来，依次选择“滤镜”-“模糊”-“高斯模糊” 设置模糊半径为0.5象素。好了，现在效果如图
12、现在再创建一个新的图层（图层5），呵呵，到这里，你是不是已经建图层都建晕了？呵呵，想做高手，这曲曲几个图层又有啥？一般做一套界面用上几百个图层都不足为怪呀。给你提个醒，如果将来做设计的时候，图层一多，大家可要记得建立组呀，把属性类似的图层都放到一个组里面，就好象QQ的好友分组一样，这样便于管理些 ：） 好了，不废话了，继续干活！把图层5 拖到图层4的下面，建立一个圆形的选区，直径110象素。呵呵，然后用#B0B0B0填充。效果如图
作者:透蓝(译)
|
