利用Photoshop制作网页在线咨询框

效果图：

1、新建画布

2、选择圆角矩形工具，属性栏设置“路径”属性，圆角化20，新建图层，绘制路径

3、Ctrl+回车将路径变为选区

4、选择渐变工具，编辑渐变颜色

5、渐变编辑颜色如下

第一个色标：

第二个色标：

选择线性渐变，从上到下拖动

6、Ctrl+T自由变换，单击右键――斜切，水平方向

7、钢笔工具绘制

8、Ctrl+回车转换选区，按Ctrl+Alt+shift单击图层1缩略图

9、新建图层，选择渐变工具，调整渐变

色标1：

色标2：

10、做右上角的小圆

新建图层，绘制圆形，填充白色，图层样式描边（4）即可

11、文字工具，单击输入X

12、钢笔工具绘图，在右上角

13、Ctrl+回车变选区，调整渐变，新建图层

色标1：

色标2：

色标3

14、新建图层，钢笔工具绘制两个折角的位置

Ctrl+回车，填充颜色，把图层拖动到下方即可

15、找一个护士的素材，抠图

16、文字工具录入文字，一个黄色投影，一个白色投影（自己排版效果）

17、开始制作按钮
选择渐变工具、编辑渐变颜色

色标1：

色标2：

色标3：

新建图层，绘制圆角矩形

然后从上到下拖动渐变

18、另一个按钮同样的方法
注意：在这说一个特殊的方法，因为再绘制圆角矩形不一定保证是相同大小的，所以我们复制上一个绿色的圆角矩形按钮，然后锁定透明像素即可修改

然后使用渐变，调整渐变颜色，从上到下拖动即可

19、文字工具，录入文字，添加投影效果

20、最终效果：