PS设计教程网欢迎你!

Photoshop制作放大缩小网页图标

文章来源于 一起PS吧,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2011-03-15
本教程学习如何用photoshop的钢笔、圆角矩形和图层样式制作放大缩小图标,效果类似放大镜,下面让我们一起来学习。

先看效果图。

Photoshop制作放大缩小网页图标

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

Photoshop制作放大缩小网页图标

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

Photoshop制作放大缩小网页图标

添加图层样式。

Photoshop制作放大缩小网页图标

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

Photoshop制作放大缩小网页图标

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

Photoshop制作放大缩小网页图标

Photoshop制作放大缩小网页图标

效果如下。

Photoshop制作放大缩小网页图标

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

Photoshop制作放大缩小网页图标

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

Photoshop制作放大缩小网页图标

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa