PS设计系列之二：数字键盘

最终效果请看最后的图片。。。

1.打开PS，新建文件，宽度8.73厘米，高度7.02厘米，分辨率300 。

2.新建图层1，选择渐变工具，在“渐变编辑器”中，设置最左色块灰色（RGB均为139）​和最右色块深灰色（RGB均为24）的两个色标。从上到下为白色区域填充线性渐变色。（见下图一）。

3.新建图层2，选择矩形选框工具，绘制一个矩形（如图二）。

4.选择渐变工具，为矩形区填充灰（RGB均为134）到黑再到黑的线性渐变，取消选区。（如图三、四）。

5.打开标尺（Ctrl+R），画出5条辅助线（如图五）。

​

图片发自App

6.新建“图层3”，选择圆角矩形工具，工具模式为“路径”，在第一格里画一个圆角矩形路径。Ctrl+Enter将路径转化为选区，选择渐变工具，为选区填充白色到灰色（RGB均为223）的线性渐变，取消选区，调整矩形至合适位置（图六）。

7.双击“图层3”，在图层样式里选择投影，为图层添加投影样式。

8.复制两个圆角矩形，移到第一层另两个格里，选择第一层的3个圆角矩形，在工具属性栏中单击“水平居中分布”按钮。

9.复制3组白色圆角矩形，分别调到合适位置（图七）。

10.打开数字素材图像，将其拖拽至合适位置（图八）。

11.新建图层4，选择圆角矩形工具，在底部绘制一个圆角矩形路径；按​Ctrl+Enter将路径转化为选区；选择渐变工具，为选区填充浅绿色（99,207,61）到绿色（40，159,12）再到绿色（40,159,12）线性渐变，取消选区，调整矩形至合适位置（图九）。

12.双击图层4，在图层样式里选内阴影，距离为3像素，大小为6像素；再选内发光，大小为6像素。

13.选择文字工具，字体为黑体，大小12像素，颜色白色，输入“呼叫”两个字。双击文字图层，在图层样式里选投影，距离为3像素，大小为3像素（图十）。

14.新建图层5，​​选择圆角矩形工具，绘制一个圆角矩形路径；按​Ctrl+Enter将路径转化为选区；选择渐变工具，为选区填充灰色（三个102）到深灰色（三个20）线性渐变，取消选区，调整矩形至合适位置（图十一）。

图片发自App

15.双击图层5，在图层样式里选择内阴影，距离为0，阻塞43%，大小为5像素；选择内发光，阻塞为8%，大小为5像素。复制图层5，调到与之对称的右边（图十二）。

16.打开图标素材，拖到图层5和图层5副本上，调整到合适位置。按Ctrl+H隐藏辅助线（图十三）。

图片发自App

OK,that's all.

介里是素材：

注：使用前需抠掉背景。

数字

图标