Loading
0

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

效果图:

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

 

1、新建画布

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

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

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

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

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

 

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

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

5、渐变编辑颜色如下

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

第一个色标:

 

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

第二个色标:

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

 

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

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

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

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

7、钢笔工具绘制

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

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

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

 

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

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

色标1:

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

色标2:

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

 

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

10、做右上角的小圆

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

新建图层,绘制圆形,填充白色,图层样式描边(4)即可

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

 

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

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

 

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

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

 

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

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

 

色标1:

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

色标2:

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

色标3

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

 

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

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

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

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

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

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

 

16、文字工具录入文字,一个黄色投影,一个白色投影(自己排版效果)

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

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

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

色标1:

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

色标2:

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

色标3:

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

 

新建图层,绘制圆角矩形

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

然后从上到下拖动渐变

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

 

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

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

 

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

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

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

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

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

 

20、最终效果:

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

【声明】:8090安全小组门户(http://www.8090-sec.com)登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,仅适于网络安全技术爱好者学习研究使用,学习中请遵循国家相关法律法规。如有问题请联系我们,联系邮箱hack@ddos.kim 或 hack@ddos.social,我们会在最短的时间内进行处理。