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

PS设计一款漂亮的按钮教程(4)

来源:网络 作者:寒露 学习:4255人次

  先来看看最终效果图:

ps教程:www.16xx8.com_PS快速制作一款华丽的按钮

  具体制作步骤:

  一、运行PS软件,新建一文档,输入文档名称,尺寸自定义,白色背景。

  二、新建一层,选择椭圆工具,同时按 Shift键拉一个白色圆形,并为其添加图层样式。首先添加渐变叠加--混合模式为正常--不透明度为100%--样式为线性,打开编辑器编辑渐变颜色,从左至右依次为#000000 #8d0d0a #650000 #ab1919 #b21818 #d51818 #ffffff,如下图:

ps教程:www.16xx8.com_ ps教程:www.16xx8.com_

  三、添加内发光样式--混合模式为滤色--不透明度59%--方法为柔和--大小为1像素,详细设置如图:

ps教程:www.16xx8.com_

  四、继续添加投影--混合模式为正版片叠底--大小为5像素,如图所示:

ps教程:www.16xx8.com_

 

  五、复制该层--得到圆形副本层并调整图层顺序放其下面,按CTRL+T,再按SHIFT+ALT拖动鼠标拉大圆形,载入圆形层的选区删除,我们便得到了一个圆环的形状。

ps教程:www.16xx8.com_

  六、我们来为圆环添加图层样式,添加渐变叠加--混合模式为正常--不透明度为100%--样式为线性,编辑渐变颜色,从左至右依次为#a97f2c #fce5ba #a97f2c #fce8b1 #a97f2c,如图设置:

ps教程:www.16xx8.com_ ps教程:www.16xx8.com_

  七、继续添加描边--大小为5像素--位置为外部--样式为线性--角度为135度,详细设置如图:

ps教程:www.16xx8.com_ ps教程:www.16xx8.com_

 

  八、接下来添加斜面和浮雕--样式为描边浮雕--深度为81%--大小为4像素--方向为向上,如图设置:

ps教程:www.16xx8.com_ ps教程:www.16xx8.com_

  九、添加内阴影--混合模式为正片叠底--不透明度为60%--距离为4像素--大小为7 像素,详细参数如图:

ps教程:www.16xx8.com_

  十、最后添加投影--混合模式为正片叠底--距离为5像素--扩展为22%--大小为12像素,详细参数如图:

ps教程:www.16xx8.com_

  十一、复制圆环层--得到圆环副本--调整图层顺序放置在最上面,添加图层样式--图案叠加(钻石图案),最后添加内发光效果,参数如图:

ps教程:www.16xx8.com_ ps教程:www.16xx8.com_

  十二、我们最后为按钮添加文本,可根据需求任意添加,此时效果如图:

ps教程:www.16xx8.com_

  十三、经过调整后,最终效果展示图:(最后感谢您的阅读,感谢您的支持!)

ps教程:www.16xx8.com_

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
兔子的小老虎2018-07-06 08:14
赞喔
歪小娘2017-05-28 10:30
求指导

关注大神微博加入>>

网友求助,请回答!