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

2016-01-30 02:15 39 1 收藏

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

【 tulaoshi.com - PS 】

  这是 Pixel Apex 的一个质感圆形按钮教程。主要应用了Photoshop的图层样式实现。善加利用图层样式,我们可以得到许多类似的漂亮图形效果。下面是本实例最终完成的效果:

  步骤一:首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后,点击“视图”并选择“查看实际像素”。

  步骤二:选择“椭圆工具”并画一个圆。

  使用什么色彩无所谓因为混合选项将会改变色彩。

  步骤三:转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。

 [next] 步骤四:给“椭圆工具”应用这些混合选项。

  完成后图像应该与笔者所做的相符合。

[next] 步骤五:现在在新图层新增另一个圆,位于之前图像中间。再次转到“混合模式”。

  当完成此设置后再在该图层上应用一个“渐变叠加”。

  新图像看起来应该像这样。

  步骤六:现在新建一个图层并新增一个比刚创建的小一些的圆。选择#fe8f11色彩。

[next] 步骤七:应用这些混合选项到橙色图层。

  步骤八:完成后,按住Ctrl并在图层的灰白渐变选区点击以选中橙色的圆。

  步骤九:现在选择“画笔工具”。你可以使用笔者的发光设置但可以自由的尝试以获得更好的效果。

  仍保持选择橙色图层,将右下角用画笔大致刷成月牙状。你应该选用#fe8f11作为画笔的颜色。

[next]

  步骤十:新建一个图层并选择#ffffff色彩。创建另并一个圆并设置图层不透明度为10。

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

  步骤十一:另建一个图层并在里面放置一个椭圆。选中椭圆并改变不透明度为6。

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

来源:https://www.tulaoshi.com/n/20160130/1517333.html

延伸阅读
标签: PS PS基础 PS效果
本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。 最终效果 1、新建一个大小适当的文档,背景填充灰色。 2、新建图层,选择“椭圆”工具进行绘制。 3、为“形状 1”添加图层样式“投影”效果。 4、更改“形...
标签: PS PS基础
先看看最终效果图 找一个有锈迹的背景。 使用 Aviano 字体。大小297px,并确保颜色设置为#b9b8b8。 下面是有趣的部分。你所看到的文字上的纹理实际上是一个现有的Photoshop图案,我们使用了图案叠加。在图案叠加效果窗口中,点击默认的图案缩略图显示图案预设。点击窗口右侧的小右箭头,然后选择菜单中的岩石图案。这里有很多图...
最终效果图 步骤一:首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后,点击“视图”并选择“查看实际像素”。 步骤二:选择“椭圆工具 ”并画一个圆。 步骤三:转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。 步骤四:给“椭圆工具”应用这些混合选项。 ...
【PS文字特效】PS绘制设计一款金属tulaoshi.com质感的字体   绘制设计一款金属质感的字体,效果不错,设计思路及方法值得借鉴
photoshop绘制透明玻璃质感长圆形按钮 最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右图老师半圆向右移动30像素...

经验教程

948

收藏

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