Photoshop制作放大缩小网页图标

ps基础教程
内容摘要:
速读文章内容
本文收集了一些ps教程,ps图片处理与ps照片处理实例教程,ps教程大全,手把手教你学ps处理图片,photoshop图片处理教程,怎样用ps做照片的教程,是ps教程的学习资料库。

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

先看效果图。

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

添加图层样式。

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

效果如下。

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网
  共2页: 1 [2] 下一页   

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

添加图层样式。

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

添加图层样式。

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

效果如下。

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网

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

Photoshop制作放大缩小网页图标,PS教程,思缘教程网


  共2页: 上一页 [1] 2   

首页

相关内容

最新发布

专题合集

艺考培训-设计-Photoshop教程-ps基础教程-Photoshop制作放大缩小网页图标