当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

PS网页设计中制作Web水晶按钮(3)

来源:薛欣博客 作者:薛欣姚辉 学习:6125人次

【斜面和浮雕】的样式选择外斜面,【深度】为32%,【方向】为下,【大小】为7,【光泽等高线】样式修改为半圆,其他使用默认,如图12-3-50所示。

PS教程大礼包-第12章网页设计中的应用(四)
 

图12-3-50

14.设置【图层4】的混合选项,我们还是先来设置【投影】。【不透明度】设置为10%,【距离】、【扩展】、【大小】分别为5、75、10。【等高线】样式为锥形—反转。如图12-3-51所示。

PS教程大礼包-第12章网页设计中的应用(四)
 

图12-3-51

【内阴影】的【不透明度】为45%,【距离】、【阻塞】、【大小】分别为20、0、30,其他选项使用默认,如图12-3-52所示。

PS教程大礼包-第12章网页设计中的应用(四)
 

图12-3-52

设置完我们点击【确定】。

15我们再选择【背景】层,然后点新建按钮,在背景的上放新建一个图层,填充颜色为灰色,如图12-3-53所示。

PS教程大礼包-第12章网页设计中的应用(四)
 

图12-3-53

16.然后在最顶部在建立一个图层,然后选择文字工具,输入一些文字。设置文字的字体,大小以及颜色等。如图12-3-54所示。

PS教程大礼包-第12章网页设计中的应用(四)
 

图12-3-54

17.右键图层选择【栅格化文字】选项,然后对其进行混合模式的调节,打开【图层样式】后,选择【外发光】,【不透明度】设置为75%,【扩展】为0,【大小】为20,【范围】30%,如图12-3-55所示

PS教程大礼包-第12章网页设计中的应用(四)
 

图12-3-55

18.完成后,我们点击【确定】。取消辅助线,这样,我们的Web水晶按钮就制作完成了,我们可以看下最终的效果。如图12-3-56所示。

PS教程大礼包-第12章网页设计中的应用(四)

图12-3-56

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!