Photoshop制作放大缩小网页图标

一是产品成本

一是产品成本

2016-02-16 06:53

下面请跟着图老师小编一起来了解下Photoshop制作放大缩小网页图标,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

先看效果图。

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

添加图层样式。

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

效果如下。

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

添加图层样式。

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

添加图层样式。

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

效果如下。

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

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

Photoshop制作放大缩小网页图标,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作放大缩小网页图标

PS PS基础
Photoshop制作放大缩小网页图标

Photoshop中如何快速放大缩小

PS
Photoshop中如何快速放大缩小

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

如何放大或缩小桌面上的图标?

电脑入门
如何放大或缩小桌面上的图标?

图片放大缩小移动类

flash教程
图片放大缩小移动类

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作简单时尚的网页开关图标

PS PS基础
Photoshop制作简单时尚的网页开关图标

Photoshop制作网页常用质感按钮图标

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作网页常用质感按钮图标

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop合成教程:制作机械猛男效果

Photoshop合成教程:制作机械猛男效果

Photoshop调出美女照片优雅的怀旧色调

Photoshop调出美女照片优雅的怀旧色调
下拉加载更多内容 ↓