Photoshop制作放大缩小网页图标(3)

作者:佚名 出处:一起PS吧 本教程学习如何用photoshop的钢笔、圆角矩形和图层样式制作放大缩小图标,效果类似放大镜,下面让我们一起来学习 先看效果图。 新建文档1280×1024像素,背景白色,建新层,画一正圆选区,

ps设计时针小图标教程(3)

3、时钟底座的效果大家已经看到了,下面我们来制作表盘底座,它同样也是一个图层完成的。新建图层,在画布上建立一个小一点的正圆行,并将此层放在时钟底座图层的上方,双击添加图层样式。


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

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

先看效果图。

Photoshop制作放大缩小网页图标(3)插图

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

Photoshop制作放大缩小网页图标(3)插图(1)

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

Photoshop制作放大缩小网页图标(3)插图(2)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(3)

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

Photoshop制作放大缩小网页图标(3)插图(4)

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

Photoshop制作放大缩小网页图标(3)插图(5)

Photoshop制作放大缩小网页图标(3)插图(6)

效果如下。

Photoshop制作放大缩小网页图标(3)插图(7)

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

Photoshop制作放大缩小网页图标(3)插图(8)

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

Photoshop制作放大缩小网页图标(3)插图(9)
 

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

Photoshop制作放大缩小网页图标(3)插图(10)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(11)

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

Photoshop制作放大缩小网页图标(3)插图(12)

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

Photoshop制作放大缩小网页图标(3)插图(13)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(14)

效果如下。

Photoshop制作放大缩小网页图标(3)插图(15)

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

Photoshop制作放大缩小网页图标(3)插图(16)

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

Photoshop制作放大缩小网页图标(3)插图(17)

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

Photoshop制作放大缩小网页图标(3)插图





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

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

先看效果图。

Photoshop制作放大缩小网页图标(3)插图

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

Photoshop制作放大缩小网页图标(3)插图(1)

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

Photoshop制作放大缩小网页图标(3)插图(2)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(3)

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

Photoshop制作放大缩小网页图标(3)插图(4)

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

Photoshop制作放大缩小网页图标(3)插图(5)

Photoshop制作放大缩小网页图标(3)插图(6)

效果如下。

Photoshop制作放大缩小网页图标(3)插图(7)

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

Photoshop制作放大缩小网页图标(3)插图(8)

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

Photoshop制作放大缩小网页图标(3)插图(9)
 

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

Photoshop制作放大缩小网页图标(3)插图(10)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(11)

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

Photoshop制作放大缩小网页图标(3)插图(12)

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

Photoshop制作放大缩小网页图标(3)插图(13)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(14)

效果如下。

Photoshop制作放大缩小网页图标(3)插图(15)

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

Photoshop制作放大缩小网页图标(3)插图(16)

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

Photoshop制作放大缩小网页图标(3)插图(17)

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

Photoshop制作放大缩小网页图标(3)插图





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

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

先看效果图。

Photoshop制作放大缩小网页图标(3)插图

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

Photoshop制作放大缩小网页图标(3)插图(1)

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

Photoshop制作放大缩小网页图标(3)插图(2)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(3)

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

Photoshop制作放大缩小网页图标(3)插图(4)

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

Photoshop制作放大缩小网页图标(3)插图(5)

Photoshop制作放大缩小网页图标(3)插图(6)

效果如下。

Photoshop制作放大缩小网页图标(3)插图(7)

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

Photoshop制作放大缩小网页图标(3)插图(8)

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

Photoshop制作放大缩小网页图标(3)插图(9)
 

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

Photoshop制作放大缩小网页图标(3)插图(10)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(11)

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

Photoshop制作放大缩小网页图标(3)插图(12)

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

Photoshop制作放大缩小网页图标(3)插图(13)

添加图层样式。

Photoshop制作放大缩小网页图标(3)插图(14)

效果如下。

Photoshop制作放大缩小网页图标(3)插图(15)

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

Photoshop制作放大缩小网页图标(3)插图(16)

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

Photoshop制作放大缩小网页图标(3)插图(17)

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

Photoshop制作放大缩小网页图标(3)插图




作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部