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

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

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

【 tulaoshi.com - PS 】

先看效果图。

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

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

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

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

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

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

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

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

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

效果如下。

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

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

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

添加蒙版黑白直线渐变。

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

最终效果如下。

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

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

上一篇： Photoshop给美女模特磨皮美白教程
下一篇： Photoshop合成搞怪的鸵鸟腿赛马教程

看过《Photoshop金属质感的圆形网页按钮》的人还看了以下文章更多>>

透明玻璃质感圆形按钮

标签： PS PS基础 ps平面设计教程 ps去水印教程

最终效果图步骤一：首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后，点击“视图”并选择“查看实际像素”。步骤二：选择“椭圆工具 ”并画一个圆。步骤三：转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。步骤四：给“椭圆工具”应用这些混合选项。 ...

用Photoshop设计一款质感圆形按钮

标签： PS PS教程

这是 Pixel Apex 的一个质感圆形按钮教程。主要应用了Photoshop的图层样式实现。善加利用图层样式，我们可以得到许多类似的漂亮图形效果。下面是本实例最终完成的效果：步骤一：首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后，点击“视图”并选择“查看实际像素”。步骤二：选择“椭圆工具 ”并画一个圆...

Photoshop制作质感的斜纹网页导航按钮

标签： PS PS基础

效果图：大家好，下面由我来开始教如何做上图效果的简单按钮： 1.首先打开photoshop软件，Ctrl+N新建一个10 x 10px的72dpi(分辨率)的文件： ①.我们先在图层面板新建一个新的图层，然后把背景图层删除(可按del键快捷键) ②.接着在导航器把界面放到最大可按ctrl+"+" 快捷键，然后选择矩形选框工具，再选择上面的添加到选...

photoshop绘制透明玻璃质感长圆形按钮

photoshop绘制透明玻璃质感长圆形按钮最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小， RGB模式Contents，设为Transparent( 透明 )，layer1填充为白色，上加一层，建立40x40 的圆形，放在页面中心填充色#003366，然后将其从中心分解开，左右各20像素，左半圆向左移动30像素，右图老师半圆向右移动30像素...

精致金属质感水晶按钮

标签： PS PS基础 ps平面设计教程 ps去水印教程

先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由3部分构成:背景,水晶按钮及文字,下面我们就开始动手. 一.背景的制作: 1.打开photoshop 新建一个400*400的文件最好是"RGB"颜色用黑白圆形渐变绘制如图2所示渐变图1 图2 2.选择滤镜杂色 ...

查看更多精彩>>