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

Photoshop制作放大缩小网页图标

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


作者:佚名   出处:一起PS吧

本教程学习如何用photoshop的钢笔、圆角矩形和图层样式制作放大缩小图标,效果类似放大镜,下面让我们一起来学习

先看效果图。

新建文档1280x1024像素,背景白色,建新层,画一正圆选区,填充#c6c6c6。

复制一层,缩小一些,颜色改为黑色。

添加图层样式。

建新层,画一正圆选区,填充#9aa6af。

复制此层,添加图层样式。

效果如下。

调出此层选区,建新层,填充白色,去掉选区,用椭圆工具做如下选区,添加蒙版。

图层不透明度改为38%,建新层,画2个圆角矩形,颜色#07387a,位置中心对齐。


 

放大镜的表盘制作完成,下面制作手柄,建新层,用钢笔画下图所示形状,填充黑色。

添加图层样式。

同样方法制作另一个金属部分,效果如下。

建新层,用钢笔画出手柄形状,填充黑色。

添加图层样式。

效果如下。

建新层,用钢笔画出高光区域,填充#a5a5a5。

添加一个阴影,效果如下。

同样方法制作出缩小图标,最终效果如下。




学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!