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

Photoshop设计时尚质感的圆形按钮

来源:未知 作者:bbs.16xx8.com 学习:229人次

 本教程使用Photoshop设计时尚质感的圆形按钮,主要应用了图层样式和自定义形状工具的减法模式

先看效果图。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

新建文档400x400像素,背景黑色,建新层,自定义形状工具画一白色正圆。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

添加图层样式。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

效果如下。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

建新层,画一白色椭圆,图层不透明度10%,效果如右图。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

建新层,画一个大的白色正圆,之后减法模式画一个小的正圆,这样我们得到了一个白色圆环。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

添加图层颜色。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

效果如下。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

复制一层,清除图层样式,减法模式画一个椭圆。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

添加图层样式。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

效果如下。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

输入文字,加上阴影,最终效果如下。

Photoshop设计时尚质感的圆形按钮,PS教程,思缘教程网

 

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!