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

ps网页开关按钮(2)

来源:PS梦工场 作者:南辰翻译 学习:6684人次

第5步:

使用椭圆工具,按住Shift键在圆角矩形右侧创建出一个正圆。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

 

然后为其添加图层样式。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

第6步:

在圆形按钮下方新建一个图层,用黑色柔边画笔绘制出阴影。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

第7步:

在圆形按钮上方再创建一个圆形。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

 

为其添加图层样式。

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

Photoshop绘制立体质感的网页开关按钮,PS教程,16xx8.com教程网

学习 · 提示

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

夏天的雪2015-11-16 02:07
140629xgikzuiw15i5khg1.jpg

关注大神微博加入>>

网友求助,请回答!