Photoshop金属质感的圆形网页按钮

2016-02-16 06:14 13 1 收藏

今天图老师小编给大家精心推荐个Photoshop金属质感的圆形网页按钮教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - PS 】

先看效果图。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

新建文档550550像素,背景黑色,建新层,前景色4c73f1画一个正圆形状,复制3个,副本1图层缩小5%左右,副本2层缩小位置如下,颜色改为白色。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

选择形状1,隐藏其它层,添加图层样式。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

描边颜色请采样我的截图,效果如下。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

选择副本层,添加图层样式。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

效果如下。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

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

选择副本2,填充归零,添加图层样式。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

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

添加蒙版黑白直线渐变。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

最终效果如下。

Photoshop金属质感的圆形网页按钮,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569030.html

延伸阅读
最终效果图 步骤一:首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后,点击“视图”并选择“查看实际像素”。 步骤二:选择“椭圆工具 ”并画一个圆。 步骤三:转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。 步骤四:给“椭圆工具”应用这些混合选项。 ...
photoshop绘制透明玻璃质感长圆形按钮 最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右图老师半圆向右移动30像素...
标签: PS PS教程
这是 Pixel Apex 的一个质感圆形按钮教程。主要应用了Photoshop的图层样式实现。善加利用图层样式,我们可以得到许多类似的漂亮图形效果。下面是本实例最终完成的效果: 步骤一:首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后,点击“视图”并选择“查看实际像素”。 步骤二:选择“椭圆工具 ”并画一个圆...
标签: PS PS基础 PS效果
本教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。 最终效果 1、新建一个512 * 512像素的文档,背景填充淡蓝色。新建一个图层,用椭圆工具在画布中心画一个白色圆形。然后给圆添加图层样...
标签: PS PS基础
效果图: 大家好,下面由我来开始教如何做上图效果的简单按钮: 1.首先打开photoshop软件,Ctrl+N新建一个10 x 10px的72dpi(分辨率)的文件: ①.我们先在图层面板新建一个新的图层,然后把背景图层删除(可按del键快捷键) ②.接着在导航器把界面放到最大 可按ctrl+"+" 快捷键,然后选择矩形选框工具,再选择上面的添加到选...

经验教程

128

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部